/* AidFacile : confort tactile sur téléphone.
   Les repères d'accessibilité demandent 44 px de haut minimum pour tout
   élément que l'on touche du doigt. Cette feuille ne change ni les
   couleurs, ni les tailles de texte, ni la mise en page : elle ajoute
   seulement de la marge autour des commandes trop petites.
   Elle ne s'applique qu'en dessous de 760 px de large. */

@media (max-width: 760px) {

  /* En-tête */
  header a,
  .btn-faq,
  .btn-apropos,
  .btn-search-mobile,
  .header-search-toggle,
  .header-search-close {
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .btn-faq,
  .btn-apropos {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  /* Retour et lien vers le guide, en haut de page */
  .page-back,
  .page-guide {
    min-height: 44px;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  /* Fil d'Ariane */
  .breadcrumb a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 2px;
  }

  /* Signaler une erreur, date de vérification, temps de lecture */
  .report-error-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 0 4px;
  }

  /* Colonne de droite : liens courts vers les guides et les outils */
  .sidebar a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  .sidebar a.sidebar-mini-link {
    align-items: flex-start;
  }

  /* Pied de page */
  footer a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 4px;
  }

  /* Réponses et options cliquables du parcours */
  .option-btn,
  .theme-card,
  .step2-choice,
  .directory-card,
  .guide-subpage-card,
  .faq-q,
  .faq-question {
    min-height: 48px;
  }

  /* Cases à cocher : plus grandes, avec une zone de contact confortable */
  input[type="checkbox"],
  input[type="radio"] {
    min-width: 26px;
    min-height: 26px;
    transform: scale(1.1);
    transform-origin: center;
  }
  label:has(input[type="checkbox"]),
  label:has(input[type="radio"]) {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }

  /* Champs de saisie */
  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="tel"],
  select,
  textarea {
    min-height: 44px;
    font-size: 16px; /* en dessous de 16px, l'iPhone zoome tout seul */
  }

  /* Lisibilité : plus rien en dessous de 13 px, et 14 px pour le texte suivi.
     Ton public voit mal, du 11 px sur un téléphone est illisible. */
  small,
  .right-desc,
  .sidebar small,
  .sidebar-mini-link small {
    font-size: 14px !important;
    line-height: 1.5;
  }
  .eyebrow,
  .step-badge,
  .tag-urgent,
  .tag-important,
  .tag-utile,
  .badge,
  .kicker {
    font-size: 13px !important;
  }

  /* Espacement entre deux liens voisins, pour ne pas taper à côté */
  .footer-links a + a,
  .breadcrumb a + a {
    margin-left: 4px;
  }
}