/* flatpickr date picker themed with the site's variables (light/dark) */
.flatpickr-calendar {
    background: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    font-family: inherit;
}

.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after {
    border-bottom-color: var(--border-color);
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year,
span.flatpickr-weekday,
.flatpickr-day {
    color: var(--text-primary);
    fill: var(--text-primary);
    background: transparent;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    fill: var(--text-primary);
}

.flatpickr-current-month .flatpickr-monthDropdown-months option {
    background: var(--bg-primary);
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    background: var(--bg-secondary);
    border-color: var(--bg-secondary);
}

.flatpickr-day.today {
    border-color: var(--primary-orange);
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
    background: var(--primary-orange);
    border-color: var(--primary-orange);
    color: var(--bg-header);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: var(--text-tertiary);
}