/* Цели нажатия на публичных страницах: лендинги, вход, регистрация.
 *
 * ЗАЧЕМ. Замер 09.09.2026 на телефоне 375x812 показал одно и то же на каждой
 * публичной странице: ссылки шапки и подвала высотой 15-20 точек при норме 44.
 * Главный лендинг - 13 ниже нормы из 17, старый - 15 из 16, три версии - от 14
 * до 30, вход - 6 из 12, регистрация - 9 из 17. Пальцем в такое попадают через
 * раз, а промах по ссылке подвала уводит не туда.
 *
 * ПОЧЕМУ ОБЩИЙ ФАЙЛ, А НЕ ПРАВКА КАЖДОЙ СТРАНИЦЫ. Публичные страницы сверстаны
 * каждая своими стилями прямо в теле страницы, с разными именами классов.
 * Чинить восемь раз одно и то же - множить тот самый разнобой. Поэтому правило
 * цепляется за РАЗМЕТКУ (шапка, подвал, списки ссылок), а не за имена классов:
 * оно работает на любой из них и на девятой, которую напишут завтра.
 *
 * ПОЧЕМУ ПРИЗНАК - СЕНСОРНЫЙ ВВОД, А НЕ ШИРИНА. Планшет в альбоме шире границы
 * телефона (1024 точки), а палец у человека тот же. Ширина 930 (канон
 * платформы) оставлена вторым условием - для узкого окна на настольной машине.
 *
 * ЧЕГО ЗДЕСЬ НАМЕРЕННО НЕТ. Ссылка внутри абзаца текста не трогается: у нее
 * нет отдельной области нажатия, она часть строки, и растягивание сломало бы
 * саму строку. Ширина ссылок в горизонтальном ряду тоже не трогается -
 * расширенные области наложились бы друг на друга, и промах стал бы чаще.
 */

@media (pointer: coarse), (max-width: 930px) {
  /* Высоту даем прозрачным полем вокруг слова, а не размером шрифта: облик
     строки не меняется, меняется область попадания. */
  nav a,
  nav button,
  footer a,
  footer button,
  .footer-column a,
  .footer-bottom a,
  .nav-link,
  .nav-logo,
  /* Приписка под главной кнопкой («Внедряете оценку в компании? Запросить
     демо») - ссылка отдельной строкой, а не внутри абзаца. */
  .hero-note a {
    display: inline-flex;
    align-items: center;
    min-height: var(--size-touch);
  }

  /* Строки подвала стоят вплотную: без этого соседние области попадания
     слипаются, и палец бьет по соседней ссылке. */
  footer li {
    margin-bottom: 0;
  }

  /* В подвале ссылки стоят столбиком, соседей сбоку нет - короткое слово
     («О нас») можно расширить до нормы безопасно. */
  footer li a {
    min-width: var(--size-touch);
  }
}

@media (pointer: coarse), (max-width: 930px) {
  /* Кнопки. Класс удвоен намеренно: почти каждая публичная страница объявляет
     СВОЮ .btn прямо в теле страницы, а стили страницы стоят ниже кита - при
     равной силе побеждают они, и норма до экрана не доезжает. Замер показал
     ровно это: кнопка оставалась ростом 42 при норме 44. Удвоение поднимает
     вес, не прибегая к !important. */
  .btn.btn,
  .btn-primary.btn-primary,
  .btn-secondary.btn-secondary {
    min-height: var(--size-touch);
  }
  /* Показать или скрыть пароль - цель в 32 точки, промах правит текст пароля. */
  .icon-btn.icon-btn,
  .pw-toggle.pw-toggle,
  .eye.eye {
    min-width: var(--size-touch);
    min-height: var(--size-touch);
  }
  /* Ссылки в подписи под формой («Регистрация», «Забыли пароль?», «Войти»,
     ссылки на оферту и согласие) - это не текст абзаца, а отдельные цели.
     Имена взяты с самих экранов входа и регистрации: там своя разметка. */
  .form-footer a,
  .auth-footer a,
  .consent a,
  .form-note a,
  .top__reg a,
  .lblrow a,
  .card__foot a,
  .legal a,
  .consent__offer,
  /* Выдвижное меню и призывы в карточках одной из витрин: там свои имена. */
  .mobile-menu a,
  .m-link,
  .audience-cta {
    display: inline-flex;
    align-items: center;
    min-height: var(--size-touch);
  }
}

/* ЧЕГО ЗДЕСЬ НЕТ И ПОЧЕМУ. Сама галочка согласия остается 13-16 точек: это
   размер знака, а не цели. Нажимают в нее подписью рядом, и подпись большая -
   растягивать сам квадратик до 44 значит ломать строку согласия, а выигрыша
   для пальца не давать. Отдельный заход - привести согласие к примитиву кита
   целиком, вместе с разметкой. */