/* 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;
}

/* 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;
}