/* Мобильный UX: убираем «дёрганье» вьюпорта на телефонах и планшетах
   (мандат владельца 2026-09-07).

   Две РАЗНЫЕ причины, лечатся по-разному:

   1) АВТОЗУМ ПРИ ФОКУСЕ. iOS Safari принудительно приближает страницу, когда
      фокус попадает в поле с размером шрифта МЕНЬШЕ 16px, и обратно сам не
      отдаляет — страница остаётся «уехавшей». Лечится единственным способом:
      шрифт в поле >= 16px. У нас поля были 12–14.5px (профиль, поддержка,
      студия, редактор автора, коллекции, избранное), поэтому зумило почти везде.

   2) ЗУМ ПО ДВОЙНОМУ ТАПУ. Браузер ждёт ~300 мс второй тап, а на двойном
      увеличивает страницу. Лечится touch-action:manipulation — двойной тап
      перестаёт масштабировать, обычные тапы, скролл и щипок остаются.

   ЧЕГО ЗДЕСЬ СОЗНАТЕЛЬНО НЕТ: user-scalable=no / maximum-scale=1 в viewport.
   Это самый быстрый способ, но он отбирает у пользователя щипковый зум —
   нарушение WCAG 1.4.4 и барьер для людей со слабым зрением; вдобавок Safari
   его местами игнорирует. Мы убираем ПРИЧИНЫ нежелательного зума, а
   намеренный зум пальцами оставляем рабочим.

   Правила действуют только на сенсорных экранах (pointer:coarse) до 1024px —
   десктопную типографику это не трогает. */

@media (pointer: coarse) and (max-width: 1024px) {

    /* 1. Поля ввода: минимум 16px — порог, ниже которого iOS зумит.
       max(16px, 1em) поднимает ТОЛЬКО мелкие поля: крупные (промт главной,
       поля инструментов на 19–22px) остаются как были.

       Почему !important. Размеры полей заданы правилами страниц вида
       «:where(.v2pg-support) .sp-form textarea» (класс + элемент) и «.sortsel»,
       которые перебивают голый селектор; порядок подключения не спасает —
       no-zoom.css грузится РАНЬШЕ bento.css. Часть полей при этом вообще без
       класса, так что накрутить вес селектором надёжно не выйдет. Автозум
       уводит вёрстку всей страницы, а это правило меняет ровно один параметр
       и только на сенсорных экранах — цена оправдана. */
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    textarea,
    select,
    [contenteditable="true"] {
        font-size: max(16px, 1em) !important;
    }

    /* 2. Двойной тап больше не масштабирует. Ставим на интерактив, а не на
         весь документ: на body это местами ломает инерционный скролл в
         Safari. Щипок двумя пальцами продолжает работать везде. */
    a, button, summary, label,
    input, textarea, select,
    [role="button"], [role="tab"], [role="option"],
    .abtn, .btn, .ibtn, .tabbtn, .copybtn, .chip, .tag,
    .sidelink, .option, .v2-back, .prompt-btn, .lang-select-btn {
        touch-action: manipulation;
    }

    /* 3. iOS сам увеличивает кегль в «узких» блоках при повороте экрана —
         текст скачет после смены ориентации. Фиксируем. */
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
}