/**
 * Disposition des éléments - Menu principal
 * Pilotage par classe body :
 *  - .mytheme-menu-item-layout--layout_1 (actuel)
 *  - .mytheme-menu-item-layout--layout_2
 *  - .mytheme-menu-item-layout--layout_3
 *
 * Cette feuille ne gère QUE la disposition (ordre/alignement/largeurs).
 */

/* Base */
.mytheme-menu-item-layout .nova-menu .row {
  align-items: center;
}

/* ============================================================
   MOBILE (< 992px)
   Objectif (inchangé) :
     [burger] [logo] [icônes]
     puis [menu] en dessous
   IMPORTANT : ces order ne doivent PAS s'appliquer en desktop.
   ============================================================ */
@media (max-width: 991.98px) {
  .mytheme-menu-item-layout .nova-menu-col-burger  { order: 1; }
  .mytheme-menu-item-layout .nova-menu-col-logo    { order: 2; }
  .mytheme-menu-item-layout .nova-menu-col-actions { order: 3; }
  .mytheme-menu-item-layout .nova-menu-col-nav     { order: 4; }
}

/* ============================================================
   DESKTOP (>= 992px)
   LAYOUT 1 (actuel) : Logo - Menu - Icônes (droite)
   ============================================================ */
@media (min-width: 992px) {
  .mytheme-menu-item-layout--layout_1 .nova-menu-col-logo    { order: 1; }
  .mytheme-menu-item-layout--layout_1 .nova-menu-col-nav     { order: 2; }
  .mytheme-menu-item-layout--layout_1 .nova-menu-col-actions { order: 3; }

  /* Menu centré (comportement actuel) */
  .mytheme-menu-item-layout--layout_1 .nova-menu-col-nav .navbar-collapse {
    justify-content: center;
  }

  /* Icônes à droite (on le verrouille explicitement) */
  .mytheme-menu-item-layout--layout_1 .nova-menu-col-actions {
    justify-content: flex-end;
  }

  /* Logo à gauche (comme avant) */
  .mytheme-menu-item-layout--layout_1 .nova-menu-col-logo {
    justify-content: flex-start;
  }
}

/* ============================================================
   DESKTOP (>= 992px)
   LAYOUT 2 : Menu - Logo - Icônes
   - Menu complètement à gauche (override du justify-content-center HTML)
   ============================================================ */
@media (min-width: 992px) {
  .mytheme-menu-item-layout--layout_2 .nova-menu-col-nav     { order: 1; }
  .mytheme-menu-item-layout--layout_2 .nova-menu-col-logo    { order: 2; }
  .mytheme-menu-item-layout--layout_2 .nova-menu-col-actions { order: 3; }

  /* Forcer le menu à gauche malgré "justify-content-center" dans le HTML */
  .mytheme-menu-item-layout--layout_2 .nova-menu-col-nav .navbar-collapse {
    justify-content: flex-start !important;
  }

  /* Neutraliser le text-center du <ul> en desktop layout_2 */
  .mytheme-menu-item-layout--layout_2 .nova-menu-col-nav .navbar-nav {
    text-align: left !important;
    width: 100%;
  }

  .mytheme-menu-item-layout--layout_2 .nova-menu-col-logo {
    justify-content: center;
  }

  .mytheme-menu-item-layout--layout_2 .nova-menu-col-actions {
    justify-content: flex-end;
  }
}