/**
 * MOBILE POLISH — Améliorations transverses pour mobile
 * À charger sur toutes les pages pour un feeling "app-like"
 */

/* Éviter le délai de 300ms au tap sur iOS + pas de highlight bleu */
button, a, [role="button"], .btn, input[type="button"], input[type="submit"] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Empêcher les images de déborder */
img { max-width: 100%; height: auto; }

/* Scroll fluide sur iOS */
html { -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }

/* Meilleure lecture mobile : line-height généreux */
p, li { line-height: 1.65; }

/* Touch targets minimum 44x44 (règle Apple WCAG) sur tous les boutons/liens */
@media (max-width: 768px) {
  button, .btn, input[type="button"], input[type="submit"] {
    min-height: 44px;
  }
}

/* Pas de sélection de texte sur les boutons (évite les sélections accidentelles) */
button, .btn { user-select: none; -webkit-user-select: none; }

/* Éviter le scroll horizontal accidentel */
html, body { overflow-x: hidden; max-width: 100vw; }

/* Safe area pour iPhone X+ (encoche) */
body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }