/*
==========================================================
GINWIN SHARED HEADER / FOOTER
Edit this file for shared header/footer layout only.
Main site typography/colors still come from index.min.css.
==========================================================
*/

#site-header,
#site-footer {
    display: block;
    width: 100%;
}

/* Keep the existing footer as 4 columns on desktop */
footer .footer-grid {
    display: grid !important;
    grid-template-columns: 1.05fr .78fr 1fr 1.15fr !important;
    gap: 35px !important;
    align-items: start !important;
}

footer .footer-legal-inline {
    min-width: 0;
}

footer .footer-legal-inline .footer-links a {
    color: inherit;
    text-decoration: none;
}

footer .footer-legal-inline .footer-links a:hover {
    color: #fff;
}

/* Old separate bottom legal block stays hidden */
footer .footer-legal-compliance {
    display: none !important;
}

@media (max-width: 1100px) {
    footer .footer-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 650px) {
    footer .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
}