/* css/flatpickr-dark.css - Custom Red & Dark Theme overrides for Flatpickr Datepicker */

.flatpickr-calendar {
    background: #0a0a0a !important;
    border: 1px solid #222 !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8) !important;
    font-family: inherit !important;
}

.flatpickr-months {
    background: #111 !important;
    border-bottom: 1px solid #222;
    padding-top: 8px !important;
}

.flatpickr-month,
.flatpickr-current-month input.cur-year {
    color: #fff !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #111 !important;
    color: #fff !important;
}

.flatpickr-weekday {
    color: #888 !important;
    font-weight: 600 !important;
}

.flatpickr-day {
    color: #ccc !important;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    background: #222 !important;
    border-color: #333 !important;
    color: #fff !important;
}

.flatpickr-day.selected {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important;
    font-weight: bold;
}

.flatpickr-day.today {
    border-color: var(--primary-color) !important;
    font-weight: bold;
    color: #fff !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    fill: #888 !important;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
    fill: var(--primary-color) !important;
}