/* ======================================================================
   Footer — Cohort 2 (Ghorer Organic — green/amber grocer)
   Bootstrap-first: layout / spacing / colors / forms / badges / buttons
   come from Bootstrap utilities. This file only carries cohort identity:
   green primary accents + amber radial wash on the newsletter strip.
   ====================================================================== */

.footer-2-main {
    background: var(--bs-body-bg, var(--bs-body-bg));
    color: var(--bs-body-color, var(--bs-body-color));
}

/* ---------- Newsletter strip ---------- */
.footer-2-newsletter {
    background:
        radial-gradient(ellipse at left top, rgba(255, 217, 128, 0.18), transparent 60%),
        var(--bs-light-primary, var(--bs-tertiary-bg));
}

.footer-2-newsletter-title {
    color: var(--bs-body-color);
    font-family: var(--bs-heading-font-family, inherit);
}

.footer-2-newsletter-icon {
    background: linear-gradient(135deg,
        rgba(var(--bs-primary-rgb), 0.06),
        rgba(var(--bs-warning-rgb), 0.18)) !important;
    color: var(--bs-primary) !important;
    border: 1px solid rgba(var(--bs-warning-rgb), 0.32);
    flex-shrink: 0 !important;
    min-width: 48px;
    aspect-ratio: 1 / 1;
}

.footer-2-newsletter-input {
    border-color: var(--bs-border-color);
    background: var(--bs-body-bg);
}
.footer-2-newsletter-input:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.12) !important;
}

/* ---------- Columns ---------- */
.footer-2-col-title {
    color: var(--bs-body-color, var(--bs-body-color));
    letter-spacing: 0.04em;
    position: relative;
    padding-bottom: 8px;
}
.footer-2-col-title::after {
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background: var(--bs-primary, var(--bs-body-color));
    border-radius: 999px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer-2-col-links a {
    transition: color 0.2s ease, padding 0.2s ease;
}
.footer-2-col-links a:hover {
    color: var(--bs-primary, var(--bs-body-color)) !important;
    padding-left: 4px;
}

.footer-2-tagline {
    line-height: 1.6;
    font-size: 0.9rem;
}

.footer-2-contact a {
    transition: color 0.2s ease;
}
.footer-2-contact a:hover { color: var(--bs-primary, var(--bs-body-color)) !important; }

/* ---------- Payment / delivery badges ---------- */
.footer-2-badge {
    font-size: 0.75rem;
    padding: 6px 10px;
    letter-spacing: 0.02em;
    border-color: var(--bs-border-subtle, var(--bs-border-color)) !important;
}

/* ---------- Bottom bar ---------- */
.footer-2-social-link {
    color: var(--bs-secondary-color, var(--bs-secondary-color)) !important;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.footer-2-social-link:hover {
    color: var(--bs-body-bg) !important;
    background: var(--bs-primary, var(--bs-body-color));
    border-color: var(--bs-primary, var(--bs-body-color)) !important;
}

/* OxioSoft credit hover */
.site-footer-developed-by a {
    transition: color 0.2s ease;
}
.site-footer-developed-by a:hover {
    color: var(--bs-primary, var(--bs-body-color)) !important;
}