/**
 * Dusit Collection Brand Styles
 * Off-canvas overrides applied when opened via [dusit_collection_booking_button].
 * Font is driven by --rbo-dc-font (resolved server-side from synxis_hotel_id).
 */

.rbo-offcanvas.rbo-brand-dusit-collection {
    font-family: var(--rbo-dc-font, "Dusit Text"), Sans-serif;
}

.rbo-offcanvas.rbo-brand-dusit-collection .rbo-submit {
    background: #000000;
    font-family: var(--rbo-dc-font, "Dusit Text"), Sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.rbo-offcanvas.rbo-brand-dusit-collection .rbo-submit:hover:not(:disabled) {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

/* Flatpickr Customization for Airbnb Theme */
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    display: none;
}

.flatpickr-calendar {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 0;
    border: 1px solid #C6CBCB;
}

.flatpickr-calendar.open {
    z-index: 10000000000 !important;
}

/* Flatpickr selected date colors - Override Airbnb theme */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Override Airbnb theme blue gradient */
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #000000 !important;
}

/* Range in-between dates */
.flatpickr-day.inRange {
    background: rgba(183, 169, 154, 0.25) !important;
    background-color: rgba(183, 169, 154, 0.25) !important;
    border-color: transparent !important;
    box-shadow: -5px 0 0 rgba(183, 169, 154, 0.25), 5px 0 0 rgba(183, 169, 154, 0.25) !important;
    color: #333 !important;
}

/* Today's date */
.flatpickr-day.today {
    border-color: #000000 !important;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}