/* Flatpickr Override - Force simple, visible calendar */

/* Reset all flatpickr colors to ensure visibility */
.flatpickr-calendar * {
    color: #333 !important;
    opacity: 1 !important;
}

/* Ensure calendar has strong contrast */
.flatpickr-calendar {
    background: white !important;
    border: 2px solid #333 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
    font-size: 14px !important;
}

/* Make month and year clearly visible */
.flatpickr-current-month {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    background: #f8f9fa !important;
    padding: 10px !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #000 !important;
    font-weight: bold !important;
    background: white !important;
    border: 1px solid #333 !important;
}

.flatpickr-current-month input.cur-year {
    color: #000 !important;
    font-weight: bold !important;
}

/* Ensure all days are visible */
.flatpickr-day {
    color: #000 !important;
    background: white !important;
    border: 1px solid #e9ecef !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

/* Style for disabled dates (past dates) */
.flatpickr-day.flatpickr-disabled {
    color: #ccc !important;
    background: #f8f9fa !important;
    cursor: not-allowed !important;
}

/* Available dates should be clearly clickable */
.flatpickr-day:not(.flatpickr-disabled):not(.selected):hover {
    background: #007bff !important;
    color: white !important;
    border-color: #007bff !important;
}

/* Selected date */
.flatpickr-day.selected {
    background: #007bff !important;
    color: white !important;
    border-color: #0056b3 !important;
}

/* Today's date */
.flatpickr-day.today {
    border: 2px solid #28a745 !important;
    font-weight: bold !important;
}

/* Weekday headers */
.flatpickr-weekday {
    color: #000 !important;
    font-weight: bold !important;
    background: #e9ecef !important;
}

/* Navigation arrows */
.flatpickr-prev-month,
.flatpickr-next-month {
    color: #000 !important;
    fill: #000 !important;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
    color: #007bff !important;
    fill: #007bff !important;
}

/* Time inputs */
.flatpickr-time input {
    color: #000 !important;
    font-weight: bold !important;
    font-size: 16px !important;
    background: white !important;
    border: 2px solid #007bff !important;
}

.flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    color: #000 !important;
    font-weight: bold !important;
}

/* Arrow buttons in time picker */
.flatpickr-time .arrowUp,
.flatpickr-time .arrowDown {
    border-bottom-color: #333 !important;
    border-top-color: #333 !important;
}

/* Month navigation fix */
.flatpickr-months {
    background: #f8f9fa !important;
    border-bottom: 2px solid #dee2e6 !important;
}

/* Ensure dropdowns are visible */
select.flatpickr-monthDropdown-months {
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block !important;
}

/* Remove any filters that might be affecting visibility */
.flatpickr-calendar,
.flatpickr-calendar * {
    filter: none !important;
    -webkit-filter: none !important;
}

/* Ensure nothing is hidden */
.flatpickr-day:not(.hidden) {
    display: inline-block !important;
    visibility: visible !important;
}

/* Fix for next/prev month days */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: #999 !important;
    opacity: 0.5 !important;
}

/* Ensure proper z-index */
.flatpickr-calendar {
    z-index: 99999 !important;
}

/* Remove static positioning if causing issues */
.flatpickr-calendar.static {
    position: absolute !important;
}