/* ============================================================
   Reskin du header/footer EXISTANT (structure, animations, JS intacts).
   Le header du thème (themes/major-prepa/header.php + style.css) pilote déjà
   ses couleurs via les variables globales Elementor --e-global-color-primary
   et --e-global-color-secondary. On les redéfinit uniquement dans le
   contexte Major Master (body.is-master-context, déjà posé par le code
   existant) pour basculer vers la charte Émeraude sans toucher au balisage,
   aux animations (js/main.js) ni à la logique du mega-menu.
   ============================================================ */

body.is-master-context {
	--e-global-color-primary: var(--primary, #0F7A5F);
	--e-global-color-secondary: var(--vert, #0F7A5F);
	--e-global-color-text: var(--text, #0D1512);

	font-family: var(--font-ui);
}

body.is-master-context #header,
body.is-master-context.sticky #header {
	font-family: var(--font-ui);
}

/* Le header du thème utilise des angles doux par défaut ; la charte impose des angles droits
   sur les surfaces (hors boutons/pills), sans changer la structure. */
body.is-master-context #header .button-header > a,
body.is-master-context .menu-desktop .sub-menu {
	border-radius: var(--radius-sharp);
}

/* Barre du haut (icônes réseaux sociaux + recherche) : utilise bien --e-global-color-primary,
   mais en vert nuit plutôt qu'en vert moyen pour matcher visuellement le footer — le vert
   moyen (--primary) reste réservé aux accents/boutons (ex. bouton "Major Prépa"). */
body.is-master-context .header-top,
body.is-master-context .header-top .elementor-element-b7a6c1e:not(.elementor-motion-effects-element-type-background) {
	background-color: #0D1512 !important;
}

/* Icônes réseaux sociaux + barre de recherche : aucun fond, seule l'icône doit se voir
   (se fond dans la barre du haut, qui est déjà en vert nuit). */
body.is-master-context .header-top .elementor-social-icon,
body.is-master-context .header-top .elementor-search-form__container {
	background-color: transparent !important;
}

body.is-master-context .header-top .elementor-social-icon i,
body.is-master-context .header-top .elementor-social-icon svg {
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
}

body.is-master-context .header-top .elementor-social-icon:hover i,
body.is-master-context .header-top .elementor-social-icon:hover svg {
	color: #0F7A5F !important;
	fill: #0F7A5F !important;
}

/* Bouton "Major Prépa" : l'ombre dure décalée (2px/2px, héritée de l'ancienne charte) ne
   correspond pas à la règle "ombre douce et teintée, jamais d'ombre noire dure". */
body.is-master-context #header .button-header > a {
	box-shadow: none !important;
	border-radius: 999px !important;
}

body.is-master-context #header .button-header > a:hover {
	box-shadow: 0 6px 16px rgba(15, 42, 34, 0.3) !important;
}

/* Footer : masqué ici (template Elementor Theme Builder global, couleurs fixées en dur dans
   ses widgets — cf. historique git pour l'ancien reskin Émeraude qui les recolorait plutôt
   que de les masquer) — remplacé par le pied de page dédié du mockup, rendu par l'overlay
   MMV2_Footer_Overlay (cf. class-footer-overlay.php / footer-overlay.css) qui s'affiche juste
   après lui dans le DOM. */
body.is-master-context .elementor-location-footer {
	display: none !important;
}

/* ============================================================
   Logo Major Master : masqué ici (image figée, ancienne charte) — le logo
   vivant en fonte Acetone est désormais rendu par le bandeau overlay
   (.mmv2-header-overlay, cf. class-header-overlay.php) qui recouvre déjà
   toute la zone du header, y compris cet emplacement.
   ============================================================ */
body.is-master-context .custom-logo-link {
	visibility: hidden;
}

/* Fil d'Ariane automatique de Yoast SEO (inséré directement dans le contenu, #breadcrumbs) —
   fait doublon avec mmv2_breadcrumb(), le nôtre, déjà affiché dans le hero de chaque page de
   ce vertical (retour utilisateur du 2026-08-04, page sommaire des domaines). */
body.is-master-context #breadcrumbs {
	display: none !important;
}

/* Ancien comparateur flottant (plugin new-major-prepa, remplacé ici par le comparateur propre
   à ce vertical — .mmv2-ct-compare-bar) : son conteneur JS (#mp-floating-compare, créé vide en
   fin de <body> par compare-floating.js) garde un margin-top:2rem même sans contenu, ce qui
   créait un espace blanc fantôme sous le footer sur toutes les pages master (retour utilisateur
   du 2026-08-04). */
body.is-master-context #mp-floating-compare {
	display: none !important;
}