/**
 * Подвал портала — в стиле «Госзакупки РФ».
 *
 * Раньше здесь был фирменный стиль демо-темы October: градиент
 * #2D8BFF -> #9F74FB, «волны» (footer-wave.svg) и декоративные круги.
 * Переделано: тёмно-зелёная палитра портала (#27853a), без волн и кругов,
 * четыре колонки ссылок и юридическая строка.
 *
 * ВАЖНО: правило больше НЕ трогает body — раньше оно навешивало градиент на
 * всю страницу, и любая правка фона в portal.css спорила с ним.
 */

.element-footer {
    position: relative;
    overflow: hidden;
    /* Цвет — как у шапки (portal.css: --brand-darker). Раньше стоял
       фирменный градиент October, потом зелёный — пользователь справедливо
       заметил, что цвета шапки и подвала разные. Теперь берём переменную
       палитры, чтобы цвета совпадали и менялись вместе. */
    background: var(--brand-darker, #0f2f5c);
    color: #cbd5e1;
    padding: 44px 0 26px;
    z-index: 1;

    .container {
        position: relative;
        z-index: 2;
    }

    a {
        color: #dbeafe;
        text-decoration: none;
    }

    a:hover {
        color: #fff;
        text-decoration: underline;
    }

    .footer-brand {
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 12px;
    }

    .footer-about {
        font-size: 13.5px;
        line-height: 1.55;
        color: #a9bcd4;
        margin: 0;
        max-width: 340px;
    }

    .footer-head {
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .4px;
        color: #93b4e0;
        margin-bottom: 10px;
    }

    .footer-list,
    .footer-nav .nav {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .footer-list li,
    .footer-nav .nav-item {
        margin-bottom: 6px;
        font-size: 13.5px;
    }

    .footer-nav .nav-link {
        color: #dbeafe;
        padding: 0;
    }

    .footer-nav .nav-link:hover {
        color: #fff;
    }

    .footer-bottom {
        border-top: 1px solid rgba(255, 255, 255, .12);
        margin-top: 18px;
        padding-top: 16px;
        font-size: 12.5px;
        color: #a9bcd4;
    }

    .footer-bottom p {
        margin: 0 0 4px;
    }

    .footer-bottom .footer-note {
        color: #8fa6c4;
        max-width: 720px;
    }
}

@media (max-width: 991px) {
    .element-footer {
        padding-left: 16px;
        padding-right: 16px;
    }
}