/* ---------------------------------------------------------------------------
   Mobile tap targets — skladservice.by
   ---------------------------------------------------------------------------
   Проблема: ссылки в подвале имели высоту 23 px, теги в карточках сценариев —
   31 px. Это ниже минимума WCAG 2.2 AA (24x24) и заметно ниже рекомендации
   Google для сенсорных целей (44–48 px).

   Решение: правило применяется ТОЛЬКО на сенсорных экранах и узких вьюпортах,
   поэтому компактный вид подвала на десктопе сохраняется.

   !important нужен, потому что селекторы Astro имеют атрибутные уточнения
   ([data-astro-cid-...]) и по специфичности выше, чем селекторы этого файла.
--------------------------------------------------------------------------- */

@media (max-width: 900px), (pointer: coarse) {

  /* --- Подвал: списки ссылок, телефоны, почта, документы --- */
  .site-footer__column a,
  .site-footer__phone,
  .site-footer__bottom a,
  .site-footer__brand a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    box-sizing: border-box !important;
  }

  /* --- Теги услуг в карточках сценариев --- */
  .scenario-card > div a,
  .scenario-card a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding-left: 0.9rem !important;
    padding-right: 0.9rem !important;
    box-sizing: border-box !important;
  }

  /* --- Телефон на панели квиза --- */
  .quiz-panel__phone {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
  }

  /* --- Хлебные крошки: ссылка «Главная» --- */
  nav[aria-label="Хлебные крошки"] a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
  }

  /* --- Плашка раздела в списках услуг (если встречается мелкой) --- */
  .related-card a,
  .related-list a {
    display: inline-flex !important;
    align-items: center !important;
  }
}