/* ============ HEADER FUTURISTE GAYAR 2026 ============ */
.g-skip{ position:absolute; left:-9999px; }
.g-skip:focus{ left:12px; top:12px; z-index:9999; background:var(--g-vert); color:#fff; padding:.6rem 1rem; border-radius:8px; }
.sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

.g-header{
  position:sticky; top:0; z-index:1000;
  background:var(--g-glass);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid var(--g-stroke-2);
  isolation:isolate;
}
/* halo animé derrière la barre */
.g-header-glow{
  position:absolute; inset:-40% -10% auto -10%; height:180%; pointer-events:none; z-index:-1;
  background:
    radial-gradient(400px 120px at 12% 30%, rgba(43,157,103,.20), transparent 60%),
    radial-gradient(400px 120px at 50% 10%, rgba(253,196,5,.14), transparent 60%),
    radial-gradient(400px 120px at 85% 30%, rgba(252,62,56,.16), transparent 60%);
  opacity:.9; animation:gHeaderFloat 9s ease-in-out infinite alternate;
}
@keyframes gHeaderFloat{ from{transform:translateX(-2%);} to{transform:translateX(2%);} }

.g-header-row{ display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:76px; }
.g-brand-logo{ height:46px; width:auto; filter:drop-shadow(0 2px 8px rgba(0,0,0,.4)); }
.g-header-rainbow{ margin:0; }

/* Menu */
.g-menu{ display:flex; align-items:center; gap:.3rem; list-style:none; margin:0; padding:0; }
.g-menu > li > a{
  position:relative; display:inline-flex; align-items:center;
  padding:.6rem .95rem; border-radius:999px; font-weight:600; font-size:.95rem;
  color:var(--g-text); letter-spacing:.01em; transition:.2s ease; border:1px solid transparent;
}
.g-menu > li > a::after{
  content:""; position:absolute; left:14px; right:14px; bottom:6px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--g-vert),var(--g-jaune),var(--g-orange),var(--g-rouge));
  opacity:0; transform:scaleX(.5); transition:.2s ease;
}
.g-menu > li > a:hover{ background:rgba(255,255,255,.06); border-color:var(--g-stroke); transform:translateY(-1px); }
.g-menu > li > a:hover::after{ opacity:1; transform:scaleX(1); }
.g-menu > li.g-current > a,
.g-menu > li.current-menu-item > a{ color:var(--g-vert); background:rgba(43,157,103,.10); border-color:rgba(43,157,103,.30); }
.g-menu > li.g-current > a::after,
.g-menu > li.current-menu-item > a::after{ opacity:1; transform:scaleX(1); }

/* Burger */
.g-nav-toggle{ display:none; background:transparent; border:0; cursor:pointer; padding:10px; }
.g-burger, .g-burger::before, .g-burger::after{
  content:""; display:block; width:26px; height:2px; background:var(--g-text); border-radius:2px; transition:.25s ease;
}
.g-burger::before{ transform:translateY(-8px); } .g-burger::after{ transform:translateY(6px); }
.g-nav.is-open .g-burger{ background:transparent; }
.g-nav.is-open .g-burger::before{ transform:rotate(45deg); }
.g-nav.is-open .g-burger::after{ transform:rotate(-45deg); }

/* ---- Responsive ---- */
@media (max-width: 980px){
  .g-nav-toggle{ display:inline-flex; z-index:2; }
  .g-nav-panel{
    position:fixed; inset:76px 0 auto 0; background:var(--g-glass);
    backdrop-filter:blur(18px); border-bottom:1px solid var(--g-stroke);
    transform:translateY(-120%); transition:.3s ease; padding:1rem 0 1.4rem;
  }
  .g-nav.is-open .g-nav-panel{ transform:translateY(0); }
  .g-menu{ flex-direction:column; align-items:stretch; gap:.2rem; padding:0 20px; }
  .g-menu > li > a{ justify-content:center; padding:.9rem; font-size:1.05rem; }
}

/* Priorité sur le thème parent dine */
.gayar2026 .g-brand-logo{ height:46px !important; width:auto !important; max-width:180px !important; }
.gayar2026 .g-header{ position:sticky !important; }
.gayar2026 .g-header-row{ min-height:76px !important; }
.gayar2026 #offcanvas, .gayar2026 #scrollup, .gayar2026 #mobilenav{ display:none !important; }

/* Logo footer — MÊME contrainte que le header (corrige le logo géant) */
.gayar2026 .g-footer-logo{ height:44px !important; width:auto !important; max-width:160px !important; }
/* Menu : police plus grande et lisible */
.gayar2026 .g-menu > li > a{ font-size:1.02rem !important; padding:.7rem 1.05rem !important; }

/* Header sobre conforme maquette : halo discret, fond plus noir */
.gayar2026 .g-header{ background:rgba(8,9,10,.85) !important; }
.gayar2026 .g-header-glow{ opacity:.35 !important; }
.gayar2026 .g-header-rainbow{ height:4px !important; }

/* ===== MENU AGRANDI (force sur le parent dine) ===== */
.gayar2026 header.g-header .g-menu > li > a,
.gayar2026 .g-header .g-nav .g-menu li a{
  font-size:1.5rem !important;
  padding:.6rem 1.3rem !important;
  font-weight:600 !important;
}
.gayar2026 .g-header-row{ min-height:92px !important; }
.gayar2026 .g-brand-logo{ height:56px !important; }