/* GF Booking Availability — front-end calendar + time-slot styling */

/* Days greyed out by the plugin (manual whole-day blocks, blocked weekdays,
   fully-booked dates). jQuery UI also adds .ui-datepicker-unselectable. */
.ui-datepicker td.gfba-blocked-day,
.ui-datepicker td.gfba-blocked-day > span,
.ui-datepicker td.gfba-blocked-day > a {
    opacity: 0.45;
    text-decoration: line-through;
    cursor: not-allowed;
    pointer-events: none;
}

/* Gravity Forms 3.0+ accessible datepicker: disabled day cells */
[class*="datepicker"] td[aria-disabled="true"],
[class*="datepicker"] td[aria-disabled="true"] > *,
.gform-theme-datepicker td[aria-disabled="true"],
[role="dialog"][class*="Calendar"] td[aria-disabled="true"] {
    opacity: 0.45;
    text-decoration: line-through;
    cursor: not-allowed;
}

/* Past dates (minDate) and other unselectable days */
.ui-datepicker td.ui-datepicker-unselectable > span,
.ui-datepicker td.ui-state-disabled > span {
    cursor: not-allowed;
}

/* Time-slot / ticket options the plugin disabled */
option.gfba-blocked,
.gchoice.gfba-blocked,
li.gfba-blocked {
    opacity: 0.55;
}
.gchoice.gfba-blocked label,
li.gfba-blocked label {
    text-decoration: line-through;
    cursor: not-allowed;
}

/* ---- Gravity Forms 3.0+ picker: month/year navigation ----
   Themes often style <select> text white (for dark inputs); inside the
   calendar that makes the month dropdown unreadable. Force readable colours. */
table.calendar select.nav.current.select,
table.calendar select.nav.current.select.month,
[class*="datepicker"] table.calendar select {
    color: #1f2937 !important;
    -webkit-text-fill-color: #1f2937 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    opacity: 1 !important;
    text-shadow: none !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px;
    padding: 2px 6px;
    font-weight: 600;
    min-width: 7em;
    /* native dropdown arrow, even if the theme strips it with appearance:none */
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
}
table.calendar select.nav.current.select option {
    color: #1f2937 !important;
    background-color: #ffffff !important;
}
/* Plain-text month/year labels (shown when the dropdown is hidden) */
table.calendar td.month .nav.current.btn,
table.calendar td.year .nav.current.btn,
table.calendar td.year > span {
    color: inherit;
}
/* Year dropdown is disabled via yearSelect:false; hide it if it ever renders */
table.calendar select.nav.current.select.year {
    display: none !important;
}
