/* ══════════════════════════════════════════════════════════════════════════
   WANDA · ACCUEIL · « TOURNÉS CHEZ NOUS » · 12 octobre 2026
   Juste sous le hero : pour chaque salle, le vrai épisode d'un client en grand
   écran, et la liste de tout ce qui a été tourné dans cette salle. Le visiteur
   se projette avant de réserver. Section générée par
   outils/poser_tournes_accueil.py ; lecture YouTube seulement au clic.
   Aucune animation continue, sauf le point REC (steps sur un pseudo-élément).
   ══════════════════════════════════════════════════════════════════════════ */
/* juste sous le hero : un en-tête compact (titre sur une ligne) pour que les écrans arrivent vite */
.wz-tourne{padding:64px 0 104px}
.wz-tourne-tete{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:18px 64px;align-items:end}
.wz-tourne-tete .wz-h2{font-size:clamp(34px,3.4vw,50px);letter-spacing:-.04em}
.wz-tourne-tete .wz-chapo{margin:0;font-size:16.5px;justify-self:end}
.wz-tourne-salles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}

/* une salle = un écran + sa fiche ; la teinte rappelle la lumière de la salle */
.wz-tourne-salle{--teinte:255,255,255;position:relative;display:flex;flex-direction:column;min-width:0;padding:14px;border-radius:28px;
  border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(var(--teinte),.075),rgba(255,255,255,.012) 52%)}
.wz-tourne-salle[data-salle="rhone"]{--teinte:96,128,255}
.wz-tourne-salle[data-salle="saleve"]{--teinte:255,172,96}

.wz-tourne-lecteur.pod-lecteur{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0A0A0C;
  box-shadow:0 34px 90px -42px rgba(var(--teinte),.6),0 0 0 1px rgba(0,0,0,.35)}
.wz-tourne-lecteur::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(5,5,6,.86) 0%,rgba(5,5,6,.35) 34%,rgba(5,5,6,0) 58%)}
.wz-tourne-lecteur .pod-play{z-index:2}
/* en haut à droite : les logos incrustés des podcasts sont en général en haut à gauche */
.wz-tourne-pastille{position:absolute;right:14px;top:14px;z-index:2;display:inline-flex;align-items:center;
  padding:8px 14px;border-radius:999px;background:rgba(5,5,6,.78);border:1px solid rgba(255,255,255,.16);
  font:700 10.5px/1 'Inter',-apple-system,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lin)}
.wz-tourne-pastille::before{content:"";flex:none;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--rouge);animation:wzPouls 1.4s steps(1,end) infinite}
.wz-tourne-pastille b{margin-left:.35em;font-weight:700}
.wz-tourne-legende{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;display:flex;flex-direction:column;gap:6px;text-align:left}
.wz-tourne-legende small{font:700 10.5px/1.2 'Inter',-apple-system,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(242,239,234,.78)}
.wz-tourne-legende b{font-size:clamp(17px,1.55vw,21px);font-weight:700;letter-spacing:-.02em;line-height:1.25;color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 18px rgba(0,0,0,.5)}
/* épisode lancé : le lecteur YouTube passe devant tout */
.wz-tourne-lecteur iframe{z-index:4}
.wz-tourne-lecteur[data-lance]::after,.wz-tourne-lecteur[data-lance] .wz-tourne-pastille,
.wz-tourne-lecteur[data-lance] .wz-tourne-legende,.wz-tourne-lecteur[data-lance] .pod-play{display:none}

/* la fiche */
.wz-tourne-corps{display:flex;flex-direction:column;flex:1;padding:22px 12px 8px}
.wz-tourne-nom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.wz-tourne-nom h3{margin:0;display:flex;align-items:baseline;gap:14px;font-size:clamp(30px,3.1vw,44px);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--lin)}
.wz-tourne-num{font-size:12px;letter-spacing:.16em;font-weight:600;color:var(--gris-n)}
.wz-tourne-prix{font-size:12.5px;padding:7px 13px}
.wz-tourne-usage{margin:12px 0 14px;font-size:15.5px;line-height:1.5;color:var(--gris-n)}
.wz-tourne-salle .wz-jetons{margin:0 0 20px}
.wz-tourne-salle .wz-jetons li{font-size:11.5px;padding:5px 11px;border-color:rgba(255,255,255,.2)}

/* ce qui a été tourné dans la salle */
.wz-tourne-liste-titre{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 8px;padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);font:700 11px/1 'Inter',-apple-system,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--lin)}
.wz-tourne-liste-titre span{font-weight:500;letter-spacing:.08em;color:var(--gris-n)}
.wz-tourne-eps{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:4px}
.wz-tourne-ep{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px;border-radius:14px;
  color:var(--lin);text-decoration:none;border:1px solid transparent;transition:background-color .25s,border-color .25s}
.wz-tourne-ep:hover{background:rgba(255,255,255,.05)}
.wz-tourne-ep:focus-visible{outline:2px solid var(--lin);outline-offset:2px}
.wz-tourne-ep[aria-current="true"]{background:rgba(var(--teinte),.1);border-color:rgba(var(--teinte),.34)}
.wz-tourne-ep img{display:block;width:112px;height:63px;object-fit:cover;border-radius:9px;background:#16161A}
.wz-tourne-ep small{display:block;margin-bottom:5px;font:700 10px/1.25 'Inter',-apple-system,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gris-n)}
.wz-tourne-ep b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:600;line-height:1.32}
.wz-tourne-ep em{font-style:normal;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--gris-n)}
.wz-tourne-ep[aria-current="true"] em{color:var(--lin)}

.wz-tourne-pied{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.wz-tourne-pied .wz-btn{padding:12px 22px;font-size:14px}

@media (max-width:1000px){
  .wz-tourne-tete{grid-template-columns:1fr}
  .wz-tourne-tete .wz-chapo{justify-self:start}
}
@media (max-width:860px){
  .wz-tourne-salles{grid-template-columns:1fr;gap:18px;margin-top:36px}
}
@media (max-width:767px){
  .wz-tourne{padding:56px 0 76px}
  .wz-tourne-salle{padding:10px;border-radius:22px}
  .wz-tourne-lecteur.pod-lecteur{border-radius:14px}
  .wz-tourne-legende{left:14px;right:14px;bottom:12px}
  .wz-tourne-legende b{font-size:15.5px}
  .wz-tourne-pastille{right:10px;top:10px;padding:7px 11px;font-size:9.5px}
  .wz-tourne-salle .wz-jetons{display:none}
  .wz-tourne-corps{padding:18px 6px 6px}
  .wz-tourne-ep{grid-template-columns:92px minmax(0,1fr);gap:12px}
  .wz-tourne-ep img{width:92px;height:52px;grid-row:1/3}
  .wz-tourne-ep em{grid-column:2;font-size:12px}
  .wz-tourne-pied .wz-btn{flex:1 1 auto;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .wz-tourne-pastille::before{animation:none}
  .wz-tourne-ep{transition:none}
}