/* Thai Datepicker — Flatpickr theme overrides */
.flatpickr-calendar {
    font-family: 'IBM Plex Sans Thai', sans-serif;
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 25px -5px rgba(30, 58, 95, 0.12);
}

.flatpickr-months .flatpickr-month {
    color: #1e3a5f;
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    font-weight: 600;
    color: #1e3a5f;
}

.flatpickr-weekdays {
    background: #f8fafc;
}

span.flatpickr-weekday {
    color: #64748b;
    font-weight: 500;
}

.flatpickr-day {
    border-radius: 0.5rem;
    color: #334155;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    background: #ecfdf5;
    border-color: #ecfdf5;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: #059669;
    border-color: #059669;
    color: #fff;
}

.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: #047857;
    border-color: #047857;
}

.flatpickr-day.today {
    border-color: #10b981;
}

.flatpickr-day.today:hover {
    background: #d1fae5;
    border-color: #10b981;
    color: #047857;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #cbd5e1;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #059669;
}

/* altInput visible field */
.thai-date-field .flatpickr-input[readonly] {
    cursor: pointer;
    background-color: #fff;
}

.thai-date-field input.thai-date-alt {
    cursor: pointer;
}

.thai-date-field input:disabled,
.thai-date-field input[readonly]:not(.flatpickr-input) {
    cursor: default;
    background-color: #f8fafc;
}