/* Mégadanse : visionneuse d'affiche (ouverte par main.js, .lightbox-flyer) telle que validée dans la
   version 1 et le concept B : affiche qui pivote en entrant, bouton « ← Retour » en haut à gauche.
   Chargée seulement sur l'accueil et les événements ; la galerie garde sa visionneuse. */
.lightbox.lightbox-flyer {
  z-index: 200; padding: 76px 16px 24px; overflow-y: visible;
  background: rgb(13 11 11 / 0.94); -webkit-backdrop-filter: none; backdrop-filter: none;
  transition: opacity 0.35s;
}
.lightbox-flyer .lightbox-content { gap: 14px; width: min(100%, 1100px); perspective: 1400px; text-align: initial; }
.lightbox-flyer .lightbox-title {
  margin: 0; text-align: center; color: #fff; font-family: 'Archivo B', 'Arial Black', sans-serif; font-style: italic; font-weight: 800;
  font-stretch: 108%; font-size: clamp(1.1rem, 0.9rem + 1.2vw, 1.9rem); text-transform: uppercase;
}
.lightbox-flyer .lightbox-media {
  width: auto; max-width: 100%; max-height: calc(100svh - 160px); border-radius: 18px; box-shadow: 0 30px 80px rgb(0 0 0 / 0.6);
  transform: rotateY(-32deg) scale(0.82); transition: transform 0.9s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.lightbox-flyer.open .lightbox-media { transform: none; }
.lightbox.lightbox-flyer .lightbox-close {
  position: fixed; top: 16px; left: 16px; right: auto; z-index: 1; display: inline-flex; align-items: center; gap: 8px;
  width: auto; height: auto; padding: 12px 20px; border: 0; border-radius: 999px; background: #fff; color: #0d0b0b;
  font-size: 0; line-height: 1; cursor: pointer; transition: background-color 0.25s, color 0.25s, box-shadow 0.25s;
}
.lightbox.lightbox-flyer .lightbox-close::before { content: '\2190  Retour'; font: 700 1rem/1 'Work Sans', system-ui, sans-serif; }
.lightbox.lightbox-flyer .lightbox-close:hover, .lightbox.lightbox-flyer .lightbox-close:focus-visible {
  background: #0d0b0b; color: #fff; box-shadow: inset 0 0 0 2px #d0111f;
}
.leger .lightbox-flyer .lightbox-media { transform: none; transition: none; }
/* Plusieurs flyers (cours d'un même prof, page équipe) : compteur sous l'affiche. */
.lightbox-flyer .lightbox-compte { margin: 0; text-align: center; color: rgb(255 255 255 / 0.75); font-weight: 700; letter-spacing: 0.12em; }