/* =========================================================
   MENU GLOBAL — PUBLIC (commun) — FIX STICKY
   Cause la plus fréquente : un ancestor (header.css/base.css) met un overflow/transform
   => sticky peut être neutralisé. Solution robuste : FIXED + réserve de hauteur.
   ========================================================= */

:root{
  --topbar-h: 120px; /* ajustable si besoin */
  scroll-padding-top: 140px;
}

/* Réserve sous la barre fixe (évite que le contenu passe dessous) */
body{
  padding-top: var(--topbar-h);
}

/* Barre fixe (robuste, comme sur Virgo) */
.site-topbar{
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

/* Conserver ton rendu (header.css gère couleurs/arrondis). On force un fond au cas où. */
.site-topbar .site-header{
  position: relative !important;
  background: inherit;
}

/* Sous-menu : mobile safe */
.sub-links{
  display:flex;
  align-items:center;
  gap: 12px;
}

@media (max-width: 820px){
  :root{ --topbar-h: 150px; } /* plus haut sur mobile (2 lignes) */

  .sub-links{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    gap: 10px;
    padding-bottom: 2px;
  }
  .sub-links a{
    display:inline-block;
    white-space: nowrap;
  }
}