/* ORA — feuille de style commune (correctifs) */

/* 1. Tactile : supprime le délai et le double-tap zoom sur les éléments
      interactifs (cause classique du « il faut cliquer deux fois »). */
a,
button,
summary,
input,
select,
textarea,
label,
.faq-question,
[role="button"] {
  touch-action: manipulation;
}

/* 2. Sur écran tactile, le survol « colle » après le premier tap et peut
      consommer le tap suivant (comportement iOS/Android). On annule donc les
      effets de survol qui déplacent les éléments. Uniquement sans pointeur fin :
      le rendu sur ordinateur reste identique. */
@media (hover: none), (pointer: coarse) {
  a:hover,
  button:hover,
  .nav a:hover,
  .footer a:hover,
  .footer ul li a:hover,
  .btn:hover,
  .card:hover {
    transform: none !important;
  }
}

/* 3. FAQ : la question se comporte comme un bouton */
.faq-question {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}

/* 4. Zones tactiles du pied de page plus généreuses (cible ≥ 24 px) */
.footer ul li a {
  display: inline-block;
  padding: 5px 0;
}

/* 5. Le menu déroulant de langues reste au-dessus du contenu */
.lang-dropdown {
  z-index: 1000;
}
