/* Correctifs d'intégration WordPress — Ma Solution Habitat */

/* 1) En-tête collant : décalage sous la barre d'admin WP (visible uniquement connecté) */
.admin-bar .header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .header { top: 46px; } }

/* 2) Logo : hauteur/largeur fixes pour ne JAMAIS casser la rangée du menu,
      même si l'image ne se charge pas. On masque aussi le texte alternatif
      (qui débordait en rouge) tant que la vraie image n'est pas hébergée sur le staging. */
.brand .brand-logo-img {
	height: 98px !important;
	width: auto !important;
	max-width: 280px;
	object-fit: contain;
	font-size: 0;
	color: transparent;
}
body.is-scrolled .brand .brand-logo-img { height: 66px !important; }
@media (max-width: 640px) { .brand .brand-logo-img { height: 64px !important; } }

/* 3) Garde-fou : l'en-tête au-dessus du contenu */
.header { z-index: 90; }

/* 4) Méga-menu : combler la zone morte entre le libellé et le dropdown.
      Sans ça, en descendant la souris vers le sous-menu on sort de la zone de
      survol (~22px de vide) et le menu se referme. On remonte la BOÎTE du méga
      jusqu'au libellé via une marge négative, compensée par le padding-top →
      zone de survol continue, contenu visible inchangé. */
.nav .has-mega .mega { margin-top: 0 !important; padding-top: 28px !important; }