/*
 * StylesFooter — pied de page du site (site-footer)
 * Variables globales : StylesCommun.css
 */

.site-footer {
    width: 100%;
    background-color: var(--color-surface);
    border-top: 1px solid var(--color-border);
}

.site-footer__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    max-width: 1100px;
    margin: 0 auto;
    padding: 1rem 1.5rem;
    text-align: center;
    box-sizing: border-box;
}

.site-footer__link {
    color: var(--color-text-muted);
    font-size: 0.875rem;
}

.site-footer__link:hover,
.site-footer__link:focus-visible {
    color: var(--color-accent);
}

.site-footer p {
    color: var(--color-text-muted);
    font-size: 0.875rem;
}