/*
 * Villa O'Kalm theme overrides for Flatpickr (reservation widget).
 * Kept separate from app.css per project convention. Loaded on the
 * accommodation detail page only (templates/accommodation/show.html.twig).
 *
 * Brand palette: navy #1E3A4C, sun #F4C542, sun-2 #E8B629.
 */

.flatpickr-calendar {
    border-radius: 14px;
    box-shadow: 0 20px 60px -28px rgba(30, 58, 76, 0.28);
    font-family: "DM Sans", system-ui, sans-serif;
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month,
.flatpickr-weekday {
    color: #1E3A4C;
    fill: #1E3A4C;
}

.flatpickr-day {
    color: #1E3A4C;
    border-radius: 8px;
}

/* Hover / today */
.flatpickr-day:hover,
.flatpickr-day:focus {
    background: #FBF8F3;
    border-color: #FBF8F3;
}

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

.flatpickr-day.today:hover {
    background: #F4C542;
    border-color: #F4C542;
    color: #1E3A4C;
}

/* Selected endpoints */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: #1E3A4C;
    border-color: #1E3A4C;
    color: #FBF8F3;
}

/* In-range fill */
.flatpickr-day.inRange {
    background: #F4EEE3;
    border-color: #F4EEE3;
    box-shadow: -5px 0 0 #F4EEE3, 5px 0 0 #F4EEE3;
}

/* Disabled (booked) days */
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
    color: rgba(30, 58, 76, 0.25);
    text-decoration: line-through;
}

/* Arrow hover */
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #E8B629;
}