/* Clavier "monte du bas" pour les anciens claviers maison intégrés
 * (02/10/2026). Les 78 pages de public/parcours/ construisent
 * chacune leur PROPRE jeu de touches (PADKEYS / PADKEYS_BASE, dans la
 * page ou dans un fichier engine/local/*.js séparé) dans un
 * conteneur `.mathpad` — ce fichier ne touche JAMAIS à ces touches,
 * il transforme seulement la POSITION et le COMPORTEMENT du
 * conteneur : au lieu d'un bloc qui s'ouvre dans la page derrière un
 * lien « Clavier ▾ » (caché par ce fichier, voir plus bas — pas retiré du
 * DOM par scripts/clavier-bas-78-pages.py : certaines pages pilotent ce
 * bouton en JS par son id, ex. parcours-initiation-scratch.html),
 * il glisse depuis le bas de l'écran comme le clavier de l'iPhone,
 * exactement comme public/shared/clavier-maths.css (clavier plus
 * récent, sur d'autres pages, non concerné par ce fichier).
 *
 * Couleurs en dur (pas de var(--...)), même choix que clavier-maths.css
 * et topbar.css : les familles de pages du site ne définissent pas
 * toutes les mêmes variables CSS.
 */

.mathpad {
  /* Conserve `display: grid` (et sa variante flex éventuelle) définie
     par chaque page — seule la POSITION change ici. `!important`
     nécessaire pour gagner sur la règle historique
     `.mathpad.collapsed{display:none}` de chaque page, qui servait à
     cacher le clavier avant ce chantier (on la neutralise plutôt que
     de modifier 78 fichiers CSS à la main) : le conteneur reste
     affiché en permanence, c'est le `transform`/`visibility`
     ci-dessous qui le sort de l'écran quand il est fermé. */
  display: grid !important;
  position: fixed !important;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto !important;
  background: #FFFDF6;
  padding: 10px 10px calc(10px + env(safe-area-inset-bottom));
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -6px 14px rgba(92, 61, 46, .16);
  /* Au-dessus de la barre basse de navigation (#mc-barre-basse,
     parcours/engine/barre-basse.css, z-index 9000), même valeur que
     clavier-maths.css. */
  z-index: 9500;
  max-height: 48vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translateY(110%);
  visibility: hidden;
  transition: transform .22s ease;
}
.mathpad:not(.collapsed) {
  transform: translateY(0);
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .mathpad { transition: none; }
}

/* Lien « Clavier ▾ » (et ses variantes « Symboles ▾ », etc.) :
   scripts/clavier-bas-78-pages.py retire le bouton statique des 78
   pages ; cette règle couvre en plus les boutons reconstruits
   dynamiquement par les fichiers engine/local/*.js que le script ne
   touche pas (ex. buildMathPad relancé pour une nouvelle question).
   Ciblé par onclick (togglePad / padToggleClick, les deux noms de la
   fonction historique selon la page) et non par la seule classe
   `.pad-toggle` : cette classe est aussi réutilisée par au moins un
   bouton sans rapport avec le clavier (« 🧮 Utiliser le tableau ▾ »,
   parcours-aires-volumes-5eme.html), qui doit rester visible. */
.pad-toggle[onclick^="togglePad("],
.pad-toggle[onclick^="padToggleClick("] {
  display: none !important;
}