/* =========================
   FOOTER
========================= */

.site-footer {
background: var(--color-bg-main);
    color: var(--color-text-muted);
    padding: 1rem;}

.footer-inner {
    max-width: var(--container-max);
    padding: 0 var(--container-padding);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
}

/* Branding */
.footer-branding {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    margin-top:1.5rem;
}

.footer-logo img {
     max-width: 30px;
    height: auto;
    margin-bottom: 0.5rem;
    opacity: 0.6;
    transition: 0.3s;
}

.footer-logo img:hover { opacity: 1;
    transition: 0.3s;}

.footer-title strong {
    font-family: var(--font-heading);
    font-size: var(--fs-lg);
    color: var(--color-text-main);
    letter-spacing: 0.05em;
}

/* Widgets */
.footer-widgets {
    width: 100%;
    display: grid;
    gap: var(--space-md);
    margin-top: var(--space-md);
}

.footer-widget {
    font-size: var(--fs-sm);
}

/* Footer menu */
.footer-navigation {
    margin-top: 2rem;
}

.footer-menu {
    list-style: none;
    display: flex;
    gap: var(--space-md);
    padding: 0;
    margin: 0;
}

.footer-menu li a {
    color: var(--color-text-muted);
    text-decoration: none;
    font-size: var(--fs-sm);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: color var(--transition-fast);
}

.footer-menu li a:hover {
    color: var(--color-text-main);
}

/* Bottom */
.footer-bottom p {
    margin-top: 0rem;
    font-size: 0.8rem;
    opacity: 0.8;
}

/* ===== Responsive ===== */
@media (max-width: 980px) {

    .footer-navigation {
        width: 100%;
    }

    .footer-menu {
        display: grid;
        grid-template-columns: repeat(3, minmax(120px, 1fr));
        justify-items: center;
        gap: 0.45rem 0.9rem;
    }

}

@media (max-width: 640px) {

    .footer-menu {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }

}

/* Footer variant */
.social-links-footer {
    margin-top: 1rem;
}

.social-links-footer .social-link svg {
    width: 20px;
    height: 20px;
}