/* ============================================================
   mobile-polish.css — Africa Post (v2 conservateur)
   Règles strictement mobile (@media ≤ 768px uniquement).
   Zéro règle globale pour éviter les effets de bord.

   CE FICHIER EST CELUI QUE LE SITE CHARGE. Le modifier suffit.

   Jusqu'au 2026-08-30 les pages chargeaient une copie minifiée
   maintenue à la main, et ce fichier-ci n'était lu par personne :
   on pouvait l'éditer sans que rien ne change à l'écran, sans la
   moindre erreur pour le signaler. La copie a été supprimée — il
   n'y a plus qu'un seul fichier, et c'est celui-ci. Les 800 octets
   économisés par la minification ne valaient pas ce piège.
   ============================================================ */

@media (max-width: 768px) {

  /* Inputs 16px — empêche le zoom auto iOS et améliore la lisibilité
     Android. Scopé aux inputs texte uniquement pour ne pas casser
     les checkbox/radio. */
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  input[type="url"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input:not([type]),
  select,
  textarea {
    font-size: 16px !important;
  }

  /* Touch target 48x48 — sur les boutons d'action AP. */
  .btn,
  .btn-primary,
  .btn-ghost,
  .btn-green,
  .btn-orange,
  .btn-submit,
  .btn-action,
  .btn-payer,
  .btn-rdv,
  .btn-devis {
    min-height: 48px;
  }

  /* Feedback tactile + suppression délai 300ms. Tap-highlight vert AP. */
  a, button, [role="button"], input[type="submit"], input[type="button"] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(5, 150, 105, 0.18);
  }

  /* Images responsives — pas d'overflow */
  img {
    max-width: 100%;
    height: auto;
  }
}