/* ==========================================================================
   ECI — Nid d'abeille vivant
   Option 'animationHex' de inc/config.php :
     'visible'  : hexagones qui s'allument un à un (blanc, bleu, orange) sur les
                  fonds bleu nuit + dérive plus rapide du motif de fond
     'discrete' : animation d'origine du site HTML (dérive très lente)
     'aucune'   : motif fixe
   Les hexagones vivants sont dessinés par assets/js/eci.js (fonction hexVivant).
   ========================================================================== */

/* --- Couche d'hexagones vivants (SVG injecté dans .hero, .page-head, .sec--navy, .cta-band, footer.site) */
.hexlive{
  position:absolute;inset:-140px;width:calc(100% + 280px);height:calc(100% + 280px);
  max-width:none;display:block;pointer-events:none;
  animation:hexDriftAlt 70s ease-in-out infinite alternate;will-change:transform;
}
.hexlive polygon{
  fill:none;stroke:#FFFFFF;stroke-width:1.1;stroke-linejoin:round;stroke-opacity:.05;
  animation:hexPulse var(--d,6s) ease-in-out var(--dl,0s) infinite;
}
.hexlive polygon.b{stroke:#8FA6D4}
.hexlive polygon.o{
  stroke:#FE620D;fill:#FE620D;fill-opacity:0;
  animation:hexLit var(--d,7s) ease-in-out var(--dl,0s) infinite;
}
@keyframes hexPulse{0%,100%{stroke-opacity:.04}50%{stroke-opacity:.42}}
@keyframes hexLit{0%,100%{stroke-opacity:.08;fill-opacity:0}50%{stroke-opacity:.85;fill-opacity:.13}}

/* --- Mode « visible » : le motif de fond dérive et respire plus vite */
.eci-anim-visible .hero::before,
.eci-anim-visible .page-head::before,
.eci-anim-visible .sec--navy::before{
  animation:hexDriftAlt 45s ease-in-out infinite alternate,hexBreath 7s ease-in-out infinite;
}
.eci-anim-visible .cta-band::before,
.eci-anim-visible footer.site::before,
.eci-anim-visible .utility::before{animation:hexDrift 60s ease-in-out infinite alternate}
.eci-anim-visible::before{animation:hexDrift 60s ease-in-out infinite alternate}   /* fond clair de la page (body::before) */

/* --- Mode « aucune » : tout est fixe */
.eci-anim-aucune::before,
.eci-anim-aucune .hero::before,
.eci-anim-aucune .page-head::before,
.eci-anim-aucune .sec--navy::before,
.eci-anim-aucune .cta-band::before,
.eci-anim-aucune footer.site::before,
.eci-anim-aucune .utility::before{animation:none}

@media(prefers-reduced-motion:reduce){.hexlive{display:none}}