/* =====================================================
   ПАТЧ — перезаписывает тёмный футер и чёрные заголовки
   Подключается ПОСЛЕ основного theme.css
   ===================================================== */

/* ===== ЦВЕТА — без чёрного ===== */
:root {
    --green:       #6CB33F !important;
    --green-dark:  #5a9632 !important;
    --green-light: #eaf5d8 !important;
    --dark:        #2d3a2d !important;
    --muted:       #5a6e58 !important;
    --gray-1:      #f5f7f4 !important;
    --gray-2:      #e6ebe4 !important;
}

/* Убираем черный цвет с заголовков */
h1, h2, h3, h4, h5, h6 {
    color: #2d3a2d !important;
}
.page-header, .section-title {
    color: #2d3a2d !important;
}

/* =====================================================
   ФУТЕР — СВЕТЛЫЙ КАК У INGREDION
   Принудительно перезаписываем тёмный фон
   ===================================================== */
footer {
    background: #f2f5f0 !important;
    color: #2d3a2d !important;
    border-top: 3px solid #6CB33F !important;
}
footer * {
    /* Сбрасываем унаследованный белый цвет текста */
    color: inherit;
}

/* Логотип в футере — видимый на светлом */
.footer-logo-badge, .footer-brand-logo {
    display: inline-block !important;
}
.footer-logo, .footer-brand-logo img {
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

/* Цвета текста в футере */
.footer-tagline, .footer-brand-tagline { color: #5a6e58 !important; }
.footer-heading, .footer-nav-heading { color: #4a7d28 !important; }
.footer-contact-text, .footer-brand-contact-row span,
.footer-brand-contact-row a { color: #4a5e49 !important; }
.footer-brand-contact-row a:hover { color: #6CB33F !important; }
.footer-nav-link { color: #4a5e49 !important; }
.footer-nav-link:hover { color: #6CB33F !important; }
.footer-bottom { background: #e6ebe4 !important; border-top: 1px solid #dde5db !important; }
.footer-bottom-copy, .footer-bottom-links a { color: #6e7a6c !important; }
.footer-bottom-links a:hover { color: #6CB33F !important; }
.footer-social-link { background: #dde5db !important; color: #5a6e58 !important; }
.footer-social-link:hover { background: #6CB33F !important; color: #fff !important; }
.footer-messenger-tag { color: #fff !important; }

/* =====================================================
   СЕТКА ФУТЕРА — принудительно в колонки
   ===================================================== */
.footer-top {
    display: grid !important;
    grid-template-columns: 240px 1fr !important;
    gap: 3rem !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 3.5rem 1.5rem 2.5rem !important;
    align-items: start !important;
}
@media(max-width: 900px) {
    .footer-top { grid-template-columns: 1fr !important; }
}

.footer-nav-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2rem !important;
}
@media(max-width: 768px) {
    .footer-nav-grid { grid-template-columns: 1fr !important; }
}

.footer-nav-col { display: flex !important; flex-direction: column !important; }

.footer-nav-heading {
    font-size: .72rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    margin-bottom: 1rem !important;
    padding-bottom: .5rem !important;
    border-bottom: 1px solid #dde5db !important;
}

.footer-nav-link {
    display: flex !important;
    align-items: center !important;
    font-size: .875rem !important;
    padding: .3rem 0 !important;
    text-decoration: none !important;
    transition: color .2s, padding-left .2s !important;
    position: relative !important;
}
.footer-nav-link::before {
    content: '' !important;
    display: inline-block !important;
    width: 0 !important;
    height: 2px !important;
    background: #6CB33F !important;
    border-radius: 1px !important;
    transition: width .25s ease !important;
    flex-shrink: 0 !important;
    margin-right: 0 !important;
    align-self: center !important;
}
.footer-nav-link:hover {
    padding-left: .5rem !important;
}
.footer-nav-link:hover::before {
    width: 14px !important;
    margin-right: .375rem !important;
}

/* Нижняя полоса */
.footer-bottom-inner {
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 1.125rem 1.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: .75rem !important;
}
.footer-bottom-links {
    display: flex !important;
    gap: 1.25rem !important;
}