/* Lightbox des capsules « Comment ça marche » (pages compagnie et solo).
   Un lien .lien-capsule[data-capsule] reste masqué tant que le fichier
   /capsules/<slug>.mp4 n'existe pas — révélé par lightbox.js.
   Le cadre épouse exactement le format de la vidéo (jamais de bandes
   noires de remplissage) : largeur ET hauteur bornées, ratio préservé. */

.lien-capsule[hidden] { display: none !important; }

.capsule-voile {
  position: fixed; inset: 0; z-index: 50;
  display: flex; align-items: center; justify-content: center;
  background: rgba(26, 10, 11, .82);
  padding: 12px;
}
.capsule-boite { position: relative; width: auto; max-width: 100%; }
.capsule-boite video {
  display: block; width: auto; height: auto;
  max-width: min(1600px, 100%); max-height: 92vh;
  border-radius: 14px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .5);
}
.capsule-fermer {
  position: absolute; right: 10px; top: 10px;
  width: 36px; height: 36px; border: 0; border-radius: 50%;
  background: rgba(26, 10, 11, .55); color: #fff;
  font-size: 22px; line-height: 1; cursor: pointer;
}
.capsule-fermer:hover,
.capsule-fermer:focus-visible { background: rgba(26, 10, 11, .8); }
.capsule-ouverte, .capsule-ouverte body { overflow: hidden; }