/* ALMUNQIDH — correctifs v4 (22.09.2026) : gyrophare en lumière seule, étapes animées, fleurs recadrées, contraste */

/* ---------- Gyrophare : plus d'objet, seulement la lumière qui balaie ---------- */
.u-gyro .am3-unit,.u-gyro .am3-aura,.u-gyro .am3-beams,.u-gyro .u-gyro__beacon{display:none !important}
.am4-gyro{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden;--T:2.4s}
.am4-haze{position:absolute;inset:0;opacity:.5;mix-blend-mode:screen;background:repeating-radial-gradient(circle at 104% -8%,rgba(255,255,255,.014) 0 2px,transparent 2px 10px)}
.am4-sweep,.am4-rays{position:absolute;width:340vmax;height:340vmax;left:calc(104% - 170vmax);top:calc(-8% - 170vmax);mix-blend-mode:screen;will-change:transform;animation:am4-spin var(--T) linear infinite}
.am4-sweep{background:conic-gradient(from 0deg,
  transparent 0deg,rgba(42,127,255,.16) 30deg,rgba(120,170,255,.34) 45deg,rgba(42,127,255,.16) 60deg,transparent 80deg,
  transparent 190deg,rgba(255,30,56,.18) 210deg,rgba(255,90,110,.38) 225deg,rgba(255,30,56,.18) 240deg,transparent 260deg,transparent 360deg);
  -webkit-mask:radial-gradient(circle at 50% 50%,#000 0,#000 10%,rgba(0,0,0,.45) 30%,transparent 55%);mask:radial-gradient(circle at 50% 50%,#000 0,#000 10%,rgba(0,0,0,.45) 30%,transparent 55%)}
.am4-rays{opacity:.45;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.05) 0 .5deg,transparent .5deg 2.2deg);
  -webkit-mask:conic-gradient(from 0deg,transparent 0 30deg,#000 45deg,transparent 60deg 210deg,#000 225deg,transparent 240deg);mask:conic-gradient(from 0deg,transparent 0 30deg,#000 45deg,transparent 60deg 210deg,#000 225deg,transparent 240deg)}
.am4-wash{position:absolute;inset:0;mix-blend-mode:screen}
.am4-wash--r{background:radial-gradient(70% 80% at 0% 70%,rgba(255,30,56,.30),transparent 70%);animation:am4-wr var(--T) ease-in-out infinite}
.am4-wash--b{background:radial-gradient(70% 80% at 100% 20%,rgba(42,127,255,.30),transparent 70%);animation:am4-wb var(--T) ease-in-out infinite}
.u-gyro--cta.am4-gyro .am4-sweep,.u-gyro--cta.am4-gyro .am4-rays{left:calc(50% - 170vmax);top:calc(-60% - 170vmax);opacity:.55}
@keyframes am4-spin{to{transform:rotate(360deg)}}
@keyframes am4-wr{0%,100%{opacity:1}25%,75%{opacity:.2}50%{opacity:.08}}
@keyframes am4-wb{0%,100%{opacity:.08}25%,75%{opacity:.2}50%{opacity:1}}

/* ---------- Algorithme : chaque étape réagit au survol ---------- */
body.theme-urgence .algo-step{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease,background-color .4s ease !important;will-change:transform}
body.theme-urgence .algo-step:hover,body.theme-urgence .algo-step:active{
  transform:translateX(10px) scale(1.012);
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.09) 50%,transparent 65%) 0 0/260% 100% no-repeat,
             linear-gradient(90deg,rgba(255,30,56,.16),rgba(255,30,56,.03) 60%,rgba(42,127,255,.05)) !important;
  border-color:rgba(255,30,56,.45) !important;
  box-shadow:inset 3px 0 0 #FF1E38,0 16px 40px rgba(0,0,0,.45),0 0 34px rgba(255,30,56,.16) !important;
  animation:am4-shine .9s ease-out 1}
body.theme-urgence .algo-step__n{transition:transform .45s cubic-bezier(.3,1.6,.5,1),box-shadow .4s ease !important}
body.theme-urgence .algo-step:hover .algo-step__n,body.theme-urgence .algo-step:active .algo-step__n{
  transform:scale(1.18) rotate(-10deg);
  box-shadow:0 0 0 6px rgba(255,30,56,.16),0 0 0 12px rgba(255,30,56,.06),0 0 28px rgba(255,30,56,.85) !important}
body.theme-urgence .algo-step b{transition:text-shadow .4s ease}
body.theme-urgence .algo-step:hover b{text-shadow:0 0 18px rgba(255,30,56,.55)}
body.theme-urgence .algo-step:hover small{color:#D5DCE8 !important}
@keyframes am4-shine{from{background-position:120% 0,0 0}to{background-position:-40% 0,0 0}}

/* ---------- Visuel des fleurs : vidéo recadrée (sans texte ni logo) ---------- */
body.theme-urgence .pourquoi-visual{aspect-ratio:1280/600 !important;max-width:none !important;height:auto !important}
body.theme-urgence .pourquoi-visual .am3-media,body.theme-urgence .pourquoi-visual .am3-media video{display:block;width:100% !important;height:100% !important}
body.theme-urgence .pourquoi-visual video{object-fit:cover !important;object-position:50% 50% !important}

/* ---------- Contraste : blocs clairs qui portent un texte clair ---------- */
.am4-darkfix{background:linear-gradient(180deg,#0E1426,#0A0E1A) !important;background-color:#0B1020 !important;border-color:rgba(255,255,255,.09) !important;box-shadow:0 24px 60px rgba(0,0,0,.45) !important;color:#EEF2F8 !important}
.am4-darkfix :is(p,li,small,span:not([class*="btn"])){color:#C4CDDC}
.am4-darkfix :is(h1,h2,h3,h4){color:#fff !important}

@media (prefers-reduced-motion:reduce){.am4-sweep,.am4-rays,.am4-wash{animation:none !important}.am4-sweep{opacity:.35}body.theme-urgence .algo-step:hover{transform:none;animation:none}}
