/* Page de réservation : à charger APRÈS fenial-harmonisee-v3.css (utilise ses variables de couleurs) */

/* Les 4 façons de réserver */
.booking-ways{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:32px 0 0}
.booking-way{background:#fff;border:1px solid var(--line);border-radius:4px;padding:20px 16px;text-align:center}
.booking-way strong{display:block;color:var(--green-dark);font-size:1.05rem;line-height:1.3;margin-bottom:8px}
.booking-way p{margin:0;font-size:.95rem}
.booking-way a{overflow-wrap:anywhere}
.booking-address{font-style:normal;text-align:center;line-height:1.7;margin:32px auto 0}
.booking-address strong{color:var(--green-dark)}

/* Onglets des calendriers de réservation */
.tab-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 24px}
.tab-list button{font:inherit;font-weight:700;color:var(--green-dark);background:#fff;border:1px solid var(--green);border-radius:5px;padding:11px 20px;cursor:pointer;transition:background .2s,color .2s}
.tab-list button:hover{background:var(--cream)}
.tab-list button[aria-selected="true"]{background:var(--green);color:#fff}
.tab-list button:focus-visible{outline:3px solid var(--beige);outline-offset:2px}
.tab-panel{margin:0 0 40px}
.tab-panel>h3{font-size:1.4rem;line-height:1.3;color:var(--green-dark);margin:0 0 14px}
.booking-tabs--js .tab-panel{margin-bottom:0}
.booking-tabs--js .tab-panel>h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.booking-frame{height:700px}

/* Liens longs (assurance annulation) : retour à la ligne sur mobile */
.detail-section a{overflow-wrap:anywhere}

@media(max-width:1000px){.booking-ways{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.booking-ways{grid-template-columns:1fr}.tab-list button{flex:1 1 45%;padding:11px 10px}}