/* Pages de replay webinaire — styles spécifiques.
   Chargé APRÈS maestro.css et cocon.css.
   Le formulaire est intégré via l'embed HubSpot (styles fournis par HubSpot) ;
   ici on ne style que le placeholder vidéo de replay et la largeur de contenu. */

.replay-wrap{max-width:880px;margin:0 auto}

/* ── Player / placeholder vidéo de replay ─────────────────────────────── */
.player{position:relative;border-radius:var(--maestro-radius-lg);overflow:hidden;border:1px solid var(--maestro-line);box-shadow:var(--maestro-shadow-md);background:#0d130f;aspect-ratio:16/9}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(620px 320px at 72% -18%,rgba(34,197,94,.28),transparent 60%),#141d17;color:#fff;text-align:center;padding:24px}
.poster .play{width:66px;height:66px;border-radius:50%;background:var(--maestro-green);display:flex;align-items:center;justify-content:center;box-shadow:var(--maestro-shadow-brand)}
.poster .pt{font-size:17px;font-weight:700}
.poster .ps{font-size:12px;color:#9FB3A6;max-width:420px}
.poster .badge-ph{position:absolute;top:12px;left:12px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);padding:4px 9px;border-radius:var(--maestro-radius-pill)}

/* Le lien de repli sous le lecteur : YouTube pour qui prefere y aller. */
.replay-note{margin:12px 0 0;font-size:13px;color:var(--maestro-muted);text-align:center}
.replay-note a{color:inherit;text-decoration:underline}

/* Encadre l'embed HubSpot pour l'aérer sur fond clair */
.hs-form-frame{margin-top:8px}