/* ── FOOTER ── */
footer {
    background: var(--bg2);
    border-top: 1px solid var(--border);
    padding: 36px 16px 24px;
}

.footer-inner {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    margin-bottom: 28px;
}

.footer-col h4 {
    font-family: 'Syne', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--text-dim);
    margin-bottom: 12px;
}

.footer-col a, .footer-col p {
    display: block;
    color: var(--text-muted);
    font-size: 13px;
    text-decoration: none;
    padding: 2px 0;
    transition: color 0.2s;
}

    .footer-col a:hover {
        color: var(--accent);
    }

.footer-bottom {
    max-width: 1280px;
    margin: 0 auto;
    border-top: 1px solid var(--border);
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--text-dim);
    text-align: center;
}

.footer-logo {
    font-family: 'Syne', sans-serif;
    font-size: 16px;
    font-weight: 800;
    color: var(--text-muted);
    text-decoration: none;
}

    .footer-logo em {
        color: var(--accent);
        font-style: normal;
    }
/* Newsletter footer inline */
.footer-newsletter .nl-text {
    font-size: 13px;
    color: var(--text-muted);
}

.nl-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    align-items: baseline;
}

    .nl-inline input {
        flex: 1;
        height: 38px;
        padding: 0 12px;
        border-radius: 8px;
        border: 1px solid var(--border);
        background: var(--bg1);
        color: var(--text);
        font-size: 13px;
    }

    .nl-inline button {
        height: 38px;
        padding: 0 14px;
        border-radius: 8px;
        border: none;
        background: var(--accent);
        color: #fff;
        font-size: 13px;
        cursor: pointer;
        white-space: nowrap;
        transition: opacity 0.2s ease;
    }

        .nl-inline button:hover {
            opacity: 0.9;
        }

.footer-newsletter .nl-privacy {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 8px;
}

    .footer-newsletter .nl-privacy a {
        color: var(--accent2);
    }

.footer-newsletter .nl-success {
    display: none;
    font-size: 12px;
    color: var(--accent);
    margin-top: 8px;
}
.footer-privacy {
    font-size: 9px;
    display: block;
}
.footer-privacy-a {
    padding:0px;
}
/* ════════════════════════════
    TABLET — min-width: 640px
════════════════════════════ */
@media (min-width: 640px) {
    .footer-inner {
        gap: 32px;
    }
}
@media (max-width: 480px) {
    .nl-inline {
        flex-direction: column;
        align-items: stretch;
    }
        .nl-inline button {
            width: 100%;
        }
}
/* ════════════════════════════
    DESKTOP — min-width: 1024px
════════════════════════════ */
@media (min-width: 1024px) {
    .footer-inner {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 40px;
    }

    .footer-bottom {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
    }
}