/* Decorative artwork with theme-specific overlays; footer content stays in normal flow. */
.site-footer {
    --footer-art-image: url('../images/backgrounds/footer-network-background-light.png');
    --footer-art-overlay: linear-gradient(115deg,
        rgba(244, 245, 238, .16) 0%,
        rgba(244, 245, 238, .12) 58%,
        rgba(244, 245, 238, .16) 100%);
    /* The existing ink color preserves contrast over the visible light artwork. */
    --footer-art-text: var(--theme-text, var(--ink));
    background-color: var(--theme-footer, #f4f5ee);
    background-image: var(--footer-art-overlay), var(--footer-art-image);
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center, right center;
}

.site-footer .footer-brand > p,
.site-footer .mexico-label,
.site-footer .footer-column a,
.site-footer .footer-bottom {
    color: var(--footer-art-text);
}

:root[data-theme="dark"] .site-footer {
    --footer-art-image: url('../images/backgrounds/footer-network-background.png');
    /* Preserve the approved dark artwork and its overlay exactly. */
    --footer-art-overlay: linear-gradient(115deg,
        rgba(24, 26, 27, .64) 0%,
        rgba(24, 26, 27, .60) 58%,
        rgba(24, 26, 27, .65) 100%);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) .site-footer {
        --footer-art-image: url('../images/backgrounds/footer-network-background.png');
        --footer-art-overlay: linear-gradient(115deg,
            rgba(24, 26, 27, .64) 0%,
            rgba(24, 26, 27, .60) 58%,
            rgba(24, 26, 27, .65) 100%);
    }
}

@media (max-width: 799px) {
    .site-footer { background-position: center, 65% center; }
}

@media (max-width: 559px) {
    .site-footer { background-position: center, center; }
}

@media print {
    .site-footer { background-image: none; background-color: #fff; }
}