/* --- FLATPCIKR CUSTOM THEME --- */
/* Integración con variables de main.css para mimetaplus.es */

.flatpickr-calendar {
    background: var(--card-color) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius-md) !important;
    box-shadow: 0 10px 25px var(--shadow-color) !important;
    font-family: 'Inter', sans-serif !important;
    color: var(--text-color) !important;
}

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

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    border-top-color: var(--border-color) !important;
}

/* Header (Mes y Año) */
.flatpickr-months {
    background: var(--card-color) !important;
    border-bottom: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.flatpickr-months .flatpickr-month {
    background: transparent !important;
    color: var(--text-color) !important;
    fill: var(--text-color) !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: var(--card-color) !important;
    color: var(--text-color) !important;
    font-weight: 600 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: var(--bg-color) !important;
}

.flatpickr-current-month input.cur-year {
    color: var(--text-color) !important;
    font-weight: 600 !important;
}

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

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

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

/* Días de la semana */
.flatpickr-weekdays {
    background: var(--card-color) !important;
}

span.flatpickr-weekday {
    background: transparent !important;
    color: var(--text-muted) !important;
    font-weight: 500 !important;
}

/* Días */
.flatpickr-day {
    color: var(--text-color) !important;
    border-radius: var(--border-radius-sm) !important;
    border: 1px solid transparent !important;
}

.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus {
    background: var(--button-hover-bg) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

.flatpickr-day.today {
    border-color: var(--accent-color) !important;
    background: transparent !important;
    color: var(--accent-color) !important;
}

.flatpickr-day.today:hover {
    background: var(--accent-color) !important;
    color: #fff !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(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: #fff !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
    color: var(--text-muted) !important;
    opacity: 0.3 !important;
    cursor: not-allowed !important;
}

/* Selectores internos de mes/año dropdown */
.numInputWrapper span {
    border: 1px solid var(--border-color) !important;
}

.numInputWrapper span:hover {
    background: var(--bg-color) !important;
}