/* Page vidéo épurée (v17.19.2, 2026-10-09) — écrit à la main, chargé après styles-watch.css.
   Lecteur et fiche côte à côte sans cadres ; une ligne d'infos ; l'escale en bandeau ; deux rangées de vignettes. */
.sr-page-watch .sr-watch-epure{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(1.6rem,3.5vw,3.2rem);align-items:start;margin:.6rem 0 clamp(2.5rem,5vw,4.5rem)}
.sr-page-watch .sr-we-lecteur .sr-player{border-radius:1.1rem;overflow:hidden;border:0;background:#020c13;
  box-shadow:0 2rem 4.5rem rgba(0,6,12,.55),0 0 0 1px rgba(216,181,113,.22)}
.sr-page-watch .sr-watch-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem}
.sr-page-watch .sr-watch-tools .sr-btn{background:transparent;border:0;box-shadow:inset 0 0 0 1px rgba(216,181,113,.35);border-radius:999px;padding:.6rem 1rem;font-size:.86rem}
.sr-page-watch .sr-watch-tools .sr-text-link{margin-left:auto;font-size:.86rem}
.sr-page-watch .sr-we-fiche{padding-top:.2rem}
.sr-page-watch .sr-we-fiche h1{font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.06;margin:.55rem 0 1.1rem}
.sr-page-watch .sr-we-fiche>p{color:var(--sr-ink,#eee6d7);opacity:.86;line-height:1.75;font-size:1rem;margin:0 0 .9rem}
.sr-page-watch .sr-we-fiche>p+p{opacity:.72;font-size:.95rem}
/* une seule ligne d'infos, discrète */
.sr-page-watch .sr-we-infos{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin:1.3rem 0 1.5rem;padding:1rem 0;border-top:1px solid rgba(216,181,113,.18);border-bottom:1px solid rgba(216,181,113,.18)}
.sr-page-watch .sr-we-infos div{display:flex;flex-direction:column;gap:.2rem}
.sr-page-watch .sr-we-infos dt{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sr-muted,#b3c1c2)}
.sr-page-watch .sr-we-infos dd{margin:0;font-size:.95rem;color:var(--sr-gold-light,#f5db9e)}
.sr-page-watch .sr-we-infos a{color:inherit;text-decoration:none}
.sr-page-watch .sr-we-fiche .sr-actions{display:flex;flex-wrap:wrap;gap:.7rem}
/* l'escale : image du royaume + texte, sans boîte */
.sr-page-watch .sr-we-escale{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.4rem,3vw,2.8rem);align-items:center;margin:0 0 clamp(2.5rem,5vw,4.5rem)}
.sr-page-watch .sr-we-escale img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:1rem;
  -webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,#000 55%,transparent 100%)}
.sr-page-watch .sr-we-escale h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:.4rem 0 .7rem}
.sr-page-watch .sr-we-escale p{color:var(--sr-ink,#eee6d7);opacity:.82;line-height:1.7;margin:0 0 1.2rem;max-width:36rem}
@media (max-width:900px){
  .sr-page-watch .sr-watch-epure,.sr-page-watch .sr-we-escale{grid-template-columns:1fr}
  .sr-page-watch .sr-watch-tools .sr-text-link{margin-left:0}
}
@media (max-width:760px){
  .sr-page-watch .sr-watch-epure{gap:1.4rem}
  .sr-page-watch .sr-we-fiche h1{font-size:1.9rem}
  .sr-page-watch .sr-we-fiche>p+p{display:none}
  .sr-page-watch .sr-we-infos{gap:.5rem 1.2rem}
  .sr-page-watch .sr-we-fiche .sr-actions .sr-btn{flex:1 1 100%;justify-content:center}
}

/* lisibilité : la fiche et l'escale reçoivent un fond nuit flouté, sans bordure (le décor du site est très lumineux) */
.sr-page-watch .sr-we-fiche,.sr-page-watch .sr-we-escale>div{padding:clamp(1.3rem,2.4vw,2rem);border-radius:1.1rem;
  background:linear-gradient(160deg,rgba(3,19,30,.82),rgba(3,19,30,.66));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1.5rem 3.5rem rgba(0,6,12,.35)}
.sr-page-watch .sr-watch-tools{padding:.5rem;border-radius:999px;background:rgba(3,19,30,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content;max-width:100%}
.sr-page-watch .sr-watch-tools .sr-text-link{margin-left:.4rem;padding-right:.6rem}
/* les deux sélections : plus de cadre, juste un voile doux derrière */
.sr-page-watch .sr-section{border:0;padding:clamp(1rem,2vw,1.6rem);margin:0 0 clamp(1.6rem,3vw,2.6rem);border-radius:1.1rem;
  background:linear-gradient(180deg,rgba(3,19,30,.7),rgba(3,19,30,.5));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sr-page-watch .sr-section-heading h2{font-size:clamp(1.5rem,2.4vw,2rem)}
/* mobile : les vignettes en carrousel (on glisse), au lieu de grilles de 2 colonnes */
@media (max-width:760px){
  .sr-page-watch .sr-section .sr-video-grid{display:flex!important;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -1rem;padding:0 1rem .3rem;scroll-padding:0 1rem}
  .sr-page-watch .sr-section .sr-video-grid::-webkit-scrollbar{display:none}
  .sr-page-watch .sr-section .sr-video-grid>*{flex:0 0 78%;scroll-snap-align:start;min-width:0}
  .sr-page-watch .sr-watch-tools{width:auto;border-radius:1rem}
}
