/* Минимальный размер цели на сенсорных экранах.
 *
 * Apple HIG и WCAG 2.5.5 требуют не меньше 44×44 pt: пальцем в мелкую ссылку
 * с первого раза не попасть. Правила собраны в отдельный файл и подключаются
 * последними — иначе стили конкретных страниц перебивали бы их по порядку.
 *
 * Проверяется автоматически: scripts/audit_layout.py, проверка «tap».
 */

@media (hover: none), (pointer: coarse) {
  /* Заголовки-ссылки: у них своя типографика, увеличиваем полями.
     display: flex, а не inline-flex — иначе ссылка сжимается по тексту
     и вместо низкой цели получается узкая. */
  .catalog-section__head,
  .vac-card__title,
  .pdp-brand__link,
  /* :not(...) — иначе правило ловит кнопку «Обратная связь» и круглые
     значки соцсетей, и содержимое в них съезжает. */
  .footer__col a:not(.btn):not(.footer__social),
  .cart-row__name,
  .order-card__link,
  .news-card__title,
  .promo-card__title {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-block: var(--sp-2);
  }

  /* Переключатели вкладок и сортировки: растут в высоту целиком. */
  .cat-tile__sub,
  .cat-tile__more,
  .ctab,
  .sort-btn,
  .facet-chip,
  .catalog-sort,
  .cat-tile__toggle,
  .filter-block__more,
  .adm-seg button {
    min-height: 44px;
    padding-block: var(--sp-2);
  }

  /* Полоса подписки в подвале сделана низкой по макету — на телефоне
     поле и кнопка всё равно должны быть нажимаемыми. */
  .footer__subscribe input,
  .footer__subscribe .btn { height: 48px; }

  /* Круглые и квадратные кнопки-иконки: только размер, поля им ни к чему. */
  .cat-tile__toggle,
  .qty button,
  .pdp-gallery__nav,
  .slider__nav,
  .modal__close {
    min-width: 44px;
    min-height: 44px;
  }

  /* Ссылки внутри абзацев не трогаем: там 44 px разорвали бы строку.
     Исключение — ссылки-действия и контакты, которые стоят отдельной строкой:
     по телефону и почте на телефоне жмут чаще всего. */
  .link-action,
  .delivery-partner a,
  .dlv-partner__links a,
  .help-contacts a,
  a[href^='tel:'],
  a[href^='mailto:'] {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-block: var(--sp-2);
  }
}