/* Flatpickr — Metronic Theme Integration (light + dark via --kt-* vars)
 * Mantido como override separado para evitar CSS inline no layout base.
 */

.flatpickr-calendar {
    background: var(--kt-card-bg);
    border: 1px solid var(--kt-border-color);
    box-shadow: 0px 0px 20px 0px rgba(76,87,125,.1);
    border-radius: .625rem;
    font-family: inherit;
}

.flatpickr-calendar.arrowTop:before { border-bottom-color: var(--kt-border-color); }
.flatpickr-calendar.arrowTop:after  { border-bottom-color: var(--kt-card-bg); }
.flatpickr-calendar.arrowBottom:before { border-top-color: var(--kt-border-color); }
.flatpickr-calendar.arrowBottom:after  { border-top-color: var(--kt-card-bg); }

.flatpickr-months .flatpickr-month { background: transparent; color: var(--kt-gray-900); fill: var(--kt-gray-900); }
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month { color: var(--kt-gray-600); fill: var(--kt-gray-600); }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg { fill: var(--kt-primary); }

/* Header (mes/ano) estava grande em alguns temas/combos de CSS */
.flatpickr-current-month {
    font-size: 1rem; /* base */
    line-height: 1.2;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    font-size: 1rem;
    font-weight: 600;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: var(--kt-card-bg);
    color: var(--kt-gray-900);
    border: 0;
}
.flatpickr-current-month .flatpickr-monthDropdown-months option { background: var(--kt-card-bg); color: var(--kt-gray-900); }
.flatpickr-current-month input.cur-year { color: var(--kt-gray-900); }
.numInputWrapper:hover { background: var(--kt-gray-100); }
.numInputWrapper span:hover { background: var(--kt-gray-200); }

span.flatpickr-weekday { background: transparent; color: var(--kt-gray-500); font-weight: 600; }

.flatpickr-day { color: var(--kt-gray-700); border-radius: .475rem; }
.flatpickr-day:hover,
.flatpickr-day:focus { background: var(--kt-gray-200); border-color: var(--kt-gray-200); color: var(--kt-gray-900); }
.flatpickr-day.today { border-color: var(--kt-primary); color: var(--kt-primary); }
.flatpickr-day.today:hover { background: var(--kt-primary-light); border-color: var(--kt-primary); }
.flatpickr-day.selected,
.flatpickr-day.selected:hover { background: var(--kt-primary); border-color: var(--kt-primary); color: #fff; }
.flatpickr-day.inRange { background: var(--kt-primary-light); border-color: var(--kt-primary-light); color: var(--kt-primary); }
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay { color: var(--kt-gray-400); }

.flatpickr-time { border-top: 1px solid var(--kt-border-color); }
.flatpickr-time input, .flatpickr-time .flatpickr-am-pm { color: var(--kt-gray-700); }
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover { background: var(--kt-gray-100); }