/* Reservation Page Styles */

.service-type-card {
    cursor: pointer;
    transition: all 0.2s ease;
}

.service-type-card:hover {
    border-color: var(--fn-primary) !important;
    background-color: var(--fn-primary-bg-subtle);
}

.service-type-card.border-primary {
    border-width: 2px !important;
}

.slot-btn {
    padding: 0.6rem 0.5rem;
    font-size: 0.9rem;
}

.slot-btn .badge {
    font-size: 0.7rem;
}

#summary-card {
    z-index: 10;
}

/* Inline flatpickr full-width */
.flatpickr-calendar { z-index: 999 !important; }
#date-picker-wrap { position: relative; }
#date-picker-wrap > input { display: none !important; }
#date-picker-wrap .flatpickr-calendar {
    position: relative !important; top: 0 !important;
    width: 100% !important; max-width: 100% !important;
    box-shadow: none !important; border: 1px solid #dee2e6; border-radius: .5rem;
}
#date-picker-wrap .flatpickr-calendar .flatpickr-months,
#date-picker-wrap .flatpickr-calendar .flatpickr-innerContainer { width: 100%; }
#date-picker-wrap .flatpickr-calendar .dayContainer {
    width: 100% !important; max-width: 100% !important; min-width: 100% !important;
}
#date-picker-wrap .flatpickr-calendar .flatpickr-days {
    width: 100% !important;
}
#date-picker-wrap .flatpickr-calendar .flatpickr-day {
    max-width: none; height: 42px; line-height: 42px;
}