/*
 * Подвал всего сайта (main/includes/site_footer.html).
 *
 * Самодостаточный файл: подключается и к лендингу (landing.css), и к старым
 * страницам (style.css), поэтому не опирается на их переменные и общие классы.
 * Селекторы начинаются с .site-footer — так они сильнее общих правил старого
 * style.css для footer, h4, a.
 */
.site-footer {
    background: #122C5C;
    color: rgba(255, 255, 255, .78);
    padding: 64px 0 32px;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
[data-theme="dark"] .site-footer { background: #060d1c; }

.site-footer *,
.site-footer *::before,
.site-footer *::after { box-sizing: border-box; }

.site-footer .site-footer__wrap { max-width: 1180px; margin: 0 auto; padding: 0 18px; }
.site-footer .footer-grid { display: grid; grid-template-columns: 1fr; gap: 32px; padding-bottom: 44px; }

.site-footer .footer-logo {
    display: flex; align-items: center; gap: 11px; margin-bottom: 16px;
    font-family: 'Manrope', system-ui, sans-serif; font-weight: 800; font-size: 21px;
    letter-spacing: -0.02em; color: #fff; text-decoration: none;
}
.site-footer .footer-logo img { width: 40px; height: 40px; object-fit: contain; border-radius: 8px; }
.site-footer .footer-brand p { margin: 0; font-size: 14px; line-height: 1.6; max-width: 300px; }

.site-footer .footer-col__title {
    color: #fff; font-size: 15px; font-weight: 800; line-height: 1.1; margin: 0 0 16px;
    font-family: 'Manrope', system-ui, sans-serif;
}
.site-footer .footer-col a,
.site-footer .footer-col p {
    display: block; margin: 0 0 10px; font-size: 14px; line-height: 1.5;
    color: rgba(255, 255, 255, .7); text-decoration: none; transition: color .2s;
}
.site-footer .footer-col a:hover { color: #fff; }

.site-footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .1); padding-top: 26px;
    display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;
    font-size: 13px; color: rgba(255, 255, 255, .6);
}

@media (min-width: 721px) {
    .site-footer .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1025px) {
    .site-footer .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }
}