/* Accessibility overrides (footer contrast) – 2026-01-22 */
footer { background-color: #2b2b2b !important; }

/* Ensure no inner element forces a white background inside footer */
footer *, footer p, footer ul, footer li,
footer .footer-title, footer .footer-links, footer .footer-left, footer .footer-right {
  background-color: transparent !important;
}

/* Footer text + links */
footer, footer p, footer li, footer small, footer span,
footer .footer-links, footer .footer-right, footer .footer-left {
  color: #f2f2f2 !important;
}
footer a, footer a:visited { color: #ffffff !important; text-decoration: underline; text-underline-offset: .15em; }
footer a:hover, footer a:focus, footer a:focus-visible, footer a:active { color: #ffffff !important; text-decoration: underline; }


/* === FINAL footer contrast fix (wrapper-aware) ===
   Problem: The visible footer background can come from a wrapper (e.g., .footer, .site-footer, #footer).
   Solution: Apply dark background + high-contrast text/links to common footer wrappers too.
*/
footer,
.site-footer,
.footer,
#footer,
.footer-wrap,
.footer-container,
.site_footer,
.siteFooter {
  background-color: #2b2b2b !important;
}

footer *,
.site-footer *,
.footer *,
#footer * {
  background-color: transparent !important;
}

footer,
.site-footer,
.footer,
#footer,
footer p,
footer li,
footer span,
footer small {
  color: #f2f2f2 !important;
}

footer a,
.site-footer a,
.footer a,
#footer a,
footer a:visited,
.site-footer a:visited,
.footer a:visited,
#footer a:visited {
  color: #ffffff !important;
  text-decoration: underline;
  text-underline-offset: .15em;
}

footer a:hover,
footer a:focus,
footer a:focus-visible,
footer a:active,
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:focus-visible,
.site-footer a:active,
.footer a:hover,
.footer a:focus,
.footer a:focus-visible,
.footer a:active,
#footer a:hover,
#footer a:focus,
#footer a:focus-visible,
#footer a:active {
  color: #ffffff !important;
  text-decoration: underline;
}


/* === Footer grid container selector fix ===
   Online footer is wrapped in <div class="container footer-grid">.
   Apply the same dark background + high-contrast text/links to that container.
*/
.container.footer-grid,
.footer-grid,
.container.footer,
.container.site-footer {
  background-color: #2b2b2b !important;
}

.container.footer-grid *,
.footer-grid * {
  background-color: transparent !important;
}

.container.footer-grid,
.footer-grid {
  color: #f2f2f2 !important;
}

.container.footer-grid a,
.container.footer-grid a:visited,
.footer-grid a,
.footer-grid a:visited {
  color: #ffffff !important;
  text-decoration: underline;
  text-underline-offset: .15em;
}
.container.footer-grid a:hover,
.container.footer-grid a:focus,
.container.footer-grid a:focus-visible,
.container.footer-grid a:active,
.footer-grid a:hover,
.footer-grid a:focus,
.footer-grid a:focus-visible,
.footer-grid a:active {
  color: #ffffff !important;
  text-decoration: underline;
}