/* 416: контакты подвала. Плоско: без градиентов, теней и объёма; один размер значков и одна
   рамка для всех каналов. Файл подключается напрямую, поэтому косметика не требует пересборки
   общего пакета dist. */

/* Пять каналов должны уместиться в один ряд рядом с логотипом: 5 × 40 + 4 × 10 = 240 пикселей. */
.site-footer .gtyres-footer-social {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: max-content;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.site-footer .gtyres-footer-social li { margin: 0; }
.site-footer .gtyres-footer-social__link {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #474747;
    border-radius: 50%;
    background: transparent;
    color: #f4f4f4;
    text-decoration: none;
    transition: border-color 180ms, background-color 180ms;
}
.site-footer .gtyres-footer-social__link:hover {
    border-color: #ef625c;
    background: #ffffff0c;
}
.site-footer .gtyres-footer-social__link:focus-visible {
    outline: 2px solid #ff817a;
    outline-offset: 3px;
}
.site-footer .gtyres-footer-social .gt-footer-icon {
    width: 22px;
    height: 22px;
    color: inherit;
}
/* 425: у канала без брендового знака в кружке стоит его имя буквами — так MAX узнаётся. */
.site-footer .gtyres-footer-social__mark {
    font: 700 11px/1 Montserrat, Arial, sans-serif;
    letter-spacing: 0.04em;
    color: inherit;
    text-transform: uppercase;
}

/* Название канала нужно чтению с экрана и поиску, но не занимает место в ряду значков. */
.site-footer .gtyres-footer-social__name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

/* 425: подпись и номер не помещались в ширину колонки и вылезали за правый край кнопки.
   Строка переносится целыми частями, а не обрезается и не ужимается шрифтом: при узкой колонке
   номер уходит на вторую строку и остаётся внутри отступов. */
.site-footer .gtyres-footer-call {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    row-gap: 2px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 12px 16px;
    border: 0;
    border-radius: 3px;
    background: #dc0100;
    color: #fff;
    font: 600 15px/1.25 Montserrat, Arial, sans-serif;
    letter-spacing: 0.02em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 180ms;
}
.site-footer .gtyres-footer-call:hover { background: #b30100; }
.site-footer .gtyres-footer-call:focus-visible {
    outline: 2px solid #ff817a;
    outline-offset: 3px;
}
.site-footer .gtyres-footer-call .gt-footer-icon {
    width: 20px;
    height: 20px;
    color: #fff;
    flex: 0 0 20px;
}
/* Подпись и номер не рвутся внутри себя: переносится только граница между ними. */
.site-footer .gtyres-footer-call__text { white-space: nowrap; }
.site-footer .gtyres-footer-call__number {
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

/* На узком экране подвал раскладывается сеткой, и ряд значков занимает собственную строку:
   иначе он сжимается в колонку шириной в один значок. */
@media (max-width: 900px) {
    .site-footer .gtyres-footer-social {
        grid-column: 1 / -1;
        gap: 8px;
    }
    .site-footer .gtyres-footer-social__link { width: 42px; height: 42px; }
    .site-footer .gtyres-footer-call { font-size: 14px; padding: 12px 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .site-footer .gtyres-footer-social__link,
    .site-footer .gtyres-footer-call { transition: none; }
}