/* navbar-accordion.css  v3  (MBS)
   Accompagne les surcharges templates/menu/navbar.php, nav.php et menu.php.

   Une rubrique reste un LIEN vers sa page ; le chevron pose JUSTE APRES son libelle
   deplie ses pages en accordeon. Vaut pour le dropdown de la navbar (desktop) comme
   pour le menu offcanvas (mobile).

   v3 : specificite du chevron corrigee.
   Charge par les gabarits eux-memes : les supprimer suffit a tout annuler. */

/* Le libelle passe en inline-flex pour que le chevron se pose SUR SA LIGNE, juste
   apres le texte. En v1 la ligne etait un flex avec le lien en flex:1 : le chevron
   filait a l'extreme droite de la colonne et semblait appartenir au titre suivant.
   Effet de bord assume : la zone de survol epouse le texte au lieu de toute la
   largeur. */
.uk-navbar-dropdown-nav > li.uk-parent > a:first-of-type,
.uk-nav > li.uk-parent > a:first-of-type,
.uk-nav-sub > li.uk-parent > a:first-of-type {
    display: inline-flex;
    align-items: center;
}

/* Le sous-menu reste un bloc normal, en flux : c'est ce qui supprime le saut de
   mise en page pendant l'ouverture. En v1 il etait pose sur une ligne flex, et
   l'animation de hauteur le faisait apparaitre sous le chevron avant de basculer
   sous le titre. */
.uk-navbar-dropdown-nav > li.uk-parent > ul,
.uk-nav > li.uk-parent > ul,
.uk-nav-sub > li.uk-parent > ul {
    display: block;
    clear: both;
}

/* Selecteurs volontairement lourds : le theme pose `.uk-nav li > a { display: flex }`
   (specificite 0,1,2) et le chevron EST un <a>. Une regle .mbs-nav-toggle seule (0,1,0)
   perdait, le chevron passait en flex block-level et tombait sous le titre. */
.uk-nav li > a.mbs-nav-toggle,
.uk-nav-sub > li > a.mbs-nav-toggle,
.uk-navbar-dropdown-nav > li > a.mbs-nav-toggle,
a.mbs-nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    margin-left: 2px;
    color: inherit;
    opacity: .45;
    transition: opacity .15s ease, transform .25s ease;
}
.uk-nav li > a.mbs-nav-toggle:hover,
.uk-nav li > a.mbs-nav-toggle:focus,
a.mbs-nav-toggle:hover,
a.mbs-nav-toggle:focus {
    color: inherit;
    opacity: 1;
}

/* Ouvert : le chevron se retourne. UIkit pose uk-open sur le <li>. */
.uk-nav li.uk-open > a.mbs-nav-toggle,
li.uk-open > a.mbs-nav-toggle {
    transform: rotate(180deg);
    opacity: 1;
}

/* Mobile : la cible doit rester confortable au doigt. */
@media (max-width: 959px) {
    .uk-nav li > a.mbs-nav-toggle,
    a.mbs-nav-toggle {
        width: 44px;
        height: 44px;
        margin-left: 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mbs-nav-toggle { transition: none; }
}