/* ============================================================ Header overlay + méga-menu — peint par-dessus le header Elementor global (non éditable depuis le code), scopé à body.is-master-context. Cf. includes/class-header-overlay.php pour le pourquoi de l'approche. ============================================================ */ /* Le header d'origine (Elementor) reste dans le flux — sa hauteur est conservée pour ne pas déplacer le contenu des pages — mais son contenu visuel est masqué : notre bandeau fixe le recouvre entièrement. */ body.is-master-context #header, body.is-master-context.sticky #header { height: var(--header-h-desktop) !important; min-height: 0 !important; overflow: hidden !important; } body.is-master-context #header > * { visibility: hidden; } /* Le thème (via la classe body "header-black-marge") réserve 137px sous le header pour SON propre header d'origine, plus haut que notre bandeau (68/60/56px) : sans ce correctif, un espace blanc de ~70px reste visible sous le header (retour du 2026-08-02). */ body.is-master-context.header-black-marge .elementor-location-archive, body.is-master-context.header-black-marge header + div, body.is-master-context.header-black-marge header + main { padding-top: var(--header-h-desktop) !important; } /* Barre d'admin WP (#wpadminbar, z-index max, position:fixed) : elle pousse la page de 32/46px vers le bas (WP pose `margin-top` sur ) mais PAS notre bandeau, lui aussi `position:fixed` donc positionné par rapport au viewport et non affecté par ce margin — sans ce décalage, la barre d'admin recouvrait le haut de notre logo et un espace blanc apparaissait sous le header (retour utilisateur du 2026-08-06). `--wp-admin--admin-bar--height` est la variable que WP expose pour exactement ce cas (32px desktop, 46px <783px, 0 si déconnecté). */ .mmv2-header-overlay { position: fixed; top: var(--wp-admin--admin-bar--height, 0px); left: 0; right: 0; z-index: 999999; background: var(--encre); font-family: var(--font-ui); } .mmv2-header-overlay__bar { position: relative; height: var(--header-h-desktop); display: flex; align-items: center; gap: var(--space-xl); padding: 0 var(--gutter-desktop); } .mmv2-header-overlay__logo { display: flex; align-items: center; flex: 0 0 auto; text-decoration: none !important; } .mmv2-header-overlay__nav { display: flex; align-items: center; gap: var(--space-2xl); flex: 1 1 auto; } .mmv2-header-overlay__nav-item { position: static; } .mmv2-header-overlay__nav-trigger, .mmv2-header-overlay__nav-link { /* !important partout : le reset.css du thème (hello-elementor) impose sinon sa propre bordure/fond/padding rose sur tout