/* Custom Flatpickr theme overrides - uses --bit-datepicker from organization theme */

/* Ensure calendar appears above modal content and uses org font */
.flatpickr-calendar {
    z-index: 999999 !important;
    font-family: var(--bit-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
}

.flatpickr-calendar * {
    font-family: inherit !important;
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: var(--bit-datepicker, #e68f1f) !important;
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: var(--bit-datepicker, #e68f1f) !important;
}

.flatpickr-months .flatpickr-month {
    background: var(--bit-datepicker, #e68f1f) !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: var(--bit-datepicker, #e68f1f) !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: var(--bit-datepicker, #e68f1f) !important;
}

.flatpickr-weekdays {
    background: var(--bit-datepicker, #e68f1f) !important;
}

span.flatpickr-weekday {
    background: var(--bit-datepicker, #e68f1f) !important;
}

.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: var(--bit-datepicker, #e68f1f) !important;
    border-color: var(--bit-datepicker, #e68f1f) !important;
}

.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 var(--bit-datepicker, #e68f1f) !important;
}

.flatpickr-day.week.selected {
    box-shadow: -5px 0 0 var(--bit-datepicker, #e68f1f), 5px 0 0 var(--bit-datepicker, #e68f1f) !important;
}

/* Today's date circle - high specificity to override material_blue theme */
.flatpickr-calendar .dayContainer .flatpickr-day.today,
.flatpickr-calendar .dayContainer .flatpickr-day.today:not(.selected),
.flatpickr-day.today {
    border-color: var(--bit-datepicker, #e68f1f) !important;
    background-color:  var(--bit-datepicker, #e68f1f) !important;
    color: #ffffff !important;
}

.flatpickr-calendar .dayContainer .flatpickr-day.today:hover,
.flatpickr-calendar .dayContainer .flatpickr-day.today:focus,
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    border-color: var(--bit-datepicker, #e68f1f) !important;
    background: var(--bit-datepicker, #e68f1f) !important;
    color: #fff !important;
}

/* ============================================
   Year <select> dropdown in calendar header
   Injected by flatpickr_controller.js _enhanceYearSelect
   ============================================ */
.flatpickr-calendar .cur-year-select {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    padding: 1px 4px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    margin: 0 2px;
    appearance: menulist;
}
.flatpickr-calendar .cur-year-select:focus {
    outline: none;
    border-color: #fff;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
}
.flatpickr-calendar .cur-year-select option {
    color: #212529;
    background: #fff;
}
/* Hide the default numeric year input + up/down arrows when select is active */
.flatpickr-calendar .numInputWrapper.has-year-select input.cur-year,
.flatpickr-calendar .numInputWrapper.has-year-select .arrowUp,
.flatpickr-calendar .numInputWrapper.has-year-select .arrowDown {
    display: none !important;
}
.flatpickr-calendar .numInputWrapper.has-year-select {
    width: auto !important;
}

/* Adjacent month days and disabled days - make them visible */
/* High specificity to override any base theme */
.flatpickr-calendar .dayContainer .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .dayContainer .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar .dayContainer .flatpickr-day.prevMonthDay,
.flatpickr-calendar .dayContainer .flatpickr-day.nextMonthDay,
.flatpickr-calendar .dayContainer .flatpickr-day.notAllowed,
.flatpickr-calendar .dayContainer .flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-calendar .dayContainer .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(72, 72, 72, 0.3) !important;
}