/* Slim site footer (EN + IT): brand and company data, quick links, contact, copyright. */

.site-footer { margin-top: 3rem; background: #0F4229; color: #bcd3c2; font-size: .9rem; }
.site-footer a { color: #e6f1e8; text-decoration: none; }
.site-footer a:hover { color: #fff; text-decoration: underline; }

.sf-main {
    display: grid; grid-template-columns: 1.25fr 1.7fr 1fr; gap: 2.25rem; align-items: start;
    padding: 2.1rem 0 1.7rem;
}

/* Brand + company data */
.sf-brand { display: flex; gap: 1rem; align-items: flex-start; }
.sf-logo { flex: 0 0 auto; display: block; background: #fff; border-radius: 10px; padding: 5px; line-height: 0; }
.sf-logo img { display: block; height: 62px; width: auto; }
.sf-name { font-size: .95rem; font-weight: 600; letter-spacing: .05em; color: #fff; }
.sf-legal { margin-top: .35rem; font-size: .82rem; line-height: 1.75; color: #a4c0ab; }

/* Column titles */
.site-footer .sf-title {
    margin: 0 0 .7rem; font-family: "Open Sans", sans-serif; font-size: .7rem; font-weight: 600;
    letter-spacing: .15em; text-transform: uppercase; color: #8dc597;
}

/* Links in two columns */
.sf-links ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 1.75rem; }
.sf-links li { break-inside: avoid; padding: .18rem 0; }

/* Contact list */
.sf-contact ul { list-style: none; margin: 0; padding: 0; }
.sf-contact li { display: flex; align-items: baseline; gap: .65rem; padding: .18rem 0; }
.sf-contact i { flex: 0 0 16px; text-align: center; font-size: .8rem; color: #8dc597; }

/* Copyright line */
.sf-bottom { padding: 1rem 0 1.1rem; border-top: 1px solid rgba(255,255,255,.12); font-size: .8rem; color: #90ad98; }

@media (max-width: 991.98px) {
    .sf-main { grid-template-columns: 1fr 1fr; gap: 1.75rem 2rem; padding: 1.8rem 0 1.4rem; }
    .sf-brand { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
    .site-footer { margin-top: 2rem; }
    .sf-main { grid-template-columns: 1fr; gap: 1.1rem; padding: 1.5rem 0 1.1rem; }
    .site-footer .sf-title { margin-bottom: .45rem; }
    .sf-links ul { column-gap: 1rem; }
    .sf-links li, .sf-contact li { padding: .12rem 0; }
    /* leave room for the floating WhatsApp button */
    .sf-bottom { padding: .85rem 4.2rem .95rem 0; }
}