/* Pied — modèle canonique ; son emploi : canon_footer.md. */

@layer components {
    .footer {
        display: flex;
        flex-direction: column;
        gap: var(--canon-space-5);
        padding: var(--canon-space-6) var(--canon-space-edge);
    }
    .footer-group {
        display: flex;
        flex-direction: column;
        gap: var(--canon-space-2);
    }
    .footer-group ul {
        display: flex;
        flex-wrap: wrap;
        gap: var(--canon-space-2) var(--canon-space-5);
    }
    .footer-action {
        padding: 0;
    }

    .footer {
        border-block-start: var(--canon-line-width) solid var(--canon-theme-line);
    }
    .footer-action {
        border: 0;
        background-color: transparent;
    }

    .footer {
        font-size: var(--canon-size-note);
        color: var(--canon-theme-muted);
    }
    .footer-title {
        font-size: inherit;
        font-weight: var(--canon-weight-label);
    }
    .footer-group ul {
        list-style: none;
    }
    .footer-link,
    .footer-action {
        text-decoration-line: underline;
        color: inherit;
    }
    .footer-link:hover,
    .footer-action:hover {
        color: var(--canon-theme-ink);
    }

    .footer-action {
        cursor: pointer;
    }
}