/* demo-video.css : bouton « Voir la démo (75 s) » du hero et sa fenêtre vidéo (10.10.2026).
   Chargé par les accueils A (index.html) et B (index-v2.html) dans les 5 langues : une seule
   feuille pour les deux gabarits, qui n'ont pas la même feuille de page (landing.css / landing-v2.css).
   La fenêtre réutilise .modal-overlay (affichage par .open, zone sûre iPhone dans theme.css,
   défilement de la page bloqué) ; tout ce qui lui est propre est préfixé .dv-. Tokens seulement. */

/* Bouton : il hérite du bouton secondaire de la page (.btn.btn-outline en A, .lv2-btn en B).
   Un <button> ne prend pas la police du document par défaut : on la lui rend. */
.dv-btn{font-family:inherit;line-height:inherit;cursor:pointer;}
.dv-btn .dv-ico{flex:0 0 auto;color:var(--flag);}
/* Sur le bouton principal (orange, accueil A) l'icone prend la couleur du texte, sinon elle disparait. */
.btn-primary.dv-btn .dv-ico{color:inherit;}

/* Fenêtre : fond sombre dans les deux thèmes (la vidéo est le sujet). */
.modal-overlay.dv-overlay{background:var(--cam-scrim);z-index:1100;}
.dv-box{position:relative;width:100%;max-width:1040px;display:flex;flex-direction:column;gap:10px;}
.dv-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-on-dark);}
.dv-overlay .dv-titre{margin:0;font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:1.1;font-size:16px;letter-spacing:.02em;color:var(--ink-on-dark);}
.dv-overlay .dv-fermer{flex:0 0 auto;width:40px;height:40px;border-radius:var(--r-pill);border:1px solid var(--cam-scrim-line);background:transparent;color:var(--ink-on-dark);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;}
.dv-overlay .dv-fermer:hover{border-color:var(--flag);}
.dv-overlay .dv-fermer:focus-visible{outline:2px solid var(--flag);outline-offset:2px;}
.dv-overlay .dv-video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:calc(100dvh - 120px);border-radius:var(--r-lg);background:var(--ink-fixed);box-shadow:var(--shadow-lg);}
@media(min-width:760px){.dv-overlay .dv-titre{font-size:18px;}}