/**
 * Mahina Moments — lisibilité menu mobile (HFE header #257)
 * Texte sombre sur fond clair + icône burger/fermeture blanche.
 * Ancres : décalage sous header fixe (iPhone / mobile).
 */

/* Ancres CSS : le header fixe ne masque plus la section ciblée */
#accueil,
#first-section,
#a-propos,
#accompagnement,
#organisation-complete,
#coordination-de-votre-jour-j,
#coordination-jour-j,
#coaching-mariage-a-distance,
#mariages,
#temoignages,
#contact,
#intro-service,
#benefices,
#detail-service,
#inclus,
#realisations-service {
	scroll-margin-top: 100px;
}

@media (max-width: 767px) {
	#accueil,
	#first-section,
	#a-propos,
	#accompagnement,
	#organisation-complete,
	#coordination-de-votre-jour-j,
	#coordination-jour-j,
	#coaching-mariage-a-distance,
	#mariages,
	#temoignages,
	#contact,
	#intro-service,
	#benefices,
	#detail-service,
	#inclus,
	#realisations-service {
		scroll-margin-top: 90px;
	}
}

/* « Nos services » : parent non cliquable (sous-menu uniquement) */
.elementor-257 a.hfe-menu-item[href="#"] {
	cursor: default;
}

/* Header mobile au scroll : même bleu foncé que desktop (#1D2834) */
@media (max-width: 767px) {
	.header-manavella-color.mobile-solid,
	.header-manavella-color.is-scrolled {
		background-color: var(--e-global-color-3d9c42d, #1d2834) !important;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
	}
}

@media (max-width: 1024px) {
	/* Liens du menu téléphone / tablette */
	.elementor-257 .elementor-element-841f822 a.hfe-menu-item,
	.elementor-257 .elementor-element-841f822 a.hfe-sub-menu-item,
	.elementor-257 .elementor-element-841f822 .menu-item a {
		color: #1d2834 !important;
		line-height: 1.4 !important;
	}

	.elementor-257 .elementor-element-841f822 a.hfe-menu-item:hover,
	.elementor-257 .elementor-element-841f822 a.hfe-menu-item:focus,
	.elementor-257 .elementor-element-841f822 a.hfe-sub-menu-item:hover,
	.elementor-257 .elementor-element-841f822 a.hfe-sub-menu-item:focus,
	.elementor-257 .elementor-element-841f822 .menu-item a:hover,
	.elementor-257 .elementor-element-841f822 .menu-item a:focus,
	.elementor-257 .elementor-element-841f822 .current-menu-item > a.hfe-menu-item,
	.elementor-257 .elementor-element-841f822 .current_page_item > a.hfe-menu-item {
		color: #422c1f !important;
	}

	/* Flèche sous-menu */
	.elementor-257 .elementor-element-841f822 .hfe-menu-toggle,
	.elementor-257 .elementor-element-841f822 .hfe-menu-toggle i,
	.elementor-257 .elementor-element-841f822 .sub-arrow {
		color: #1d2834 !important;
	}

	/* Icône ouverture / fermeture : blanche sur header sombre */
	.elementor-257 .elementor-element-841f822 .hfe-nav-menu__toggle,
	.elementor-257 .elementor-element-841f822 .hfe-nav-menu__toggle .hfe-nav-menu-icon,
	.elementor-257 .elementor-element-841f822 div.hfe-nav-menu-icon,
	.elementor-257 .elementor-element-841f822 .elementor-menu-toggle {
		color: #ffffff !important;
	}

	.elementor-257 .elementor-element-841f822 .hfe-nav-menu__toggle svg,
	.elementor-257 .elementor-element-841f822 .hfe-nav-menu__toggle .hfe-nav-menu-icon svg,
	.elementor-257 .elementor-element-841f822 div.hfe-nav-menu-icon svg,
	.elementor-257 .elementor-element-841f822 .elementor-menu-toggle svg,
	.elementor-257 .elementor-element-841f822 .hfe-nav-menu-icon svg path {
		fill: #ffffff !important;
		color: #ffffff !important;
	}

	.elementor-257 .elementor-element-841f822 .hfe-nav-menu__toggle:hover,
	.elementor-257 .elementor-element-841f822 .hfe-nav-menu__toggle:hover .hfe-nav-menu-icon,
	.elementor-257 .elementor-element-841f822 div.hfe-nav-menu-icon:hover {
		color: #ffffff !important;
	}

	.elementor-257 .elementor-element-841f822 .hfe-nav-menu__toggle:hover svg,
	.elementor-257 .elementor-element-841f822 div.hfe-nav-menu-icon:hover svg {
		fill: #ffffff !important;
	}
}