/* App installée sur iPhone : comportements natifs, chargé sur toutes les pages via views/components/pwa-head.php.
   Les marges de l'encoche et de la barre d'accueil propres à chaque écran sont dans chat.css / sales.css. */

/* Pas de flash gris au toucher, pas de grossissement auto du texte en paysage */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Encoche en paysage : le contenu ne passe pas dessous */
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}

/* Safari zoome sur tout champ en dessous de 16px : on reste à 16px sur téléphone */
@media (max-width:767px){
  input:not([type="checkbox"]):not([type="radio"]),textarea,select{font-size:16px!important}
}

/* Fenêtre ouverte (sidebar.js, dimSystemBars) : Safari teinte ses barres du haut et du bas avec le fond
   de la page, qui doit prendre la couleur du voile (crème sous rgba(12,16,35,.5)) */
html.modal-dim,html.modal-dim body{background-color:#818086}

/* Lancée depuis l'écran d'accueil : plus d'élastique sur la page, plus de menu « copier / ouvrir le lien »
   sur les boutons et l'interface. Le texte des réponses reste sélectionnable. */
@media (display-mode:standalone){
  html,body{overscroll-behavior:none}
  button,[role="button"],nav a,img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
}