/* ============================================================
   LA BARRE DU HAUT — hauteur maitrisee (2026-10-06).

   ⚠️⚠️ MESURE DU DEFAUT. `.n-head` portait `padding: 20px` en haut ET en bas,
   avec un bouton de 39 px : la barre faisait donc **80 px de haut**, soit :
       9,5 % d'un ecran 390x844
      14,1 % d'un ecran 320x568   <-- « trop imposante » sur l'accueil mobile
   Et comme la barre est `position: fixed`, `.n-screen` reservait `96px` (puis
   `max(5.5rem, 9vh)`) de `padding-top` pour la degager : le contenu commencait
   88 a 96 px trop bas, ce qui mangeait encore un huitieme de l'ecran.

   ⚠️ DEUX AUTRES DEFAUTS RELEVES EN PASSANT.
   1. `no_scroll_couleur.css` posait un `linear-gradient` en fond de barre :
      contraire a la regle DURE du site (« aucun degrade »). Remplace par un
      aplat, qui suffit puisque la barre ne sert qu'a rendre la navigation
      lisible.
   2. La barre n'avait pas de filet de separation : sur une page dont le contenu
      defile dessous, rien ne marquait la limite. Un filet TRES fin la pose.

   ⚠️ Objectif : barre <= 62 px sur mobile, <= 72 px sur ordinateur, et contenu
   qui demarre juste en dessous.
   ============================================================ */

/* ---- 1. HAUTEUR DE LA BARRE ---- */
.n-head {
  padding: 11px var(--n-pad);
  background: var(--n-bg);              /* aplat, plus de degrade */
  border-bottom: 1px solid var(--n-rule);
}
.n-menu-btn {
  padding: 7px 0;                       /* etait 10px : cible tactile conservee */
  min-height: 40px;                     /* >= 40px : reste confortable au pouce */
}
.n-logo { font-size: 12.5px; letter-spacing: .2em; }

@media (max-width: 900px) {
  .n-head { padding: 9px var(--n-pad); }
  .n-menu-btn { padding: 6px 0; min-height: 38px; }
  .n-menu-btn .n-burger i { width: 22px; }
}

/* ---- 2. LE CONTENU REMONTE (il n'a plus a degager 96 px) ----
   ⚠️ On garde une marge confortable au-dessus du premier texte : la barre est
   fixe, donc sans cette reserve le titre passerait DESSOUS. On se cale sur la
   hauteur reelle de la barre + une respiration. */
.n-screen { padding-top: 76px; }
.n-screen--serre { padding-top: 76px; }
.n-screen--prix { padding-top: 88px; }
.n-screen--pay { padding-top: 76px; }
.n-screen--form { padding-top: 76px; }
.n-lecture { padding-top: 76px; }
.n-formwrap { padding-top: 68px; }

@media (max-height: 760px) {
  .n-screen { padding-top: 66px; }
  .n-screen--prix { padding-top: 70px; }
  .n-screen--pay { padding-top: 66px; }
  .n-screen--serre { padding-top: 66px; }
  .n-lecture { padding-top: 66px; }
  .n-formwrap { padding-top: 60px; }
}
@media (max-height: 620px) {
  .n-screen { padding-top: 58px; }
  .n-screen--prix { padding-top: 60px; }
  .n-screen--pay { padding-top: 58px; }
  .n-screen--serre { padding-top: 58px; }
  .n-lecture { padding-top: 58px; }
  .n-formwrap { padding-top: 54px; }
}