/*
 * @module footer
 * @version 1.0.1
 * @since 2026-10-05
 * Назначение: стили интерфейса, перенесённые из partials/components/footer.html.
 * Связи: исходный HTML, PageRuntime и docs/modules/TEMPLATE_ASSETS.md.
 * Причина: HTML хранит разметку/серверные данные, JS — поведение, CSS — оформление.
 * История 1.0.0: исходные функции и комментарии сохранены при выделении файла.
 * История 1.0.1: проверены подключения, JSON и состояния после SPA-переходов.
 * Проверки: tests/test_template_assets.py и tests/template-assets.test.cjs.
 */
/* Растягиваем контейнер на 1 см шире, чем max-w-7xl (80rem) */
    #site-footer .footer-container {
        max-width: calc(80rem + 1cm) !important;
    }

    #site-footer .footer-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
        align-items: start !important;
    }

    #site-footer .footer-column {
        min-width: 0 !important;
    }

    /* Юридические ссылки: flex-колонка */
    #site-footer .footer-legal {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0.5rem !important;
        text-align: center;
    }

    /* VK ссылка: flex с иконкой */
    #site-footer .footer-vk-link {
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.5rem !important;
        transition: color 0.2s ease !important;
    }

    #site-footer .footer-vk-link:hover {
        color: #0077FF !important;
    }

    #site-footer .footer-vk-icon {
        width: 1.5em;
        height: 1.5em;
        fill: currentColor;
        transition: fill 0.2s ease;
    }

    /* ══════════════════════════════════════════════════════════════════════ */
    /* 📱 МОБИЛЬНАЯ ВЕРСИЯ (< 768px): весь контент ПО ЦЕНТРУ                 */
    /* ══════════════════════════════════════════════════════════════════════ */
    #site-footer .footer-column[data-footer-col="about"] {
        text-align: center;
    }

    #site-footer .footer-column[data-footer-col="community"] {
        text-align: center;
    }

    #site-footer .footer-column[data-footer-col="community"] .footer-vk-link {
        justify-content: center;
    }

    /* ══════════════════════════════════════════════════════════════════════ */
    /* 💻 ПЛАНШЕТЫ И ДЕСКТОП (≥ 768px): 3 колонки, выравнивание по контейнеру */
    /* Лозунг выровнен по левому краю контейнера, который центрирован       */
    /* через mx-auto — поэтому он "в середине слева"                         */
    /* ══════════════════════════════════════════════════════════════════════ */
    @media (min-width: 768px) {
        #site-footer .footer-grid {
            grid-template-columns: 2fr 1fr 1fr !important;
            gap: 2rem !important;
        }

        #site-footer .footer-column[data-footer-col="about"] {
            text-align: left;
        }

        #site-footer .footer-column[data-footer-col="community"] {
            text-align: left;
        }

        #site-footer .footer-column[data-footer-col="community"] .footer-vk-link {
            justify-content: flex-start;
        }

        #site-footer .footer-legal {
            align-items: flex-end !important;
            text-align: right;
        }
    }