/* ============================================================
   AUREA : visite-continue.css
   Lecteur de « la visite en continu » (scripts/visite-continue.js), par-dessus la
   page via AureaOverlay. Video contain, 92 vw x 86 vh au plus, sur fond sombre.
   Controles natifs. z-index 240 (comme les autres overlays).
   ============================================================ */

.vc-overlay{ position:fixed; inset:0; z-index:240; display:none; }
.vc-overlay.is-open{ display:block; }

.vc-backdrop{
  position:absolute; inset:0; background:rgba(16,11,7,.94);
  opacity:0; transition:opacity .4s ease;
}
.vc-overlay.is-open .vc-backdrop{ opacity:1; }

.vc-panel{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .45s var(--ease-cine);
}
.vc-overlay.is-open .vc-panel{ opacity:1; }

/* Le cadre = le ratio exact de la video (16:9 ici), borne a 92vw x 86vh : aucune
   bande noire. aspect-ratio pose par defaut puis ajuste au ratio reel dans
   visite-continue.js (loadedmetadata). (point 2e) */
.vc-video{
  width:auto; height:auto; max-width:92vw; max-height:86vh;
  aspect-ratio:16 / 9; background:#000; display:block;
}

.vc-close{
  position:absolute; top:clamp(12px,2vw,24px); right:clamp(12px,2vw,24px); z-index:3;
  display:grid; place-items:center; width:44px; height:44px; border:0; cursor:pointer;
  background:rgba(253,251,247,.14); color:var(--blanc); border-radius:999px; transition:background .2s ease;
}
.vc-close svg{ width:16px; height:16px; stroke:currentColor; stroke-width:1.5; fill:none; }
.vc-close:hover{ background:rgba(253,251,247,.28); }
.vc-close:focus-visible{ outline:2px solid var(--blanc-pur); outline-offset:2px; }

@media (prefers-reduced-motion:reduce){
  .vc-backdrop, .vc-panel{ transition:opacity .2s ease; }
}