/**
* 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 :
*
*
* 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 :
* .menu-item — tous les items
* .menu-item-lvl-1 — item de niveau 1 (racine)
* .menu-item-lvl-2 — item de niveau 2, etc.
* .has-children — item qui a des sous-items
* .active — item correspondant à la page en cours
* .ancestor — parent (direct ou indirect) de l'item actif
* .is-open — branche dépliée (mode accordéon uniquement)
*
* Combinaisons utiles :
* .ancestor.menu-item-lvl-1 — ancêtre racine (section parente)
* .ancestor.menu-item-lvl-2 — ancêtre intermédiaire
*
* 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 {
}
/* Ligne de l'item actif */
.oaka_nav_summary__nav li.active > .menu-item-row {
}
/* Ligne d'un item ancêtre de la page active */
.oaka_nav_summary__nav li.ancestor > .menu-item-row {
}
/* 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 {
}
/* Hover des liens */
.oaka_nav_summary__nav a:hover {
}
/* Lien de l'item actif (page courante uniquement, pas les ancêtres) */
.oaka_nav_summary__nav li.active:not(.ancestor) > .menu-item-row > a {
}
/* Lien d'un item ancêtre de la page active */
.oaka_nav_summary__nav li.ancestor > .menu-item-row > a {
}
/* Lien actif (page courante uniquement — classe posée sur le ) */
.oaka_nav_summary__nav a.oaka-active-link {
/* color: var(--oaka-active-link-color); */
/* font-weight: 600; */
}
/* Tous les items */
.oaka_nav_summary__nav .menu-item {
}
/* Item de niveau 1 (racine) */
.oaka_nav_summary__nav li.menu-item-lvl-1 {
/* margin-bottom: 4px; */
}
/* Item de niveau 2 (les niveaux suivants suivent le même schéma) */
.oaka_nav_summary__nav li.menu-item-lvl-2 {
/* margin-bottom: 2px; */
}
/* Item qui possède des sous-items */
.oaka_nav_summary__nav li.has-children {
/* font-weight: 500; */
}
/* Toutes les listes de la navigation */
.oaka_nav_summary__nav ul {
/* list-style: none; */
/* margin: 0; */
/* padding: 0; */
}
/* Liste de premier niveau */
.oaka_nav_summary__nav ul.menu-level-1 {
/* margin: 0; */
/* padding: 0; */
}
/* Sous-niveaux */
.oaka_nav_summary__nav ul ul {
}
/* Marqueur natif des listes (neutralisé par défaut) */
.oaka_nav_summary__nav li::marker {
/* content: ''; */
/* font-size: 0; */
}
/* ── Puces ──────────────────────────────────────────────────── */
/* Puce des items de niveau 1 (racine) */
.oaka_nav_summary__nav ul.menu-level-1 > li > .menu-item-row::before {
/* font-size: var(--oaka-bullet-lvl1-size); */
/* color: inherit; */
}
/* Puce des items de sous-niveaux */
.oaka_nav_summary__nav ul:not(.menu-level-1) > li > .menu-item-row::before {
/* font-size: var(--oaka-bullet-sub-size); */
/* color: inherit; */
}
/* ── Navigation accordéon ───────────────────────────────────── */
/* Sous-menus repliés (mode accordéon activé) */
.oaka-nav-collapsible ul:not(.menu-level-1) {
/* max-height: 0; */
/* overflow: hidden; */
/* transition: max-height 0.3s ease; */
}
/* Sous-menu de la branche ouverte (page active ou clic) */
.oaka-nav-collapsible .has-children.is-open > ul {
/* max-height: none; */
}
/* ── Module Divi 5 ──────────────────────────────────────────── */
/* Wrapper interne du module Divi 5 Navigation Dynamique */
.oaka_nav_summary__inner {
}
/* Message affiché quand le menu choisi ne renvoie aucun élément */
.oaka_nav_summary__empty {
/* padding: 12px 16px; */
/* font-style: italic; */
/* opacity: 0.7; */
}
/* Wrapper du module Divi 5 Sommaire Dynamique */
.oaka_summary_anchor {
}
/* ── Sommaire dynamique ─────────────────────────────────────── */
/* Conteneur du sommaire ([oaka_summary_anchor] et module Divi 5) */
.oaka-summary-anchor {
/* padding: 16px 20px; */
}
/* Surtitre du sommaire (option « Titre du sommaire », onglet Sommaire dynamique) */
.oaka-summary-anchor__title {
/* margin-top: 0; */
/* margin-bottom: 12px; */
}
/* Liste des entrées du sommaire */
.oaka-summary-anchor__list {
/* list-style: none; */
/* margin: 0; */
/* padding: 0; */
}
/* Entrée du sommaire */
.oaka-summary-anchor__item {
/* margin-bottom: 2px; */
}
/* Marqueur natif des entrées du sommaire (neutralisé par défaut) */
.oaka-summary-anchor__list li::marker {
/* content: ''; */
/* font-size: 0; */
}
/* Indentation par profondeur de titre (depth-2 à depth-6) */
.oaka-summary-anchor__item--depth-2 {
/* padding-left: 14px; */
}
.oaka-summary-anchor__item--depth-3 {
/* padding-left: 28px; */
}
.oaka-summary-anchor__item--depth-4 {
/* padding-left: 42px; */
}
.oaka-summary-anchor__item--depth-5 {
/* padding-left: 56px; */
}
.oaka-summary-anchor__item--depth-6 {
/* padding-left: 70px; */
}
/* Lien du sommaire */
.oaka-summary-anchor__link {
/* display: block; */
/* padding: 4px 8px; */
/* border-radius: 4px; */
/* color: inherit; */
/* line-height: 1.4; */
}
/* Lien de la section en cours de lecture */
.oaka-summary-anchor__link.is-active {
/* font-weight: 600; */
/* padding-left: 10px; */
}
/* Survol des liens (hors section active) */
.oaka-summary-anchor__link:not(.is-active):hover {
/* opacity: 0.85; */
}