/* ==========================================================================
   Fix&Go Footer — styling to match screenshot
   Uses theme.json palette: primary, secondary, muted, hairline, accent, alert
   No background-color is set (left to theme/global styles).
   Scoped under the footer element selector.
   ========================================================================== */

footer {

    /* Top hairline separator */
    .wp-block-separator.has-hairline-background-color {
        background-color: var(--wp--preset--color--hairline, #0000001F) !important;
        opacity: 1;
        height: 1px;
        border: none;
    }

    /* Tagline under logo */
    .wp-block-column p.has-small-font-size {
        font-size: 13px;
        line-height: 1.5;
        color: var(--wp--preset--color--muted, #6a6a70);
        margin-top: 12px;
    }

    /* Column headings: "Esplora" / "Support" */
    .wp-block-heading {
        font-size: 13px;
        font-weight: 600;
        color: var(--wp--preset--color--primary, #000000);
        text-transform: none;
        margin-bottom: 5px;
        letter-spacing: 0;
    }

    /* Menu lists (Esplora / Support) */
    ul.footer-menu-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0.5em;
    }

    ul.footer-menu-list li {
        font-size: 13px;
        line-height: 1.4;
        margin: 0;
        padding: 0;
    }

    ul.footer-menu-list li a {
        color: var(--wp--preset--color--muted, #6a6a70);
        text-decoration: none;
        transition: color 0.15s ease;
    }

    ul.footer-menu-list li a:hover {
        color: var(--wp--preset--color--primary, #000000);
        text-decoration: underline;
    }

    /* Bottom legal row */
    .wp-block-columns:last-of-type p {
        font-size: 12px;
        color: var(--wp--preset--color--muted, #6a6a70);
        margin: 0;
    }

    .wp-block-columns:last-of-type p a {
        color: var(--wp--preset--color--muted, #6a6a70);
        text-decoration: none;
    }

    .wp-block-columns:last-of-type p a:hover {
        color: var(--wp--preset--color--primary, #000000);
        text-decoration: underline;
    }

    /* Column spacing/alignment */
    .wp-block-columns {
        gap: 32px;
    }

    @media (max-width: 782px) {
        .wp-block-columns {
            flex-wrap: wrap;
        }
        .wp-block-column {
            flex-basis: 100% !important;
        }
        .wp-block-columns:last-of-type p.has-text-align-right {
            text-align: left !important;
        }
    }

}