/* footer.css */

footer {
    display: flex;

    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    padding-top: 20px;
}

.partner-logos {
    display: flex;
    align-items: center;
}

    .partner-logos img {
        height: 40px;
        margin-right: 20px;
    }

.project-logo {
    text-align: right;
}

    .project-logo img {
        height: 40px;
    }

:root {
    /* stessa larghezza della main-content (se la cambi, cambia anche qui) */
    --footer-maxw: 1160px;
    --footer-border: rgba(255,255,255,.10);
    --footer-left-h: 60px; /* cluster sinistro */
    --footer-right-h: 36px; /* PROVA 36px (o 34–38 per agganciare il mock) */
}

.site-footer {
    margin-top: 48px;
    border-top: 1px solid var(--footer-border);
}

    .site-footer .footer-inner {
        max-width: var(--footer-maxw);
        margin: 0 auto;
        padding: 24px 0 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
    }

/* immagini: stessa altezza del mock, mantenendo il rapporto */
.footer-logos-left {
    height: var(--footer-left-h);
    width: auto;
    display: block;
}

.footer-logo-right {
    height: var(--footer-right-h);
    width: auto;
    display: block;
}

/* ottimizzazione resa su display ad alta densità */
.footer-logos-left,
.footer-logo-right {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* mobile: impila i due blocchi e allineali a sinistra */
@media (max-width: 900px) {
    .site-footer .footer-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    :root {
        --footer-left-h: 40px; /* cluster sinistro */
        --footer-right-h: 36px; /* PROVA 36px (o 34–38 per agganciare il mock) */
    }
}