/*
 * Подвал сайта (T2). Две колонки на всех ширинах макета: слева логотип и юридическая информация,
 * справа телефон и режим работы. Если колонки не помещаются (узкие телефоны), они встают друг под другом.
 */
.footer {
    padding-block: var(--footer-padding-top) var(--footer-padding-bottom);
}

.footer__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-m) var(--space-s);
}

.footer__about {
    flex: 1 1 var(--footer-about-min-width);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-m);
}

/* Логотип: те же размеры, что в шапке */
.footer__logo .logo__image {
    height: var(--logo-mark-height);
}

.footer__logo .logo__text {
    max-width: var(--logo-text-width);
    font-size: var(--logo-text-size);
}

.footer__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xs);
    font-size: var(--font-size-small);
}

.footer__privacy {
    text-decoration-color: transparent;
}

.footer__contacts {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--space-s);
}

.footer__label {
    font-size: var(--font-size-small);
}

.footer__value {
    font-size: var(--font-size-small);
}

.footer__phone {
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--transition-fast);
}

@media (hover: hover) {
    .footer__privacy:hover {
        text-decoration-color: currentColor;
    }

    .footer__phone:hover {
        color: var(--color-blue);
    }
}

@media (min-width: 1280px) {
    .footer__label {
        font-size: var(--font-size-nav);
    }
}