/* ==========================================================================
   style_commun.css — Règles communes au site public ET à l'administration.
   Chargé juste après style_public.css / style_admin.css (donc avant les
   couleurs personnalisées du club, qui gardent la priorité).

   But : mêmes polices, mêmes tailles, et des zones de clic confortables
   au doigt (mobile, tablette) comme à la souris (PC).
   Règle d'or : un contrôle n'a jamais un texte sous 0,78rem (~12,5px)
   et, sur écran tactile, jamais une hauteur sous 44px.
   ========================================================================== */

:root {
  --touch-min: 44px;      /* hauteur minimale d'une zone cliquable au doigt */
  --touch-min-sm: 36px;   /* petites actions en tableau (modifier, supprimer) */
}

/* 1. Les contrôles natifs prennent la police du site (sinon Arial par défaut) */
button, input, select, textarea { font-family: inherit; }

/* 2. Textes des boutons et onglets : taille identique sur tous les écrans
      (les anciennes règles mobiles les faisaient descendre à 11px) */
.btn { font-size: .8rem; }
.btn-xs { font-size: .75rem; }
.tab-btn, .admin-tab { font-size: .78rem; }

/* 3. Écrans tactiles et petits écrans : zones de clic confortables */
@media (max-width: 768px), (pointer: coarse) {
  .btn, .tab-btn, .admin-tab, .sd-btn, .admin-hamburger {
    min-height: var(--touch-min);
  }
  .btn-xs, .btn-icon-edit-sm, .struct-del-btn {
    min-height: var(--touch-min-sm);
    min-width: var(--touch-min-sm);
  }

  /* Champs de saisie : 16px évite le zoom automatique d'iPhone au clic */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
  select, textarea {
    font-size: 1rem;
    min-height: var(--touch-min);
  }
  /* Cases à cocher et boutons radio : plus faciles à toucher */
  input[type="checkbox"], input[type="radio"] { width: 1.25rem; height: 1.25rem; }
}