/* ==========================================================================
   1. FOOTER COMPLETELY DARK MODE (NO WHITE STRIPS)
   ========================================================================== */
footer, 
.site-footer,
.s-footer-wrapper,
.store-footer,
.footer-main,
.footer-top,
.footer-bottom,
.s-footer-inner,
[class*="footer"] {
    background: #111111 !important;
    background-color: #111111 !important;
}

/* Force all text, links, and text icons inside footer to be clean white */
footer *, 
.store-footer *, 
.s-footer-wrapper * {
    color: #ffffff !important;
    --tw-text-opacity: 1 !important;
}

/* Fix social media icons and dynamic links inside footer */
footer svg, footer i, footer a, footer span, footer p {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Premium Gold touch on footer links hover */
footer a:hover {
    color: #d4af37 !important;
}

/* ==========================================================================
   2. EYE-CATCHING LIGHT PAGE BACKGROUND
   ========================================================================== */
body, main, #app, .master-layout {
    background-color: #f7f7f7 !important;
}