/* DEBUG TEMP — à retirer après le diagnostic */
#mod-header-container nav ul { outline: 3px solid magenta !important; }
#mod-header-container .navbar-nav { outline: 3px solid red !important; }
#mod-header-container .mod-menu ul { outline: 3px solid blue !important; }
#mod-header-container .menu-block > ul { outline: 3px solid green !important; }
/* DEBUG TEMP — à retirer après */
#mod-header-container .navbar-nav { outline: 3px solid red !important; }
#mod-header-container .mod-menu ul { outline: 3px solid blue !important; }
#mod-header-container nav ul { outline: 3px
/* === Header en une ligne : logo à gauche, menu à droite === */
#mod-header-wrapper,
#mod-header,
#mod-header-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

/* Logo (bloc gauche) */
#mod-header-container .site-logo {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Conteneur de navigation (bloc droit) : pousser à droite */
#mod-header-container nav,
#mod-header-container .navbar,
#mod-header-container .menu-block,
#mod-header-container .mod-menu {
  margin-left: auto !important;      /* clé : colle le menu à droite */
  display: flex !important;
  align-items: center !important;
}

/* Liste des liens du menu : en ligne + espacement */
#mod-header-container .navbar-nav,
#mod-header-container .mod-menu ul,
#mod-header-container .menu-block > ul,
#mod-header-container nav > ul {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Nettoyage LI */
#mod-header-container .navbar-nav > li,
#mod-header-container .mod-menu ul > li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Desktop : forcer l’ouverture de la nav et masquer le burger */
@media (min-width: 992px) {
  #mod-header-container .navbar-toggler,
  #mod-header-container .navbar-toggle {
    display: none !important;
  }
  #mod-header-container .navbar-collapse,
  #mod-header-container .collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
  }
}

/* Mobile : empiler et garder le burger */
@media (max-width: 991px) {
  #mod-header-container {
    flex-wrap: wrap !important;
  }
  #mod-header-container .navbar-nav,
  #mod-header-container .mod-menu ul {
    flex-direction: column !important;
    gap: 12px !important;
  }
}
``
/* ---- Forcer le header en 2 colonnes : [logo] | [menu] ---- */
#mod-header-container {
  display: grid !important;
  grid-template-columns: auto 1fr !important; /* le 2e prend toute la place restante */
  align-items: center !important;
  column-gap: 24px !important;
}

/* Cibler les blocs de navigation possibles et les envoyer à droite */
#mod-header-container nav,
#mod-header-container .navbar,
#mod-header-container .menu-block,
#mod-header-container .mod-menu,
#mod-header-container [class*="menu"],
#mod-header-container [class*="navbar"] {
  justify-self: end !important;   /* colle le bloc nav à DROITE de la zone */
  margin-left: auto !important;   /* double sécurité */
  width: 100% !important;         /* permet flex-end interne si besoin */
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important; /* pousse le contenu vers la droite */
}

/* S'assurer que la liste des liens est bien horizontale */
#mod-header-container nav ul,
#mod-header-container .navbar-nav,
#mod-header-container .menu-block > ul,
#mod-header-container .mod-menu ul,
#mod-header-container [class*="menu"] ul {
  display: flex !important;
  flex-direction: row !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Nettoyage des <li> pour éviter les décalages */
#mod-header-container .navbar-nav > li,
#mod-header-container .menu-block > ul > li,
#mod-header-container .mod-menu ul > li,
#mod-header-container nav ul > li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Desktop : ouvrir la nav, masquer le burger si présent */
@media (min-width: 992px) {
  #mod-header-container .navbar-toggler,
  #mod-header-container .navbar-toggle { display: none !important; }
  #mod-header-container .navbar-collapse,
  #mod-header-container .collapse {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
  }
}

/* Mobile : on empile proprement */
@media (max-width: 991px) {
  #mod-header-container {
    grid-template-columns: 1fr !important;
    row-gap: 8px !important;
  }
  #mod-header-container nav ul,
  #mod-header-container .navbar-nav,
  #mod-header-container .mod-menu ul {
    justify-content: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
}
``