/* Clavier à l'écran iPadOS 17 — mesuré sur la GT iPad Air 5e gén. (Safari portrait, 2026-10-12) :
   panneau y 844–1180 (toolbar 62 + 4 rangées de 56, pas 64), touches lettre 56 × 56 au pas 67 depuis x 78,
   touches spéciales grises (tab 60, caps lock 88, shift 112 / 89, go bleu 105, espace 386), indices
   (chiffres / symboles) en 11 pt en haut à gauche des lettres ; positions x absolues (pas de marge du panneau :
   la double marge de 8 px décalait toutes les touches, Φ Safari 17 8,1 → 5,3 %), espace blanche. Monté par ios-ipad-keyboard.js sur les
   champs texte en forme tablette ; jamais sur téléphone (le clavier iPhone est un autre chantier). */
#ios-ipad-kbd {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    display: none;
    height: 336px;
    padding: 0;
    box-sizing: border-box;
    font-family: 'SF UI', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #000;
    background: rgb(205, 205, 222);
    user-select: none;
}
#ios-ipad-kbd.is-open { display: block; }
#ios-ipad-kbd .kb-tools {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 62px;
    padding: 0 16px;
    color: #4a4a4f;
    font-size: 22px;
}
#ios-ipad-kbd .kb-tools span { opacity: 0.55; }
#ios-ipad-kbd .kb-row {
    position: relative;
    height: 56px;
    margin: 0 0 8px;
}
#ios-ipad-kbd .kb-key {
    position: absolute;
    top: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 56px;
    padding: 0 0 7px;
    border: 0;
    border-radius: 6px;
    box-sizing: border-box;
    font: inherit;
    font-size: 24px;
    line-height: 1;
    color: #000;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
    cursor: pointer;
}
#ios-ipad-kbd .kb-key:active { background: #e6e6ea; }
#ios-ipad-kbd .kb-key .kb-hint {
    position: absolute;
    left: 8px;
    top: 5px;
    font-size: 11px;
    color: #6d6d72;
}
#ios-ipad-kbd .kb-key--sp {
    font-size: 15px;
    padding-bottom: 6px;
    background: rgb(172, 176, 188);
}
#ios-ipad-kbd .kb-key--sp.kb-key--left { justify-content: flex-start; padding-left: 10px; }
#ios-ipad-kbd .kb-key--sp.kb-key--right { justify-content: flex-end; padding-right: 10px; }
#ios-ipad-kbd .kb-key--go { color: #fff; background: #007aff; justify-content: flex-end; padding-right: 12px; font-size: 15px; }
#ios-ipad-kbd .kb-key--space { font-size: 15px; background: #fff; }
#ios-ipad-kbd .kb-glyph { font-size: 20px; }
/* Décalage du contenu : l'app garde sa hauteur, le clavier la recouvre (comme iPadOS). */

/* Positions en variables (--kb-x / --kb-w, mesurées en portrait 820 px) ; paysage : le clavier s'élargit à la
   largeur de l'écran (--kb-sx = largeur / 820) et ses touches grandissent (68 px, pas 76), comme sur iPadOS. */
#ios-ipad-kbd .kb-key {
    left: calc(var(--kb-x, 0) * var(--kb-sx, 1) * 1px);
    width: calc(var(--kb-w, 56) * var(--kb-sx, 1) * 1px);
}
#ios-ipad-kbd.kb-landscape {
    height: 398px;
}
#ios-ipad-kbd.kb-landscape .kb-tools {
    height: 70px;
}
#ios-ipad-kbd.kb-landscape .kb-row {
    height: 68px;
    margin-bottom: 8px;
}
#ios-ipad-kbd.kb-landscape .kb-key {
    height: 68px;
    font-size: 26px;
}
/* Instance de l'accueil : dans l'écran de l'appareil, au-dessus des apps plein écran (z 70) et sous la barre
   d'accueil. */
#ios-ipad-kbd.kb-in-stage {
    position: absolute;
    z-index: 78;
}
#ios-ipad-kbd.kb-landscape .kb-key--sp,
#ios-ipad-kbd.kb-landscape .kb-key--go,
#ios-ipad-kbd.kb-landscape .kb-key--space {
    font-size: 17px;
}
#ios-ipad-kbd.kb-landscape .kb-key.kb-glyph {
    font-size: 22px;
}

/* §10.81 — Réglages › Clavier : majuscules (Maj / verrouillage), barre prédictive au centre de la barre d'outils. */
#ios-ipad-kbd.kb-upper .kb-key:not(.kb-key--sp):not(.kb-key--space):not(.kb-key--go) { text-transform: uppercase; }
#ios-ipad-kbd .kb-key.is-on { color: #000; background: #fff; }
#ios-ipad-kbd .kb-predict { position: absolute; left: 50%; top: 0; display: flex; gap: 0; height: 100%; opacity: 1; transform: translateX(-50%); }
#ios-ipad-kbd .kb-predict button { min-width: 120px; padding: 0 16px; border: 0; font: inherit; font-size: 17px; color: #000; background: transparent; cursor: pointer; }
#ios-ipad-kbd .kb-predict button + button { border-left: 1px solid rgba(60, 60, 67, 0.25); }
#ios-ipad-kbd.kb-no-predictive .kb-predict { display: none; }
#ios-ipad-kbd .kb-tools { position: relative; }
#ios-ipad-kbd .kb-tools .kb-predict { opacity: 1; }
#ios-ipad-kbd.kb-no-suggestions .kb-predict { display: none; }