/* ═══ ШАР ПАЛЬЦЯ ═════════════════════════════════════════════════════════
   Останній підключений аркуш. Не додає жодного вигляду — лише доводить
   дрібні органи керування до розміру, у який можна влучити пальцем.

   ЧОМУ ОКРЕМИМ ФАЙЛОМ, А НЕ ПРАВКАМИ НА МІСЦІ. Правки на місці означали б
   десять різних файлів, у кожному по одному числу, і жодного місця, де
   видно правило цілком. Через півроку одинадцятий орган керування
   зʼявиться без цієї правки, і ніхто не згадає, що вона взагалі є.

   ЧОМУ `hover: none`, А НЕ ШИРИНА. Планшет — це 768-1024 px, тобто
   «широкий екран» за будь-якою міркою, але палець на ньому такий самий,
   як на телефоні. І навпаки: вузьке вікно браузера на десктопі — це
   миша, і роздувати там кнопки нема за що. Питаємо про вказівник.

   ЧОМУ 40, А НЕ 44. 44 — це рекомендація Apple для окремо стоячої
   кнопки. Тут же йдеться про смуги вкладок і фільтрів, де кнопки стоять
   впритул рядами: 44 розсовує ці смуги в другий рядок і псує розкладку
   заради двох пікселів. 40 з полями по боках дає ту саму влучність без
   перебудови екрана. Нижня межа перевірки — 32.

   СПИСОК ІМЕН — ЦЕ ЦІНА того, що спільного класу в цих кнопок немає.
   Тримає його чесним `scripts/site/app_responsive_check.py`: усе нове й
   дрібне він знайде на наступному ж прогоні.
   Виміряно 2026-08-10: композер, студія, календар, вхідні, пости, акаунт. */

@media (hover: none) {

  /* Смуги вкладок і фільтрів. Висоту дає min-height, а не збільшений
     відступ: відступ поїхав би і вшир, а ці кнопки стоять рядами. */
  .cmp-tab,
  .cat-tab,
  .pf-tab,
  .pf-sort-b,
  .ac-seg-b,
  .ib-chip,
  .cmpz-gallery-toggle,
  .cmpz-card-try,
  .st-recent-toggle,
  .cal-day-add {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Капсули в рядку дії — там уже є свій відступ, додаємо лише висоту. */
  .cmpz-chip { min-height: 40px; }

  /* Круглі кнопки-іконки: ростуть в обидва боки, інакше стануть овалом. */
  .ib-poll-btn { min-width: 40px; min-height: 40px; }

  /* Прапорці й радіо браузер малює 13×13 — це його типовий розмір, а не
     чиєсь рішення. Пальцем у нього не влучити ніде, тож піднімаємо
     скрізь, а не по одному екрану. */
  input[type="checkbox"],
  input[type="radio"] { width: 20px; height: 20px; }

  /* Посилання-підказки під полями («Налаштування», «Політика») — це
     самостійні дії, а не слова всередині речення. Відступ дає ціль,
     від'ємне поле повертає рядок на місце, щоб підказка не роз'їхалась. */
  .cmp-net-hint a,
  .hint > a,
  .note > a { display: inline-block; padding: 12px 0; margin: -12px 0; }
}