/* =====================================================================
   FL — Fond animé « aurore » néon, GLOBAL (toutes les pages du site).
   4 halos dans la charte (cyan / bleu / violet / magenta) qui dérivent
   lentement, derrière le contenu, jusqu'au pied de page.
   a11y : animation coupée si prefers-reduced-motion. CLS 0 (fixed + transform).
   ===================================================================== */
body::before{
  content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(44% 46% at 16% 18%, rgba(34,211,238,.30), transparent 70%),
    radial-gradient(46% 46% at 85% 18%, rgba(168,85,247,.28), transparent 70%),
    radial-gradient(50% 50% at 66% 84%, rgba(79,125,255,.24), transparent 72%),
    radial-gradient(42% 44% at 10% 82%, rgba(217,70,239,.24), transparent 70%);
  filter:blur(34px);
  animation:fl-aurora 30s ease-in-out infinite alternate;
}
@keyframes fl-aurora{
  0%{transform:translate3d(-2%,-1%,0) scale(1);}
  100%{transform:translate3d(3%,2%,0) scale(1.1);}
}

/* Laisser l'aurore transparaître sous les grands fonds opaques (toutes pages).
   Le contenu (texte clair, cartes/panneaux avec leur propre fond) reste lisible. */
main{background:transparent !important;}
footer{background:rgba(5,6,12,.55) !important;}

/* =====================================================================
   FUSION « SANS COUTURE » DES SECTIONS (global, toutes pages).
   L'aurore (body::before) coule en continu du haut jusqu'au pied : on
   neutralise les filets 1px et les bandes de fond ENTRE sections.
   On ne cible QUE des sélecteurs de SECTION — jamais les composants
   internes (.card/.svc/.why-card/.field/boutons/logo/.faqs/.relart/.links).
   ===================================================================== */

/* 1) Fonds de section transparents -> l'aurore transparaît partout.
      Inclut hero/about (qui étaient en var(--bg0) opaque et la masquaient). */
.hero, .about, .strip, .proc, .zone, .contact{
  background:transparent !important;
}

/* 2) Suppression des filets/coutures hairline ENTRE sections
      (border-width:0 — on ne touche pas aux bordures de composants). */
.strip, .proc, .zone, .about, .contact{
  border-top-width:0 !important;
  border-bottom-width:0 !important;
}
.hero{ border-bottom-width:0 !important; }        /* sous-pages/blog : filet hero->main */
footer, footer.ft{ border-top-width:0 !important; }
footer.ft{ background:rgba(5,6,12,.55) !important; } /* accueil : neutralise #05060c inline */

/* 3) Barre de nav collante : séparation CONSERVÉE mais adoucie (UX au scroll). */
.top{ border-bottom-color:rgba(255,255,255,.05) !important; }

/* 4) Halos décoratifs de SECTION supprimés : ils étaient positionnés en débord
      (top/bottom négatifs) puis CLIPPÉS par overflow:hidden au bord de la
      section -> « marche de lumière » visible entre deux sections.
      L'aurore globale (fixe, continue) éclaire désormais seule, sans couture.
      (On ne touche pas aux halos de COMPOSANTS : .contact-info, .diag, cartes…) */
.hero::before, .hero-glow2,
.about::before, .about::after{ display:none !important; }

@media (prefers-reduced-motion:reduce){
  body::before{animation:none !important;}
}

/* =====================================================================
   TRANSITIONS DE PAGE : DÉSACTIVÉES volontairement.
   La View Transition cross-document provoquait un « flash » au changement
   de page (modèles / réalisations / audit…), car l'aurore (body::before)
   repart à zéro à chaque nouveau document et ce saut était capturé par la
   transition. Navigation normale = instantanée, zéro flash. L'aurore et
   toutes les animations INTERNES aux pages restent actives.
   (Pour réactiver : remettre @view-transition{navigation:auto} + les règles.)
   ===================================================================== */