/* Presto · pages intérieures (02/11/2026) : ce que le Designer de Webflow ne sait pas écrire. */
.pg-js [data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.pg-js [data-reveal].is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .pg-js [data-reveal] { opacity: 1; transform: none; transition: none; } }

.pg-top { transition: box-shadow .3s ease; }
.pg-top.is-bas { box-shadow: 0 10px 30px rgba(120, 30, 0, .08); }

.pg-filtre[aria-pressed='true'] { background-color: #ff4e00; color: #f8f0e5; border-color: #ff4e00; }
.pg-film[hidden] { display: none; }
.pg-film:focus-visible, .pg-phare:focus-visible, .pg-filtre:focus-visible { outline: 2px solid #ff4e00; outline-offset: 4px; }

.pg-slot { position: absolute; inset: 0; }
.pg-slot > .w-embed, .pg-slot > iframe { position: absolute; inset: 0; }
.h5-agenda-embed .pg-slot, .h5-agenda-embed .pg-slot > .w-embed { position: static; }
.h5-agenda-frame { height: 780px; }
@media screen and (max-width: 767px) { .h5-agenda-frame { height: 900px; } }

.h5-faq-q::-webkit-details-marker { display: none; }
.h5-faq-q::marker { content: ''; }
.h5-faq-plus { display: inline-block; transition: transform .25s ease; }
.h5-faq-item[open] .h5-faq-plus { transform: rotate(45deg); }
.pg-faq .h5-faq-list { margin-top: 56px; }

.pg-lb-ouvert { overflow: hidden; }
.pg-lb { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 5vw; background: rgba(26, 26, 26, .92); }
.pg-lb-cadre { position: relative; width: min(1280px, 100%); aspect-ratio: 16 / 9; max-height: 100%; }
.pg-lb-cadre iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.pg-lb-fermer { position: absolute; top: 18px; right: 22px; width: 52px; height: 52px; border: 0; background: #f8f0e5; color: #ff4e00; font: 700 30px/1 bicyclette, 'Helvetica Neue', Arial, sans-serif; cursor: pointer; }
