/* ═══════════════════════════════════════════════════════
    simpleSoundbank — shared site footer
    The header's partner: loaded by every page, including simpleSPU,
    so it carries its own colours and font like site-header.css.
    ═══════════════════════════════════════════════════════ */

.site-footer {
    --footer-bg:     #0c0c0e;
    --footer-border: rgba(255, 255, 255, 0.055);
    --footer-text:   #e4e0d9;
    --footer-muted:  #7d786f;
    --footer-dim:    #504d46;
    --footer-gold:   #c9a04e;

    background: var(--footer-bg);
    border-top: 1px solid var(--footer-border);
    font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
}

.site-footer .footer-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem 1.5rem;
    width: min(calc(100% - 2rem), 1080px);
    margin: 0 auto;
    padding: 2rem 0;
}

.site-footer .footer-inner p {
    margin: 0;
    color: var(--footer-dim);
    font-size: 0.78rem;
}

.site-footer .footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 1rem;
}

.site-footer .footer-links a {
    color: var(--footer-muted);
    font-size: 0.78rem;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer .footer-links a:hover,
.site-footer .footer-links a:focus-visible {
    color: var(--footer-gold);
}

.site-footer .footer-links a[aria-current="page"] {
    color: var(--footer-text);
}

@media (max-width: 600px) {
    .site-footer .footer-inner {
        flex-direction: column;
        text-align: center;
    }

    .site-footer .footer-links {
        justify-content: center;
    }
}