.fl-node- .bewod-cal-header {
    text-align: center;
}

.fl-node- .bewod-cal-toolbar {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 2rem;
}

.fl-node- .btn-arrow {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    width: auto;
}

.fl-node- .bewod-cal-months {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.5rem;
}

.fl-node- .bewod-cal-month-title {
    font-weight: 400;
    text-align: center;
    background-color: var(--terra);
    background-color: var(--gold);
    color: #fff;
    padding: 1rem;
}

.fl-node- .bewod-cal-weekdays,
.fl-node- .bewod-cal-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.25rem;
}

.fl-node- .bewod-cal-weekdays {
    background-color: var(--blue);
    color: #fff;
    padding: 1rem 0;
}

.fl-node- .bewod-cal-weekday {
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    color: var(--dark-gray, #666);
    padding-bottom: 0.25rem;
}

.fl-node- .bewod-cal-weekdays .bewod-cal-weekday {
    color: #fff;
}

.fl-node- .bewod-cal-day {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 600;
}


.fl-node- .bewod-cal-day--empty {
    visibility: hidden;
}

.fl-node- .bewod-cal-day--available {
    /*
    background: var(--greenslt, #e0f5e2);
    color: var(--607d65, #607d65);
    border-color: #d7e8db;
    background: var(--greenslt, #c9ebc6);
    color: var(--607d65, #333);
    border-color: #c9ebc6;
    */
    color: #333;
    background: #fff;
    border-color: #fff;
}

.fl-node- .bewod-cal-day--unavailable {
    background: #d2e3ef;
    border-color: #d2e3ef;
    color: #999;
}

/* Jour d'arrivée */
.fl-node- .bewod-cal-day--arrival {
    background: linear-gradient(to bottom right, #fff 50%, #d2e3ef 50%);
    border-color: #d2e3ef;
    color: #333;
}

/* Jour de départ */
.fl-node- .bewod-cal-day--departure {
    background: linear-gradient(to bottom right, #d2e3ef 50%, #fff 50%);
    border-color: #d2e3ef;
    color: #333;
}

.fl-node- .bewod-cal-day--past {
    opacity: 0.45;
    color: #555;
    font-weight: 400;
    text-decoration: line-through;
}

/* Le fond (uni ou bicolore) reste celui de arrival / departure / unavailable / available */
.fl-node- .bewod-cal-day--past.bewod-cal-day--available {
    background: #fff;
    border-color: #fff;
}

.fl-node- .bewod-cal-day--past.bewod-cal-day--unavailable {
    background: #d2e3ef;
    border-color: #d2e3ef;
}

.fl-node- .bewod-cal-day--past.bewod-cal-day--arrival {
    background: linear-gradient(to bottom right, #fff 50%, #d2e3ef 50%);
    border-color: #d2e3ef;
}

.fl-node- .bewod-cal-day--past.bewod-cal-day--departure {
    background: linear-gradient(to bottom right, #d2e3ef 50%, #fff 50%);
    border-color: #d2e3ef;
}

.fl-node- .bewod-cal-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.25rem;
    font-size: 0.875rem;
}

.fl-node- .bewod-cal-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.fl-node- .bewod-cal-swatch {
    width: 1rem;
    height: 1rem;
    border: 1px solid transparent;
}

.fl-node- .bewod-cal-swatch--past {
    background: #e1e1e1;
    border-color: #e1e1e1;
}

.fl-node- .bewod-cal-swatch--available {
    /*
    background: #eef6f0;
    border-color: #d7e8db;
    background: #c9ebc6;
    border-color: #c9ebc6;
    */
    background: #fff;
    border-color: #ddd;
}

.fl-node- .bewod-cal-swatch--unavailable {
    background: #d2e3ef;
    border-color: #d2e3ef;
}

.fl-node- .bewod-cal-swatch--arrival {
    background: linear-gradient(to top right, #fff 50%, #d2e3ef 50%);
    border-color: #d2e3ef;
}

.fl-node- .bewod-cal-swatch--departure {
    background: linear-gradient(to top right, #d2e3ef 50%, #fff 50%);
    border-color: #d2e3ef;
}

.fl-node- .bewod-cal-sync,
.fl-node- .bewod-cal-notice {
    margin: 1rem 0 0;
    font-size: 0.875rem;
    text-align: center;
}

.fl-node- .bewod-cal-sync {
    margin-top: 0.5rem !important;
    font-size: 0.675rem;
}

.fl-node- .bewod-cal-actions {
    margin-top: 2.75rem;
    margin-bottom: 2rem;
    text-align: center;
}

@media (max-width: 767px) {
    .fl-node- .bewod-cal-months {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 419px) {
    .fl-node- .bewod-cal-day {
        aspect-ratio: auto;
        min-height: 36px;
    }
}