/*
 * iOS (Safari et tous les navigateurs WebKit de l'iPhone) zoome
 * automatiquement sur un champ dont la police calculée est < 16 px.
 *
 * Sur iPhone uniquement, on force 16 px sur les champs éditables :
 * - @supports (-webkit-touch-callout) ne vise qu'iOS ;
 * - la media query exclut iPad, desktop et tablettes (petit écran
 *   tactile en portrait, ou faible hauteur en paysage).
 *
 * Le zoom manuel reste intact (aucun maximum-scale ni user-scalable).
 * !important l'emporte sur les tailles des feuilles de style des
 * modules. Les champs volontairement plus grands (montant de virement,
 * codes) sont exclus et gardent leur taille.
 *
 * Fichier statique (public/) : servi tel quel, sans transpilation, pour
 * que la syntaxe max-width reste comprise par les anciennes versions
 * d'iOS. Lié depuis index.html.
 */
/*
 * Zoom au passage d'un champ à l'autre, clavier ouvert : quand le
 * clavier est affiché, le premier toucher sur le champ suivant est
 * souvent absorbé (barre de suggestions, perte de focus) et le second
 * est interprété comme un double-tap, donc comme un zoom.
 * touch-action: manipulation supprime uniquement le zoom par double-tap :
 * le pincement (zoom manuel d'accessibilité) et le défilement restent
 * possibles. Sans effet sur desktop (souris).
 *
 * text-size-adjust: 100 % empêche iOS d'agrandir lui-même le texte.
 */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: manipulation;
}

@supports (-webkit-touch-callout: none) {
  @media (pointer: coarse) and (max-width: 500px),
    (pointer: coarse) and (max-height: 500px) {
    input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']):not([type='color']):not([type='button']):not([type='submit']):not([type='reset']):not([type='image']):not([type='hidden']):not(.transfer-amount-field input):not(.verify-email-code-field input):not(.transfer-code-field input),
    textarea,
    select,
    [contenteditable='true'] {
      font-size: 16px !important;
    }
  }
}
