/**
* 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 */
/* 1) on retire le padding horizontal du module pour libérer les bords */
.oaka_nav_summary {
padding-left: 0;
padding-right: 0;
}
/* 2) on redonne cet espace au titre et à toutes les lignes de menu (état normal) */
.oaka_nav_summary__title,
.oaka_nav_summary__nav .menu-item-row {
padding-left: 15px;
padding-right: 15px;
}
/* 3) le lien actif reste un point de positionnement pour son bandeau */
.oaka_nav_summary__nav li.active:not(.ancestor) > .menu-item-row {
position: relative;
}
/* 4) le bandeau (fond transparent + bordure) : un pseudo-élément qui peut déborder sans déplacer le texte */
.oaka_nav_summary__nav li.active:not(.ancestor) > .menu-item-row::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgb(147 44 84 / 91%);
border-left: 2px solid #FFF;
pointer-events: none;
}
/* Fond blanc au survol du lien, sauf si l'item est déjà actif */
.oaka_nav_summary__nav li:not(.active) > div.menu-item-row:has(a:hover) {
background-color: rgb(255, 255, 255);
}
/* Compensation de l'indentation (niveau 2) pour que le fond touche le bord gauche */
.oaka_nav_summary__nav li.menu-item-lvl-2:not(.active) div.menu-item-row:has(a:hover) {
margin-left: -20px;
padding-left: 35px;
}
/* 5) pour les sous-catégories (niveau 2), le bandeau doit déborder un peu plus à gauche pour compenser leur indentation */
.oaka_nav_summary__nav li.menu-item-lvl-2.active:not(.ancestor) > .menu-item-row::before {
left: -20px;
}
/* 6) le texte passe au-dessus du bandeau et garde son style */
.oaka_nav_summary__nav li.active:not(.ancestor) > .menu-item-row a.oaka-active-link {
position: relative;
z-index: 1;
color: #FFF !important;
font-weight: 600 !important;
}
/* 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 {
}
.oaka_nav_summary__nav li.active.ancestor > div.menu-item-row:has(a:hover) {
background-color: rgb(255, 255, 255);
}
/* Tous les liens */
.oaka_nav_summary__nav a {
padding-top: 4px;
padding-bottom: 4px;
width: 100%;
}
/* 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 {
margin-bottom:0px;
}
/* Sous-niveaux */
.oaka_nav_summary__nav ul ul {
}
/* ── 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; */
}
/* Custom */
.et_builder_inner_content {
z-index:1!important;
}
.oaka_nav_summary__nav li.menu-item > .menu-item-row > a {
transition: none!important;
}
.oaka_nav_summary__nav li.menu-item.has-children > .menu-item-row > a {
font-size: 16px!important;
font-weight: 800!important;
color: #FFF!important;
transition: none!important;
}
.oaka_nav_summary__nav li.menu-item.has-children > .menu-item-row > a:hover {
color: #7a113a!important;
}
/* ── Navigation accordéon ───────────────────────────────────── */
/* Sous-menus repliés (mode accordéon activé) */
/* Reset du padding/margin injecté par Divi sur les ul génériques
(#left-area ul, .et-l--header/body/footer ul : padding 0 0 23px 1em),
qui restait visible sous overflow:hidden malgré max-height:0 et
laissait dépasser le premier enfant de chaque branche fermée. */
.oaka-nav-collapsible ul:not(.menu-level-1) {
/* max-height: 0; */
/* overflow: hidden; */
/* transition: max-height 0.3s ease; */
padding: 0 !important;
padding-left: 20px !important;
margin: 0 !important;
}
/* 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 {
}
/* ── Sommaire dynamique ─────────────────────────────────────── */
/* Conteneur du sommaire ([oaka_summary_anchor] et module Divi 5) */
.oaka-summary-anchor {
/* padding: 16px 20px; */
}
/* 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; */
}
/* 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; */
}