/* -----------------------------------------------------------------------------
   nevaone-mobile.css — corrections d'ergonomie mobile mesurées au navigateur.

   Chargée après responsive.css, sur toutes les pages. Chaque règle répond à un
   défaut constaté sur un téléphone réel (390 px et 360 px de large), jamais à
   une impression. Le thème n'est pas modifié : tout est ici, donc reversible.
----------------------------------------------------------------------------- */

/* 1. Zone tactile du bouton de menu.

   Le thème fige ce bouton à 22 x 14 px (.navbar-toggler{width:22px;height:14px}),
   très en dessous des 24 x 24 px minimum recommandés, alors que c'est la
   commande la plus utilisée du site sur téléphone. Un rembourrage ne peut pas
   l'agrandir : sa taille est imposée et son contenu est positionné en absolu.

   On étend donc la surface cliquable par un pseudo-élément, qui ne prend aucune
   place dans le flux : les trois barres ne bougent pas d'un pixel, mais le doigt
   dispose de 48 x 48 px. Le bouton est déjà en position:relative, et le thème
   n'utilise aucun pseudo-élément dessus. */
@media (max-width: 991px) {
  .navbar-toggler::after {
    content: "";
    position: absolute;
    left: -13px;
    right: -13px;
    top: -17px;
    bottom: -17px;
  }
}