/* ============================================================
   AVADA HEADER & FOOTER — habillage v2
   Fichier : avada-header.css   (thème enfant Avada-child)
   ------------------------------------------------------------
   CE FICHIER EST JETABLE. Il cible les classes générées par
   Avada (fusion-*). Si tu changes un jour de thème, tu le
   supprimes et le reste de ta charte (ia-charte.css) survit.
   ------------------------------------------------------------
   Écrit d'après la structure réelle de ton site :
   en-tête fusion-header-v2, logo à gauche, menu
   #menu-barre-de-menu, sous-menus .fusion-dropdown-menu,
   pied de page .fusion-footer-widget-area + copyright.
   ============================================================ */

:root{
  --ia-ink:#131311;
  --ia-surface:#1A1A17;
  --ia-line:#302D26;
  --ia-gold:#E0A53A;
  --ia-gold-dim:rgba(224,165,58,.13);
  --ia-gold-line:rgba(224,165,58,.34);
  --ia-text:#F2EFE8;
  --ia-muted:#9C978B;
  --ia-nav-h:76px;        /* hauteur d'en-tête cible (151px chez toi) */
}

/* ---------- 1. L'en-tête devient collant et compact ---------- */
.fusion-header-wrapper{
  position:sticky; top:0; z-index:200;
}
.fusion-header{
  height:var(--ia-nav-h)!important;
  background:rgba(19,19,17,.94)!important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--ia-line);
}
/* Cale que pose Avada quand l'en-tête est collant : même hauteur */
.fusion-header-sticky-height{height:var(--ia-nav-h)!important}

/* Aligner logo + menu sur une seule ligne */
.fusion-header .fusion-row{
  display:flex; align-items:center; gap:24px;
  height:var(--ia-nav-h);
  max-width:1200px;
}
.fusion-logo{float:none!important;margin:0!important;display:flex;align-items:center}
.fusion-logo img.fusion-standard-logo{
  width:42px!important;height:42px!important;border-radius:10px;
}
.fusion-main-menu{float:none!important;margin-left:auto;height:auto!important}

/* ---------- 2. Entrées de menu ---------- */
.fusion-main-menu > ul > li > a{
  height:auto!important;
  line-height:1.2!important;
  padding:10px 13px!important;
  border-radius:10px;
  color:#DCD8CE!important;
  font-size:14.5px;
  font-weight:500;
  transition:background .15s,color .15s;
}
.fusion-main-menu > ul > li > a:hover,
.fusion-main-menu > ul > li.current-menu-item > a{
  background:var(--ia-surface);
  color:var(--ia-text)!important;
}
/* Neutraliser le trait de survol natif d'Avada */
.fusion-main-menu .fusion-bar-highlight:before,
.fusion-main-menu .fusion-bar-highlight:after{display:none!important}

/* Chevron sur les entrées à sous-menu */
.fusion-main-menu > ul > li.fusion-dropdown-menu > a > .menu-text:after{
  content:"";display:inline-block;margin-left:8px;
  width:7px;height:7px;
  border-right:1.5px solid var(--ia-muted);
  border-bottom:1.5px solid var(--ia-muted);
  transform:rotate(45deg) translateY(-2px);
}

/* ---------- 3. Sous-menus déroulants ---------- */
.fusion-main-menu .sub-menu{
  background:var(--ia-surface)!important;
  border:1px solid var(--ia-line)!important;
  border-radius:14px!important;
  padding:8px!important;
  box-shadow:0 28px 60px rgba(0,0,0,.6)!important;
  min-width:280px!important;
  margin-top:10px!important;
}
.fusion-main-menu .sub-menu li{border:0!important}
.fusion-main-menu .sub-menu li a{
  height:auto!important;
  line-height:1.45!important;
  padding:9px 12px!important;
  border-radius:8px;
  border:0!important;
  color:#D3CFC5!important;
  font-size:14px;
}
.fusion-main-menu .sub-menu li a:hover{
  background:var(--ia-gold-dim)!important;
  color:var(--ia-gold)!important;
}

/* ---------- 4. Recherche et menu mobile ---------- */
.fusion-main-menu-search a.fusion-main-menu-icon{color:var(--ia-muted)!important}
.fusion-main-menu-search a.fusion-main-menu-icon:hover{color:var(--ia-gold)!important}
.fusion-mobile-menu-icons a{color:var(--ia-text)!important}
.fusion-mobile-nav-holder .fusion-menu{background:var(--ia-ink)!important}
.fusion-mobile-nav-holder li a{
  color:#DCD8CE!important;
  border-color:var(--ia-line)!important;
}
.fusion-mobile-nav-holder li a:hover{color:var(--ia-gold)!important}
.fusion-overlay-search{background:var(--ia-ink)!important}

/* ---------- 5. Fond de la zone de contenu ---------- */
/* La page collée dans le Code Block porte la classe .ia-page ;
   on étend son fond à toute la zone de contenu pour éviter
   une bande claire entre l'en-tête et le hero.               */
body:has(.ia-page) #main,
body:has(.ia-page) #wrapper{
  background:var(--ia-ink)!important;
  padding:0!important;
}
body:has(.ia-page) #main > .fusion-row{
  max-width:100%!important;padding:0!important;
}

/* ---------- 6. Pied de page ---------- */
.fusion-footer-widget-area{
  background:var(--ia-surface)!important;
  border-top:1px solid var(--ia-line)!important;
  padding:64px 0 32px!important;
}
.fusion-footer-widget-area .widget-title,
.fusion-footer-widget-area h4{
  color:var(--ia-text)!important;
  font-size:13px!important;
  letter-spacing:.02em;
  margin-bottom:15px!important;
}
.fusion-footer-widget-area a{color:var(--ia-muted)!important;font-size:14px}
.fusion-footer-widget-area a:hover{color:var(--ia-gold)!important}
.fusion-footer-widget-area li{border:0!important;padding:0 0 9px!important}

.fusion-footer-copyright-area{
  background:var(--ia-ink)!important;
  border-top:1px solid var(--ia-line)!important;
  padding:22px 0!important;
  color:var(--ia-muted)!important;
  font-size:13px;
}
.fusion-footer-copyright-area a{color:var(--ia-muted)!important}
.fusion-footer-copyright-area a:hover{color:var(--ia-gold)!important}
.fusion-social-links-footer .fusion-social-network-icon{
  color:var(--ia-muted)!important;
}
.fusion-social-links-footer .fusion-social-network-icon:hover{
  color:var(--ia-gold)!important;
}

/* ---------- 7. Petits écrans ---------- */
@media (max-width:1024px){
  :root{--ia-nav-h:68px}
  .fusion-header .fusion-row{gap:12px}
}
/* Titres et textes dans le conteneur de la charte */
.ia-page h1, .ia-page h2, .ia-page h3, .ia-page h4,
.ia-page .fusion-title-heading{
  color:#F2EFE8!important;
  font-family:'Space Grotesk',sans-serif!important;
}
.ia-page p, .ia-page li, .ia-page span{color:inherit}
.ia-page .lead, .ia-page .muted, .ia-page .section-head p,
.ia-page .pillar p, .ia-page .tile p, .ia-page .card p{
  color:#9C978B!important;
}
.ia-page .eyebrow, .ia-page .pill, .ia-page .step .n,
.ia-page .author .role, .ia-page .step a, .ia-page .lk{
  color:#E0A53A!important;
}
.ia-page a{color:inherit}