/*
 * flatpickr — aligné sur les tokens Paravenda.
 * Le CSS par défaut est conservé, seuls les aplats et couleurs sont repris.
 */

.flatpickr-calendar {
    background-color: var(--surface);
    border: 1px solid var(--line);
    border-radius: 0.75rem;
    box-shadow: 0 10px 25px -5px rgb(52 35 44 / 0.15);
}

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

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

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-weekday {
    background-color: var(--surface);
    color: var(--ink);
    fill: var(--ink);
}

.flatpickr-weekday {
    color: var(--muted);
    font-weight: 600;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    fill: var(--body);
}

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

.flatpickr-day {
    color: var(--ink);
    border-radius: 0.5rem;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
    background-color: var(--soft);
    border-color: var(--soft);
}

.flatpickr-day.today {
    border-color: var(--accent);
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.inRange {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--accent-ink);
}

.flatpickr-day.inRange {
    box-shadow: -5px 0 0 var(--accent), 5px 0 0 var(--accent);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: var(--faint);
}

.lm-date-picker .form-control.input {
    width: 100%;
}

.lm-date-picker .flatpickr-wrapper {
    display: block;
    width: 100%;
}