/* =====================================================================
   Aquazen — chrome de site (en-tete et pied de page Kadence)
   Version 1.1.0, 02/09/2026.

   Portee : uniquement l'en-tete et le pied fournis par Kadence. Le corps
   des pages est peint par apesanteur.css, cantonnee a .az-page ; le tunnel
   par habillage_tunnel.css. Cette feuille ne recouvre ni l'un ni l'autre.

   Aucune valeur de couleur, et aucune mesure inventee : la gouttiere et la
   largeur utile sont reprises aux jetons du canon (--grille-marge,
   --grille-conteneur), ceux-la memes que consomme .az-conteneur. La regle
   « aucune valeur hexadecimale hors du bloc des jetons » reste entiere.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. Gouttiere. Mesure au navigateur a 1280 px : le contenu commence a
   48 px du bord, l'en-tete et le pied etaient a 0 — « Panier » finissait
   exactement sur l'arete de la fenetre. On les aligne sur la meme regle
   que le corps, au lieu de leur donner une valeur propre.
   --------------------------------------------------------------------- */
/* La rangee d'en-tete est en position: fixed (classe `child-is-fixed`) : elle
   echappe a la marge de son parent. On vise donc le conteneur INTERIEUR, celui
   qui porte reellement le contenu, dans l'en-tete comme dans le pied. */
#main-header .site-container,
#mobile-header .site-container,
#colophon .site-container {
  max-width: var(--grille-conteneur);
  margin-inline: auto;
  padding-inline: var(--grille-marge);
}

/* ---------------------------------------------------------------------
   2. Cibles tactiles. Mesure au navigateur a 360 px de large (innerWidth
   confirme) : les liens du pied et le nom de la maison tombaient a 31-32 px
   de hauteur, sous le plancher de 44 px. C'est la ZONE qui grandit, jamais
   le texte — le corps de caractere du canon n'est pas touche.
   --------------------------------------------------------------------- */
@media (max-width: 1024px) {

  #colophon .widget-area ul.menu > li > a,
  #colophon .widget-area ul.sub-menu > li > a {
    display: flex;
    align-items: center;
    min-height: 44px;
  }

  #mobile-header .site-title a,
  #mobile-header .site-branding a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  #mobile-header .menu-toggle-open {
    min-height: 44px;
    min-width: 44px;
  }
}