/* =========================================================================
   css/pages/contact/contact-mobile-override-desktop-conflicts.css
   Auto-split from css/pages/contact.css.
   ========================================================================= */

/* Neutraliser les effets desktop en mobile (pas d'interférence) */
@media screen and (max-width: 991px) {

	/* Fond du header toujours noir en mobile */
	.site-header .header-wrap:before,
	.site-header.clone .header-wrap:before,
	.site-header .header-wrap,
	.site-header.clone .header-wrap,
	.site-header .header-wrap-inner,
	.site-header.clone .header-wrap-inner {
		background: #000 !important;
		opacity: 1 !important;
	}

	/* Désactiver les variations au :hover (desktop) sur mobile */
	.site-header:hover .header-wrap:before,
	.site-header:hover .header-wrap,
	.site-header:hover .header-wrap-inner {
		background: #000 !important;
		opacity: 1 !important;
	}

	/* Logo blanc pour contraste et décalage 20px bas */
	.site-header .logo-image,
	.site-header.clone .logo-image {
		filter: brightness(0) invert(1) !important;
		position: relative !important;
		top: 8px !important;
	}

	/* Liens lisibles (blanc) en mobile */
	.site-header .nav-menu a,
	.site-header .nav-menu .current-menu-item a {
		color: #ffffff !important;
	}

	/* Hamburger blanc par défaut */
	.site-header .menu-toggle .lines,
	.site-header .menu-toggle .lines:before,
	.site-header .menu-toggle .lines:after {
		background-color: #ffffff !important;
	}
}