/* ── Footer ────────────────────────────────────────────────────────────── */
.footer-wrapper {
    position: relative;

    >* {
        position: relative;
        z-index: 10;
    }

    &::before {
        content: '';
        position: absolute;
        z-index: 1;
        width: 320px;
        height: 232px;
        left: 50%;
        bottom: 0;
        pointer-events: none;
        transform: translateX(-50%);
        background-image: url('../../images/ornement-footer.svg');
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: top center;
    }
}

.footer-wrapper .wp-block-navigation a {
    text-underline-offset: 3px;
}

.footer-wrapper .wp-block-navigation a:hover {
    text-decoration: underline;
}

.footer-wrapper .footer-socials a {
    font-family: var(--wp--preset--font-family--serif);
    letter-spacing: 2.52px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: underline;
    text-underline-position: from-font;
    transition: all 0.3s ease-in-out;
}

.footer-wrapper .footer-socials a:hover {
    text-decoration: none;
}

/* Ornement floral : SVG inline (classe logo-flower) */
svg.footer-ornement {
    margin-top: -72px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media screen and (max-width: 768px) {
    svg.footer-ornement {
        width: 32px;
        height: 32px;
        margin-top: -72px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Footer logo : lien vers l'accueil */
.footer-logo a {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.footer-logo a:hover {
    opacity: 0.75;
}

/* ── Responsive ──────────────────────────────────────────────────────── */

/* Tablette : 2x2 grid */
@media (max-width: 960px) {
    .footer-wrapper .wp-block-columns.alignwide {
        flex-wrap: wrap !important;
        gap: 32px 24px;
    }

    .footer-wrapper .wp-block-columns.alignwide>.wp-block-column {
        flex-basis: calc(50% - 12px) !important;
        flex-grow: 0;
    }
}

/* Mobile : 1 colonne */
@media (max-width: 600px) {
    .footer-wrapper {
        padding-left: var(--wp--preset--spacing--small);
        padding-right: var(--wp--preset--spacing--small);
    }

    .footer-wrapper .wp-block-columns.alignwide>.wp-block-column {
        flex-basis: 100% !important;
        text-align: center;
        align-items: center;
    }

    .footer-wrapper .wp-block-columns.alignwide>.wp-block-column .wp-block-buttons {
        justify-content: center;
    }

    .footer-wrapper .wp-block-columns.alignwide>.wp-block-column .wp-block-navigation__container {
        align-items: center;
    }
}