/**
 * Menu Dynamique — CSS personnalisable
 *
 * Ce fichier est une base de surcharge. Copiez-le dans votre thème enfant via
 * le BO du plugin (Paramètres > CSS Style) pour le modifier sans le perdre
 * lors des mises à jour du plugin.
 *
 * Chemin de surcharge dans le thème enfant :
 *   wp-content/themes/{votre-theme}/oaka/menu-dynamique/menu-dynamique-custom-style.css
 *
 * Structure HTML générée :
 *   <li class="menu-item [has-children] [active] [ancestor]">
 *       <div class="menu-item-row">   ← flex : puce (::before) + lien
 *           <a href="...">Titre</a>
 *       </div>
 *       <ul>...</ul>                  ← sous-menu, hors du flex
 *   </li>
 *
 * Cibler .menu-item-row permet d'appliquer background + border-radius
 * sur la puce ET le lien sans affecter le sous-menu.
 *
 * Classes disponibles sur les <li> :
 *   .menu-item         — tous les items
 *   .has-children      — item qui a des sous-items
 *   .active            — item correspondant à la page en cours
 *   .ancestor          — parent (direct ou indirect) de l'item actif
 *
 * Variables CSS disponibles :
 *   --oaka-link-color          Couleur des liens (fallback: inherit)
 *   --oaka-active-link-color   Couleur du lien actif (fallback: #2b87da)
 *   --oaka-bullet-lvl1-size    Taille des puces niveau 1
 *   --oaka-bullet-sub-size     Taille des puces sous-niveaux
 */


/* Wrapper principal */
.oaka_nav_summary {
}

/* Titre de la navigation */
.oaka_nav_summary__title {
}

/* Ligne item (puce + lien) — c'est ici qu'on applique background + border-radius */
.oaka_nav_summary__nav .menu-item-row {
}
.oaka_nav_summary__nav .menu-item-row::before {
    font-weight: 100;
    color: #000064;
}

/* Ligne de l'item actif */
.oaka_nav_summary__nav li.active > .menu-item-row {
    background-color: #BED2FF;
    border-radius: 8px;
}

/* Ligne d'un item ancêtre de la page active */
.oaka_nav_summary__nav li.ancestor > .menu-item-row {
    background-color: #BED2FF;
    border-radius: 8px;
}

/* Ligne d'un ancêtre avec enfants (cas "section ouverte") */
.oaka_nav_summary__nav li.has-children.ancestor > .menu-item-row {
}

/* Tous les liens */
.oaka_nav_summary__nav a {
    font-weight: 600!important;
}
.oaka_nav_summary .menu-level-2 .menu-item a {
    margin-left: 7px;
}

/* Hover des liens */
.oaka_nav_summary__nav a:hover {
}

/* Lien de l'item actif */
.oaka_nav_summary__nav li.active > .menu-item-row > a {
    font-weight: 600;
}

/* Lien d'un item ancêtre */
.oaka_nav_summary__nav li.ancestor > .menu-item-row > a:hover {
    color: #000064!important;
}

/* Tous les items */
.oaka_nav_summary__nav .menu-item {
}

/* Sous-niveaux */
.oaka_nav_summary__nav ul ul {
    padding-bottom: 0px!important;
}

.menu-item.has-children.ancestor .menu-level-2 .menu-item-row a {
    margin-left: 7px;
}
.menu-item.has-children.ancestor .menu-level-2 .menu-item.active::marker {
    content: '|' !important;
    font-size: 23px;
    font-weight: 800;
    color: #BED2FF;
    line-height: 0;
}
.menu-level-2 .menu-item a {
    color: #666!important;
}

.oaka_nav_summary__nav .menu-level-2 li.active > .menu-item-row {
    background-color: transparent;
}

.oaka_nav_summary__nav[class*="--lvl1-"] ul.menu-level-1 .menu-item-lvl-1.has-children.active.ancestor .menu-item-row::before {
    transform: rotate(90deg);
}

.oaka_nav_summary__nav .menu-item.menu-item-lvl-1.has-children.active .menu-item-row::before{
    transform: rotate(90deg);
}