/* Zones tactiles de 44 px (F12) et paysage compact (F14) — lb-v37, version 2.1.0. AFFICHAGE SEULEMENT.
   Fichier chargé EN DERNIER (après menu.css) par grec.html et hebreu.html, et après auth.css par index.html :
   il ne fait que corriger des tailles, il ne touche à aucune fonction ni à aucune donnée.
   Pour l'annuler : retirer les trois balises <link> et la ligne de sw.js (CORE). */

/* =====================================================================================
   F12 — Zones tactiles d'au moins 44 px de haut, SUR ÉCRAN TACTILE SEULEMENT
   (@media (pointer:coarse) : un PC avec souris ne change pas d'un pixel).
   ===================================================================================== */
@media (pointer:coarse){
  /* Boutons, listes déroulantes, champs de saisie et fichiers */
  button,select,
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]){min-height:44px}
  .focus-seg button{min-height:44px}          /* barre du mode Focus (le cadre gris passe de 4 à 2 px : même hauteur totale) */
  .focus-seg{padding:2px}

  /* Cases à cocher : toute la ligne est touchable (étiquette de 44 px, case centrée) */
  label.choice,label.multiPickOption,.phrase-level-options label{display:flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box}

  /* Titres repliables (« Indice », « Provenance », « Ajouter un contenu »… ; le marqueur ▸ est gardé) */
  summary{min-height:44px;box-sizing:border-box}
  .card details > summary,details.addBox > summary,details.grammar-hint > summary{padding-top:10px;padding-bottom:10px}

  /* Liens : menu latéral, liste des tableaux de référence */
  body.has-menu .sidebar-home{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px;margin-bottom:6px}
  body.has-menu .sidebar-lang a{display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}
  .tableaux-subnav a{display:flex;align-items:center;min-height:44px;box-sizing:border-box}

  /* Installer l'appli, Se connecter (menu, accueil) */
  .pwa-btn,.pwa-link,.acc-btn{min-height:44px;box-sizing:border-box}
  body.has-menu .sidebar-foot .pwa-btn,body.has-menu .sidebar-foot .acc-btn{display:flex;align-items:center;justify-content:center}
}

/* =====================================================================================
   F14 — Écran bas (téléphone en paysage) : moins de place perdue avant la carte.
   Mesuré avant : barre 57 px + marge 32 px + Réglages 64 px avant la carte du grec.
   ===================================================================================== */
@media (max-height:500px){
  /* Barre du haut : 44 px de contenu (le bouton ☰ et « Focus » gardent leurs 44 px tactiles) */
  body.has-menu .appbar{min-height:44px;padding:0 12px;padding-top:env(safe-area-inset-top);gap:8px}
  /* Moins de marge avant la carte (hors mode Focus, qui a ses propres règles) */
  body.has-menu:not(.focus) main{padding-top:8px;padding-bottom:20px}
  details.rg{margin-bottom:8px}
  details.rg > summary{min-height:44px}
  body.has-menu:not(.focus) .panel > .row{margin-top:6px;margin-bottom:6px}
  /* Mode Focus : barre compacte (4 px de cadre en moins, pas d'espace en haut) */
  body.focus .focus-bar{padding-top:calc(2px + env(safe-area-inset-top))}
  body.focus .focus-row{margin-bottom:2px}
  body.focus .focus-seg{padding:0}
  body.focus .focus-track{height:3px}
  body.focus main{padding-top:calc(58px + env(safe-area-inset-top))}
}