/**
 * Page d’accueil : bande du menu réservée dans le flux (fond visible),
 * contenu masqué jusqu’à ce que la barre arrive presque en haut → fade-in puis sticky.
 */

/* Ciblé par le <main class="bmf-home"> de la page d’accueil (page statique = pas toujours body.home). */
.bmf-home .bmf-main-menu.bmf-main-menu--home-scroll {
	position: relative;
	z-index: 5;
}

.bmf-home .bmf-main-menu.bmf-main-menu--home-scroll .bmf-main-menu__inner {
	transition:
		opacity 0.45s ease,
		visibility 0.45s ease;
}

/* Desktop : masquer toute la barre jusqu’au scroll d’intro. */
@media (min-width: 1024px) {
	.bmf-home .bmf-main-menu.bmf-main-menu--home-scroll:not(.bmf-main-menu--home-revealed) .bmf-main-menu__inner {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
}

/*
 * Mobile / tablette : le menu principal (logo centré + burger à droite) est
 * affiché immédiatement, fixé en haut de l’écran dès l’arrivée sur l’intro.
 * On n’applique plus la révélation/sticky au scroll (réservée au desktop).
 */
@media (max-width: 1023px) {
	.bmf-home {
		--bmf-home-mobile-menu-h: 68px;
	}

	/* ID + classes : spécificité supérieure à la règle « revealed » (sticky)
	   qui suit dans ce fichier → l’état fixe l’emporte quel que soit le scroll.
	   --bmf-home-mobile-menu-top : suit le bas de la barre admin WP (JS),
	   sinon 0 (visiteur sans barre admin). */
	.bmf-home #bmf-main-menu-root.bmf-main-menu--home-scroll {
		position: fixed;
		top: var(--bmf-home-mobile-menu-top, 0px);
		left: 0;
		right: 0;
		z-index: 100;
	}

	.bmf-home #bmf-main-menu-root.bmf-main-menu--home-scroll .bmf-main-menu__inner {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

.bmf-home .bmf-main-menu.bmf-main-menu--home-scroll.bmf-main-menu--home-revealed .bmf-main-menu__inner {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.bmf-home .bmf-main-menu.bmf-main-menu--home-scroll.bmf-main-menu--home-revealed {
	position: -webkit-sticky;
	position: sticky;
	z-index: 100;
	/* Défini en JS (--bmf-main-menu-sticky-top) pour tenir compte de la barre d’admin WP */
	top: var(--bmf-main-menu-sticky-top, 0);
}

@media (prefers-reduced-motion: reduce) {
	.bmf-home .bmf-main-menu.bmf-main-menu--home-scroll .bmf-main-menu__inner {
		transition: none;
	}
}