/* ============================================================================================
   Подвал дизайн-системы (UX-2.7): колонки ссылок, зона выезда и реквизиты исполнителя.
   Подключается на сайте после ds-shell.css и до ds-dark.css. Только переменные токенов (псевдонимы style.css), без цветовых
   литералов, !important и внешних адресов. Фон подвала (--slab) и цвета текста (--on-slab, --on-slab-muted) задаёт style.css, раздел 3;
   в тёмной теме эти же переменные переопределяет ds-dark.css, поэтому отдельных правил для неё здесь нет.
   Нижний отступ под закреплёнными панелями телефона даёт body (ds-shell.css, раздел 2), подвал за панелями не прячется.
   ============================================================================================ */

/* Названия колонок: у «Связаться», «Сайт», «Куда выезжаем», «Услуг» и «Памяток» один вид. */
footer .footer-guides-title { color: var(--on-slab-muted); font-size: 12px; font-weight: 600; letter-spacing: 0.06em; line-height: 16px; margin: 0 0 var(--sp-6); text-transform: uppercase; }
footer :is(.footer-links, .footer-guides, .footer-contacts) a { color: var(--on-slab-muted); font-size: 14px; line-height: 20px; text-decoration: none; }
footer .footer-contacts a { color: var(--on-slab); font-weight: 600; }
footer :is(.footer-links, .footer-guides, .footer-contacts) a:hover { color: var(--on-slab); text-decoration: underline; text-underline-offset: 3px; }
footer a:focus-visible { border-radius: var(--radius-xs); box-shadow: var(--focus-ring); outline: 2px solid transparent; }

/* Зона выезда под строкой о компании. */
footer .footer-coverage { margin-top: var(--sp-16); }
footer .footer-coverage p:not(.footer-guides-title) { color: var(--on-slab-muted); font-size: 13px; line-height: 19px; margin: 0; max-width: 330px; }

/* Реквизиты: отдельная строка на всю ширину подвала, мелким приглушённым текстом; ссылки внутри остаются подчёркнутыми. */
footer .footer-requisites { border-top: 1px solid var(--slab-line); color: var(--on-slab-muted); font-size: 12px; grid-column: 1 / -1; line-height: 18px; padding-top: var(--sp-16); }
footer .footer-requisites > * { margin-block: 0; }
footer .footer-requisites > * + * { margin-block-start: var(--sp-4); }
footer .footer-requisites a { color: var(--on-slab); text-decoration: underline; text-underline-offset: 3px; }

/* Телефон: ссылки колонок со зоной касания не меньше 44 px (токен hit-min). */
@media (max-width: 720px) {
  footer :is(.footer-links, .footer-guides, .footer-contacts) a { min-height: var(--hit-min); }
}