/* ============================================================
   MENU TOP BAR — Menu plat horizontal (sans dropdown)
   Les sous-pages sont gérées via la sidebar contextuelle
   définie page par page (voir métabox "Sidebar — Modèle").
   ============================================================ */

.qt-main-menubar,
.qt-menubar-top,
.qt-menubar-top ul {
    overflow: visible !important;
}

.qt-menubar-top ul {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.qt-menubar-top ul li {
    position: relative;
    display: flex;
    align-items: center;
}

/* ─────────────────────────────────────────────
   Icônes sociales : alignées à droite.

   Le partial part-social.php génère <li class="right">
   pour chaque icône. Avec `display:flex` sur le <ul>,
   le `float:right` natif de Materialize ne fonctionne plus.

   Solution : pousser le 1er <li.right> à droite via
   `margin-left:auto`. Les <li.right> suivants viennent
   se coller juste à côté (par le gap normal du flex).
   ───────────────────────────────────────────── */

/* Le premier <li class="right"> qui suit un <li> sans .right
   absorbe tout l'espace libre à sa gauche. */
.qt-menubar-top ul > li:not(.right) + li.right {
    margin-left: auto;
}

/* Si le tout premier <li> est déjà .right (cas où le menu
   secondaire serait vide), on le pousse aussi à droite. */
.qt-menubar-top ul > li.right:first-child {
    margin-left: auto;
}