/* Ensure all Flatpickr elements inherit the surrounding font family */
.flatpickr,
.flatpickr *,
.flatpickr-calendar,
.flatpickr-calendar * {
    font-family: ui-sans-serif, system-ui, sans-serif !important;
}

/* If the trigger input is inside a wrapper */
.flatpickr-input,
input.flatpickr-input {
    font-family: ui-sans-serif, system-ui, sans-serif !important;
}

.flatpickr-day:hover,
.flatpickr-day.selected {
    background-color: #cc0f3b !important;
    color: white;
    border: none;
    border-radius: 10px;
}

.flatpickr-day.nextMonthDay:hover {
    background-color: #e5879d !important;
    color: white !important;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover .flat {
    background-color: transparent !important;
}

.flatpickr-day.today {
    background-color: #e5879d !important;
    color: white !important;
    border: none !important;
    border-radius: 10px !important;
}
.flatpickr-day.today:hover {
    background-color: #cc0f3b !important;
}
/* Make the year field interactive; keep month label styling */
.numInput.cur-year {
    font: 14px ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    pointer-events: auto !important; /* allow clicking into the input */
    user-select: text !important;    /* allow selecting/typing */
    cursor: text !important;         /* text caret cursor */
}
.cur-month {
    font: 14px ui-sans-serif, system-ui, sans-serif !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    /* keep month non-editable; pointer events can remain default */
}

.flatpickr-next-month,
.flatpickr-prev-month {
    border: 1px solid #f8f8fa !important;
    border-radius: 10px !important;
    height: 28px !important;
    width: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #8e9297 !important;
    padding: 8px !important;
    margin: 5px !important;
}

.flatpickr-next-month:hover,
.flatpickr-prev-month:hover {
    background-color: #edf0f3 !important;
    color: #1d2530 !important;
}
.flatpickr-next-month:hover svg,
.flatpickr-prev-month:hover svg {
    stroke: #1d2530 !important;
}