/* Correctifs d'affichage du site statique (parc #2045, décisions de Xen du 05/11). L'apparence générale reste celle du
   WordPress : on rend seulement le menu lisible et utilisable, et les numéros cliquables. Ajoutée en dernier dans chaque
   page par scripts/extraire.mjs ; contrôlée par tests/menu-audit.mjs. */

/* Numéros de téléphone (liens tel:, en-tête, pied de page, blocs « Téléphone », mentions légales) : zone de toucher de
   16 à 42 px de haut portée à 44 px au moins, par un rembourrage compensé par une marge négative (la ligne ne bouge pas) */
a[href^="tel:"] { display: inline-block; padding-block: 16px; margin-block: -16px; white-space: nowrap; }

/* Méga-menu « Activités », tablette et écrans tactiles : premier niveau à 26 px de haut et liens du panneau à 20 px
   (zone de toucher trop petite) : portés à 44 px, même texte, même police, mêmes couleurs */
@media (pointer: coarse) {
  nav.e-n-menu .e-n-menu-title { min-height: 44px; }
  nav.e-n-menu .e-n-menu-content nav.elementor-nav-menu--main a.elementor-item { min-height: 44px; box-sizing: border-box; display: flex; align-items: center; }
}

/* Menu, téléphone : entrées de moins de 44 px de haut (zone de toucher trop petite) */
nav.elementor-nav-menu--dropdown a.elementor-item,
nav.elementor-nav-menu--dropdown a.elementor-sub-item { min-height: 44px; box-sizing: border-box; display: flex; align-items: center; }

/* Focus clavier visible dans les menus */
.elementor-nav-menu a:focus-visible, .elementor-menu-toggle:focus-visible,
nav.e-n-menu a:focus-visible, nav.e-n-menu .e-n-menu-dropdown-icon:focus-visible,
.main-navigation a:focus-visible, .main-navigation .menu-toggle:focus-visible { outline: 2px solid #ff6a13; outline-offset: 2px; }

/* Page 404 (thème GeneratePress), téléphone : le logo ne doit pas dépasser de l'écran */
@media (max-width: 768px) {
  .site-header .site-branding-container { max-width: 100%; min-width: 0; flex-wrap: wrap; }
  .site-header .site-logo { max-width: 100%; min-width: 0; }
  .site-logo img.header-image { max-width: 100%; width: auto; height: auto; }
  .main-navigation.toggled .main-nav ul ul a { min-height: 44px; display: flex; align-items: center; box-sizing: border-box; }
}