/* ============================================================================
 * css/components/shared_footer.css  —  base-class-footer (v2 §7.1, §9)
 * Universeller Footer, zentral (eine Quelle: js/components/footer.js).
 * Guideline-v2-Refactor Schritt 21/22.
 * ==========================================================================*/

.site-footer {
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-surface);
    color: var(--color-text-muted);
    padding: var(--space-4) var(--space-5);
    font-size: var(--text-caption);
}

.site-footer__links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    justify-content: center;
    margin: 0 0 var(--space-2) 0;
    padding: 0;
    list-style: none;
}

.site-footer__link {
    color: var(--color-accent);
    text-decoration: none;
}
.site-footer__link:hover { text-decoration: underline; }
.site-footer__link:focus-visible {
    outline: 2px solid var(--color-focus-ring);
    outline-offset: 2px;
}

.site-footer__copy {
    text-align: center;
    color: var(--color-text-muted);
}