/* BriefPlayer — lecteur vidéo commun (assets/js/brief-player.js), extrait de la série /solutions/arp (29/09/2026).
   Affiche plein cadre + gros bouton lecture ; la vidéo n'est créée qu'au clic.
   Réglages par la page : --bp-accent (bouton lecture au survol, défaut #4f8cff), --bp-focus (anneau de focus),
   --bp-rayon (coins). Le cadre (.bp) est en :where() : toute règle de la page (même d'une seule classe) l'emporte. */
:where(.bp){position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:var(--bp-rayon,12px)}
.bp video{display:block;width:100%;height:100%;background:#000}
.bp-affiche{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;min-height:0;background:#000;cursor:pointer;color:#fff;font:inherit;text-transform:none;letter-spacing:normal}
.bp-affiche img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.bp-affiche:hover img,.bp-affiche:focus-visible img{transform:scale(1.03)}
.bp-voile{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,32,.15) 0%,rgba(11,16,32,.1) 45%,rgba(11,16,32,.78) 100%)}
.bp-play{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;padding-left:6px;box-sizing:border-box;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .25s,background .25s}
.bp-affiche:hover .bp-play,.bp-affiche:focus-visible .bp-play{transform:scale(1.08);background:var(--bp-accent,#4f8cff);border-color:var(--bp-accent,#4f8cff)}
.bp-affiche:focus-visible{outline:3px solid var(--bp-focus,#7fb0ff);outline-offset:-3px}
.bp-badge{position:absolute;left:18px;bottom:16px;padding:7px 13px;border-radius:999px;font-size:.84rem;color:#fff;background:rgba(11,16,32,.7);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-variant-numeric:tabular-nums}
.bp-erreur{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:#c9d4f2;font-size:.95rem;background:#0b1020}
/* Vidéo filmée à la verticale : montrée EN ENTIER dans le cadre (jamais rognée). */
.bp.is-portrait .bp-affiche img,.bp.is-portrait video{object-fit:contain}
.bp.is-portrait .bp-affiche::before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;filter:blur(28px) brightness(.5);transform:scale(1.15)}
.bp.is-portrait .bp-affiche img{position:relative}
/* Au format d'une vidéo verticale (--bp-ratio posé par le script) : jamais plus haut que 80 % de l'écran (720 px au plus). */
:where(.bp.is-portrait){width:min(100%,calc(min(80vh,720px) * var(--bp-ratio,.5625)));margin-left:auto;margin-right:auto}
@media (max-width:640px){.bp-play{width:72px;height:72px;margin:-36px 0 0 -36px;font-size:1.3rem}}
@media (prefers-reduced-motion:reduce){.bp-affiche img,.bp-play{transition:none}}