/* ==========================================================================
   Ajustements spécifiques à Divi
   Règle : on ne cible une classe interne de Divi que si le réglage n'est pas
   accessible depuis l'interface du Builder ou les Options du thème.
   ========================================================================== */

/* --- Barre de thématiques (module Menu, classe « cb-nav-thema ») -----------
   Le module Menu est retenu plutôt qu'une liste de boutons : les entrées sont
   gérées depuis Apparence → Menus, sans repasser par le Builder.
   -------------------------------------------------------------------------- */

.cb-nav-thema .et_pb_menu__menu > nav > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--cb-space-md);
}

.cb-nav-thema .et-menu > li {
	margin: 0;
	padding: 0;
}

.cb-nav-thema .et-menu > li > a {
	display: inline-flex;
	align-items: center;
	min-height: var(--cb-tap-target);
	padding: var(--cb-space-xs) var(--cb-space-md);
	background-color: var(--cb-color-surface-muted);
	border-radius: var(--cb-radius-md);
	color: var(--cb-color-primary);
	font-size: var(--cb-font-size-sm);
	font-weight: var(--cb-font-weight-bold);
	letter-spacing: var(--cb-letter-spacing-wide);
	text-transform: uppercase;
	transition: background-color var(--cb-transition), color var(--cb-transition);
}

/* Divi trace un soulignement animé sous les entrées de menu au survol. */
.cb-nav-thema .et-menu > li > a::after {
	display: none;
}

.cb-nav-thema .et-menu > li > a:hover,
.cb-nav-thema .et-menu > li.current-menu-item > a {
	background-color: var(--cb-color-primary);
	color: var(--cb-color-text-invert);
	opacity: 1; /* Divi applique opacity: 0.7 au survol des entrées de menu. */
}

/* --- Titres de module ------------------------------------------------------
   Divi impose un padding-bottom aux titres de ses modules Texte et Titre,
   ce qui casse le rythme vertical défini dans base.css.
   -------------------------------------------------------------------------- */

.et_pb_text h1,
.et_pb_text h2,
.et_pb_text h3,
.et_pb_post_title h1 {
	padding-bottom: 0;
}

/* --- Contenu de l'article --------------------------------------------------
   Le module « Contenu de l'article » restitue le HTML de l'éditeur WordPress :
   on lui applique les styles rédactionnels via la classe cb-prose.
   -------------------------------------------------------------------------- */

.cb-prose .et_pb_post_content > *:last-child {
	margin-bottom: 0;
}

/* --- Grille du shortcode dans une section Divi -----------------------------
   Le shortcode est inséré dans un module Texte ou Code : on neutralise les
   marges que Divi ajoute au dernier enfant.
   -------------------------------------------------------------------------- */

.et_pb_text .cb-posts p:last-of-type {
	margin-bottom: 0;
}