/* ==========================================================================
   header-align.css — aligne le header WordPress sur le header de l'application
   Filae (.NET), qui est la référence visuelle de la marque.

   MESURES DE RÉFÉRENCE (prod https://www.filae.com/nom-de-famille/, viewport 1440) :
       barre : hauteur 50px, top 0
       logo  : x=150, centré verticalement (top 11, 97×29), format SVG
       menu  : « Arbres » à x≈270

   CONSTAT LOCAL/PROD WORDPRESS AVANT CORRECTION (même viewport) :
       barre : hauteur 56px démarrant à -1px (1px rogné en haut)
       logo  : x=112, top 0 → COLLÉ EN HAUT (27px de vide dessous), PNG 293×86
               réduit à 100px
       menu  : « Arbres » à x=235

   CAUSES :
     (1) le thème parent dessine le bloc logo pour une barre de 90px
         (`padding-bottom:25px`, `line-height:.7em !important`) alors que le
         Customizer force la barre à 56px → le logo reste calé en haut ;
     (2) le conteneur du header (`.inside`, 1200px centré) ne correspond pas au
         conteneur Bootstrap de l'app .NET → décalage horizontal de 38px ;
     (3) `#main-container` porte un `margin-top:-1px` qui, par fusion de marges,
         remonte tout le site et rogne le haut de la barre.

   PORTÉE — ce fichier est le SEUL endroit du thème enfant autorisé à cibler le
   header du thème parent : le `style.css` enfant s'interdit par contrat tout
   sélecteur sur `body` et `#site-header`. Ici, chaque règle a pour SUJET un
   élément DU HEADER ; le préfixe `body` sert uniquement à passer au-dessus du
   CSS inline du Customizer (imprimé APRÈS les feuilles enqueue) sans recourir
   à `!important`. Ne rien ajouter ici qui ne concerne pas le header.
   ========================================================================== */

/* (3) — plus de rognage d'1px en haut de la barre. */
body #main-container {
	margin-top: 0;
}

/* (1) — barre à 50px (au lieu de 56). Volontairement limité aux items de PREMIER
   niveau (`> ul > li`) : les sous-menus déroulants gardent leur hauteur
   actuelle, héritée du Customizer. */
body.inline-header #site-header.main #logo,
body.inline-header #site-header.main .nav-holder {
	height: 50px;
}
body.inline-header #site-header.main .nav-holder,
body.inline-header #site-header.main .main-nav > ul > li,
body.inline-header #site-header.main .main-nav > ul > li > a {
	height: 50px;
	line-height: 50px;
}

/* (1) — logo centré verticalement dans la barre au lieu d'être calé en haut
   (neutralise le padding-bottom de 25px prévu pour une barre de 90px). */
body.inline-header #site-header.main #logo .site-title.logo_top {
	display: flex;
	align-items: center;
	height: 50px;
	margin: 0;
	padding: 0;
}
body.inline-header #site-header.main #logo .site-title.logo_top a {
	display: block;
	line-height: 0; /* supprime l'espace de ligne sous l'image */
}

/* (2) — conteneur du header aligné sur celui de l'app .NET : le logo passe de
   x=112 à x=150. 1125px = largeur qui, centrée dans `.inside` (padding 30px du
   header), place le bord du logo à 150 pour un viewport de 1440. */
body #site-header.main .inside {
	max-width: 1125px;
}

/* (4) — espacement du menu calé sur la prod. Les items du thème sont ~10px plus
   serrés (padding 10px de part et d'autre → items à 273/341/442 après recalage,
   contre 270/348/460 en prod). On passe le padding à 15px (+5px de chaque côté,
   soit +10px de large par item, ce qui reproduit les écarts de 78 et 112px) et
   on porte la marge du bloc de navigation à 15px pour que le PREMIER item tombe
   exactement à 270. Items de premier niveau uniquement (sous-menus intouchés). */
body.inline-header #site-header.main .nav-holder {
	margin-left: 15px;
}
body.inline-header #site-header.main .main-nav > ul > li > a {
	padding-left: 15px;
	padding-right: 15px;
}