html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* ensures full screen height */
}

.fc-theme-standard td, .fc-theme-standard th {
    border-color: #c3c5c7 !important;
    background-color: #ebebeb !important;
}

.active-route {
    color: #fff !important;
}

main {
    flex: 1; /* pushes footer down */
}


/*booking wizard start*/
.card.btn {
    border: 2px solid transparent;
    transition: all 0.2s ease;
}

.btn-check:checked + .card {
    border-color: #0d6efd;
    background-color: #e7f1ff;
    box-shadow: 0 0 10px rgba(13,110,253,0.5);
}

.validation-error {
    color: #dc3545;
    font-size: 0.9rem;
    margin-top: 5px;
}

/*booking wizard end*/

/* fullcalendar start */

.fc-col-header-cell {
    text-align: center;
    padding: 6px 0 !important;
}

.fc-custom-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 600;
}

.fc-day-name {
    font-size: 0.95rem;
    color: #000; /* primary color */
    margin-bottom: 2px;
}

.fc-day-date {
    font-size: 0.85rem;
    color: #6c757d;
}

/* Remove underline (bottom border) from day headers */
.fc-col-header-cell,
.fc-scrollgrid-sync-inner {
    border-bottom: none !important;
}

/* Optional: remove hover or focus borders */
.fc-col-header-cell-cushion {
    text-decoration: none !important;
    border: none !important;
}

/* Optional: keep your custom header styles clean */
.fc-custom-header {
    border: none !important;
}

.fc-timegrid-slot-label-cushion{
    color:#000;
    font-weight:bold;
}

.fc-timegrid-event .fc-event-main {
    margin-top: -4px; /* small nudge upward */
}

/* Make all calendar sections auto-height */
.fc-scroller,
.fc-scrollgrid,
.fc-scrollgrid-section-body,
.fc-timegrid-body {
    overflow: visible !important;
    height: auto !important;
}

/* Optional: keep header clean */
.fc-header-toolbar {
    overflow: hidden !important;
}

/* Make sure the calendar fits its parent */
#calendar {
    height: auto !important;
}

/*fullcalendar end*/