/* =====================================================================
   L'EN-TÊTE DU SITE — correction de sa hauteur sur smartphone
   jerevise.fr · chantier LECTEUR-HAUTEUR, 23/10/2026
   =====================================================================

   CETTE FEUILLE EST CHARGÉE SUR TOUTES LES PAGES. Elle ne porte que ce
   qui vaut partout ; tout ce qui est propre aux pages à lecteur vit
   dans `page-lecteur.css`, qui n'est enfilée que sur celles-là.

   LE DÉFAUT, MESURÉ LE 23/10/2026 en visiteur anonyme, 390x844 et
   375x667, Chrome 156 et WebKit 26.6 :

     bas du champ de recherche      ~108
     bas de la BANDE de l'en-tete    117   <- 8 px de fond peint SOUS le
                                             champ, et rien dedans

   `.header-search` porte `padding: 0 15px 10px` sous 960 px, ramené à
   `0 15px 8px` sous 768 px. Ces 8 px ne tiennent rien : ils allongent
   la bande de l'en-tête de 8 px sur chaque page, et sur un téléphone
   c'est l'en-tête qui mange l'écran.

   DÉCISION DE GAETAN, 23/10/2026 : on les retire sur smartphone, POUR
   TOUT LE SITE. L'en-tête doit avoir la même hauteur sur toutes les
   pages — une correction qui ne vaudrait que sur les pages d'exercice
   donnerait deux en-têtes différents selon l'endroit où l'on est.

   SOUS 600 px, ET PAS SOUS 768 : le seuil exclut les tablettes en
   portrait. Vérifié que l'iPad reste strictement inchangé, 768x1024 et
   820x1180, sur les deux moteurs.

   NI LE LOGO, NI LE MENU, NI LA COULEUR NE CHANGENT : on ne touche
   qu'au `padding-bottom` de la rangée de recherche.
   ===================================================================== */

@media (max-width: 599px) {
  :root {
    /* Le fond de l'en-tête s'arrête au champ de recherche.
       `8px` en secours : si la variable disparaissait, on retrouverait
       exactement le comportement d'avant. */
    --jr-entete-pad-bas: 0px;
  }
  .header-search { padding-bottom: var(--jr-entete-pad-bas, 8px); }
}