/* KZPROMO · vidéo de présentation avec le son · page Formation (formation.html) · KAZAKOM */

/* --- Langues : FR par défaut, EN / AR selon <html lang> --- */
.kzv-l{display:none}
.kzv-l[data-l="fr"]{display:inline}
html[lang|="en"] .kzv-l[data-l="fr"],html[lang|="ar"] .kzv-l[data-l="fr"]{display:none}
html[lang|="en"] .kzv-l[data-l="en"]{display:inline}
html[lang|="ar"] .kzv-l[data-l="ar"]{display:inline;font-family:"Noto Sans Arabic",Arial,sans-serif;letter-spacing:0}

/* --- L'ancien compteur ne revient plus, même si un script le recrée --- */
#offre-unique .kz-offre,#kzc-countdown,.kzc-clock-digits{display:none!important}

/* --- Cadre de la vidéo --- */
body .kzv-promo{position:relative!important;display:block!important;box-sizing:border-box;width:100%!important;max-width:1240px;height:auto!important;
  margin:0 auto!important;padding:0!important;float:none!important;clear:both;visibility:visible!important;opacity:1!important;transform:none!important;
  border-radius:28px;overflow:hidden!important;isolation:isolate;background:#030914;
  border:1px solid rgba(125,211,252,.26);
  box-shadow:0 34px 90px rgba(0,0,0,.6),0 0 0 6px rgba(8,22,40,.65),0 0 70px rgba(56,189,248,.16)}
body .kzv-promo>video.kzv-vid{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;
  aspect-ratio:1316 / 720;object-fit:cover;max-width:none!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;transform:none!important;opacity:1!important;visibility:visible!important;filter:none!important;background:#000}

/* --- Bouton son : grand et clignotant si le navigateur a bloqué le son, petit sinon --- */
@keyframes kzv-pulse{0%,100%{box-shadow:0 0 0 0 rgba(56,189,248,.55),0 12px 30px rgba(0,0,0,.5);opacity:1}
  50%{box-shadow:0 0 0 14px rgba(56,189,248,0),0 12px 30px rgba(0,0,0,.5);opacity:.78}}
body .kzv-promo .kzv-snd{position:absolute!important;z-index:4;inset-inline-start:20px;bottom:20px;top:auto!important;inset-inline-end:auto;
  display:inline-flex!important;align-items:center;gap:11px;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;
  padding:13px 22px 13px 16px!important;padding-inline:16px 22px!important;border-radius:999px!important;border:2px solid #38bdf8!important;
  background:rgba(3,10,22,.84)!important;color:#fff!important;font:700 17px/1 Karla,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.2px;text-transform:none!important;cursor:pointer;-webkit-appearance:none;appearance:none;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:kzv-pulse 1.3s ease-in-out infinite;transition:opacity .25s ease,transform .25s ease}
body .kzv-promo .kzv-snd:hover{transform:scale(1.04)}
body .kzv-promo .kzv-snd:focus-visible{outline:3px solid #fff;outline-offset:3px}
.kzv-snd svg{display:block;flex:none;width:24px;height:24px;fill:currentColor}
.kzv-snd .kzv-i-on{display:none}

/* Le son joue : simple pastille discrète pour couper / remettre */
body .kzv-promo.is-sound .kzv-snd{padding:11px!important;border-color:rgba(125,211,252,.55)!important;animation:none;opacity:.72}
body .kzv-promo.is-sound .kzv-snd:hover{opacity:1}
.kzv-promo.is-sound .kzv-snd .kzv-snd-t,.kzv-promo.is-sound .kzv-snd .kzv-i-off{display:none}
.kzv-promo.is-sound .kzv-snd .kzv-i-on{display:block}

/* --- Mobile --- */
@media(max-width:640px){
  body .kzv-promo{border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 3px rgba(8,22,40,.65)}
  body .kzv-promo .kzv-snd{inset-inline-start:12px;bottom:12px;padding:10px 16px 10px 12px!important;padding-inline:12px 16px!important;font-size:15px!important;gap:8px}
  .kzv-snd svg{width:20px;height:20px}
  body .kzv-promo.is-sound .kzv-snd{padding:9px!important}
}

@media(prefers-reduced-motion:reduce){body .kzv-promo .kzv-snd{animation:none}}