/*
 * NHL Bookly form visual overrides.
 *
 * Slot-calendar day colours (time step). Day cells are <div> elements with a
 * disabled="true|false" attribute (only the enabled/selected ones also carry
 * role="button"), so the reliable hooks are the current-month class + the
 * disabled attribute value. Bookly colours the cells with its primary colour
 * (orange); rebrand to:
 *   - Available current-month days (disabled="false") -> dark blue (#002d70)
 *   - Unavailable current-month days (disabled="true") -> orange (#f97316)
 *   - Selected day (.bg-bookly)                        -> dark blue fill
 *
 * Scoped to .bookly-calendar-dates-mark + .bookly-calendar-current-month-mark
 * so the weekday header, the month/year label and the prev/next controls are
 * untouched, and adjacent-month spill-over days (no current-month class) keep
 * Bookly's muted grey. !important beats Bookly's text-bookly / bg-bookly /
 * bg-slate-100 / opacity utility classes on the cells.
 */

/* Available current-month days -> dark blue */
.bookly-calendar-dates-mark .bookly-calendar-current-month-mark[disabled="false"]:not(.bg-bookly) {
    color: #002d70 !important;
}

.bookly-calendar-dates-mark .bookly-calendar-current-month-mark[disabled="false"]:not(.bg-bookly):hover {
    background-color: #002d70 !important;
    color: #ffffff !important;
}

/* Selected day -> dark blue fill (overrides Bookly's orange bg-bookly) */
.bookly-calendar-dates-mark .bg-bookly,
.bookly-calendar-dates-mark .bg-bookly:hover {
    background-color: #002d70 !important;
    color: #ffffff !important;
}

/* Unavailable days -> orange. Targets every disabled cell: past days, days
   with no availability, AND the previous/next-month spill-over days (which
   Bookly renders muted grey). High specificity (+ the inner <span>, + the
   .bookly-slot-calendar scope) so it beats Bookly's grey text-slate/opacity
   utilities that otherwise win over a plainer selector. :not([disabled="false"])
   matches any disabled representation except the enabled ("false") cells. */
.bookly-slot-calendar .bookly-calendar-dates-mark div[disabled]:not([disabled="false"]),
.bookly-slot-calendar .bookly-calendar-dates-mark div[disabled]:not([disabled="false"]) span {
    /* faint orange — same brand hue, softened so unavailable days read as de-emphasised */
    color: rgba(249, 115, 22, 0.55) !important;
}

.bookly-slot-calendar .bookly-calendar-dates-mark div[disabled]:not([disabled="false"]) {
    background-color: transparent !important;
    opacity: 1 !important;
}