/* Dark header — matches the hero banner styling.
   Background is on .wsmainfull (template uses that, not #header). */
#header.white-menu .wsmainfull,
#header.white-menu.white-scroll .wsmainfull.scroll {
    background:
        radial-gradient(600px 200px at 15% 0%, rgba(220, 38, 38, 0.32) 0%, rgba(220, 38, 38, 0) 70%),
        radial-gradient(500px 180px at 85% 100%, rgba(220, 38, 38, 0.22) 0%, rgba(220, 38, 38, 0) 70%),
        linear-gradient(180deg, #08101f 0%, #0e1a33 100%) !important;
    border-bottom: 1px solid rgba(220, 38, 38, 0.18);
    box-shadow: 0 2px 18px rgba(8, 16, 31, 0.45) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
#header.white-menu .wsmobileheader {
    background:
        radial-gradient(400px 140px at 15% 0%, rgba(220, 38, 38, 0.30) 0%, rgba(220, 38, 38, 0) 70%),
        linear-gradient(180deg, #08101f 0%, #0e1a33 100%) !important;
    border-bottom: 1px solid rgba(220, 38, 38, 0.18);
}
#header .desktoplogo .logo-black,
#header .desktoplogo .logo-white,
#header .wsmobileheader .smllogo a { color: #ffffff !important; }
#header .wsmenu-list > li > a.h-link,
#header .wsmenu-list > li > a {
    color: rgba(255, 255, 255, 0.92) !important;
    transition: color 0.15s ease, background 0.15s ease;
}
#header .wsmenu-list > li > a.h-link:hover,
#header .wsmenu-list > li.nl-simple:hover > a.h-link { color: #fff !important; opacity: 1; }
#header .wsanimated-arrow span,
#header .wsanimated-arrow span::before,
#header .wsanimated-arrow span::after { background: #fff !important; }

/* Dark footer — matches the hero banner styling */
footer.footer,
footer.footer-1 {
    background:
        radial-gradient(1000px 400px at 15% 0%, rgba(220, 38, 38, 0.22) 0%, rgba(220, 38, 38, 0) 60%),
        radial-gradient(900px 400px at 90% 100%, rgba(220, 38, 38, 0.18) 0%, rgba(220, 38, 38, 0) 60%),
        linear-gradient(180deg, #0e1a33 0%, #08101f 60%, #15112a 100%) !important;
    color: #fff !important;
    border-top: 1px solid rgba(220, 38, 38, 0.18);
    margin-top: 0;
    padding-top: 80px !important;
}
footer.footer a,
footer.footer p,
footer.footer h1,
footer.footer h2,
footer.footer h3,
footer.footer h4,
footer.footer h5,
footer.footer h6,
footer.footer strong,
footer.footer span { color: #fff !important; }
footer.footer a { text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.35); text-underline-offset: 3px; }
footer.footer a:hover { text-decoration-color: #fff; }
footer.footer hr { border-color: rgba(255, 255, 255, 0.22); }
footer.footer .footer-info a:first-of-type { text-decoration: none; }
/* Remove divider above the footer so the red edge is clean */
hr.divider + footer.footer { margin-top: 0; }