/* ══════════════════════════════════════════════════════════════════════════
   ANTI-ZOOM AU FOCUS — champs de saisie sur écrans tactiles
   ══════════════════════════════════════════════════════════════════════════
   Retour prod Lucas (2026-07-20) : « bug d'affichage, ça zoome quand je clique
   dessus » sur le champ des initiales.

   CAUSE, et elle est générale : iOS Safari zoome AUTOMATIQUEMENT sur tout
   champ dont la police est inférieure à 16 px, et ne redézoome jamais tout
   seul — la page reste agrandie, décalée, et le client doit pincer pour
   revenir. Ce n'est donc pas un bug du bloc gravure : c'était TOUS les champs
   du site (initiales 14,4 px, mesures sur-mesure 14,4 px, pays 14,7 px,
   partage 12,5 px… et les formulaires du tunnel de commande).

   RÈGLE : sous 900 px de large, tout champ focusable passe à 16 px — la seule
   valeur qui désarme le zoom iOS. La police d'AFFICHAGE du site n'est pas
   concernée : uniquement les champs de saisie.

   ⚠️ Volontairement sur la largeur SEULE, sans `pointer: coarse` : certains
   appareils tactiles déclarent un pointeur fin (iPad avec clavier, navigateurs
   embarqués), et le zoom frapperait quand même. Une fenêtre desktop étroite
   affichera des champs à 16 px — inoffensif, et ça rend la règle vérifiable
   en préversion au lieu de reposer sur un appareil réel.
   ⚠️ À ne jamais « optimiser » à 15,9 px : le seuil iOS est strict.
   Chargé globalement par store/templates/base.html.

   ⚠️ POURQUOI `!important` (correctif 2026-07-21) — la règle ne tenait qu'à
   moitié. La chaîne `input:not(…):not(…)` pèse cinq sélecteurs d'attribut :
   elle battait donc par accident toute règle à classe unique
   (`.lc-cartmono-input`, `.lc-gc-input`…) et les CHAMPS TEXTE étaient bien
   protégés. Mais `select` et `textarea` ne pèsent qu'un sélecteur de type :
   la moindre classe (`.quantity-select`, `.option-select`,
   `.lc-cart-customs-select`) reprenait la main, et TOUS les menus déroulants
   du site zoomaient encore — mesuré 13,12 px sur les sélecteurs du panier.
   Le garde ne doit pas dépendre d'un accident de spécificité : `!important`
   le rend autoritaire, sur les trois types, sans exception possible.
   Corollaire : plus jamais de `font-size` sous 16 px sur un champ en dessous
   de 900 px — inutile d'essayer, la règle gagne (c'est le but).
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]),
  select,
  textarea {
    font-size: 16px !important;
  }
}