/* ===== Choix du jour d'arrivée par onglets (resa-tabs, 2026-11-03) ===== */
.bloc-resa .resa-tabs { width: 100%; box-sizing: border-box; padding: 20px 0 0; }
.resa-tabs-title { font-family: 'Quicksand', sans-serif; font-size: 1.1em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #544f4a; margin: 0 0 12px; padding: 0 7%; text-align: left; }
.resa-tabs-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; padding: 0 7%; align-items: center; }
.resa-tabs-days { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.resa-tab { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; min-height: 45px; background: white; border: 2px solid #aed57f; border-radius: 0; color: #544f4a; font-family: 'Quicksand', sans-serif; font-size: 1em; font-weight: 500; text-transform: uppercase; letter-spacing: 0.03em; cursor: pointer; transition: background 0.25s ease, color 0.25s ease; }
.resa-tab i { color: #99c95d; font-size: 1em; transition: color 0.25s ease; }
.resa-tab:hover { background: #eff6e4; }
.resa-tab.is-active { background: #aed57f; color: white; }
.resa-tab.is-active i { color: white; }
.resa-tab:focus-visible { outline: 2px solid #2bb04a; outline-offset: 2px; }
.resa-panel { display: none; }
.resa-panel.is-visible { display: block; }
.resa-panel .bouti-thelis { width: 100%; }
@media (max-width: 600px) {
    .resa-tabs-title, .resa-tabs-bar { padding: 0 4%; }
    .resa-tab { flex: 1 1 auto; justify-content: center; padding: 10px 12px; font-size: 0.95em; }
}