/* Branded flatpickr calendar for the contact page's event-date field —
   overrides the library's default blue theme to match the site's own
   dark-gray/serif look instead of shipping it unstyled. */

.flatpickr-calendar {
    font-family: var(--primary-font);
    background: var(--white);
    box-shadow: 0 10px 30px rgba(66, 58, 52, .18);
    border-radius: 6px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    display: none;
}

.flatpickr-months .flatpickr-month {
    color: var(--dark-gray);
    fill: var(--dark-gray);
}

.flatpickr-current-month {
    font-family: var(--alt-font);
    font-size: 17px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-family: var(--alt-font);
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    color: var(--dark-gray);
    fill: var(--dark-gray);
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: var(--dark-gray);
}

span.flatpickr-weekday {
    font-family: var(--primary-font);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: var(--medium-gray);
}

.flatpickr-day {
    border-radius: 4px;
    color: var(--dark-gray);
}

.flatpickr-day.today {
    border-color: var(--dark-gray);
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    background: var(--dark-gray);
    border-color: var(--dark-gray);
    color: var(--white);
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
    background: var(--dark-gray);
    border-color: var(--dark-gray);
    color: var(--white);
}

.flatpickr-day:hover {
    background: var(--extra-medium-gray);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: var(--light-gray);
}

.fedra-datepicker-alt {
    cursor: pointer;
}