/* Site-wide VEDA footer. Replaces the theme footer on every front-end page.
   The theme's <footer> stays in the HTML (its scripts and popups keep working) and is only hidden. */
/* The theme footer is normally a direct child of <body>. On WooCommerce product category pages the theme
   leaves a <main> unclosed, so there it ends up inside <main>; it is recognised by its .footer-row children. */
body.veda-site-footer > footer,
body.veda-site-footer footer:has(> .footer-row) { display: none !important; }

#veda-site-footer {
  --va-pad: clamp(28px, 4.55vw, 66px);
  display: block;
  width: 100%;
  margin: 0;
  padding: 0 var(--veda-gutter);
  color: #fff;
  font: 400 16px/1.3 "VEDA Sans", Arial, sans-serif;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
#veda-site-footer, #veda-site-footer *, #veda-site-footer *::before, #veda-site-footer *::after { box-sizing: border-box; }
#veda-site-footer :is(h3, p, ul, li) { margin: 0; padding: 0; list-style: none; font-style: normal; text-transform: none; }
#veda-site-footer :is(h3, p, a, li) { font-family: "VEDA Sans", Arial, sans-serif !important; }
#veda-site-footer a { color: inherit; text-decoration: none; box-shadow: none; }
#veda-site-footer img { display: block; max-width: 100%; height: auto; border: 0; border-radius: 0; }
#veda-site-footer a:focus-visible { outline: 3px solid #008c99; outline-offset: 5px; }

#veda-site-footer .va-footer { display: grid; grid-template-columns: 29% 23% 25% 23%; background: #0b1217; min-height: 278px; margin: 0 auto; padding: 39px var(--va-pad) 50px; color: #fff; }
#veda-site-footer .va-footer-brand img { width: 260px; max-width: 100%; height: auto; filter: grayscale(1) brightness(0) invert(1); }
#veda-site-footer .va-footer-mobile-acquisition { display: none; }
#veda-site-footer .va-footer-brand p { margin-top: 30px; color: #979fa4; font-size: 15px; }
#veda-site-footer .va-privacy { display: block; margin-top: 7px; color: #979fa4; font-size: 15px; }
#veda-site-footer .va-footer-social { display: flex; gap: 14px; margin-top: 22px; }
#veda-site-footer .va-footer-social a { display: block; width: 24px; height: 24px; color: #9ca4aa; }
#veda-site-footer .va-footer-social svg { display: block; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#veda-site-footer .va-footer-social a:hover { color: #fff; }
#veda-site-footer .va-footer-col { padding: 12px 38px; border-left: 1px solid #4a535b; }
#veda-site-footer .va-footer-col h3 { margin-bottom: 20px; color: #fff; font-size: 17px; font-weight: 700; line-height: 1; }
#veda-site-footer .va-footer-col a { display: block; margin-top: 10px; color: #9ca4aa; font-size: 16px; line-height: 1.25; cursor: pointer; }
#veda-site-footer .va-footer a:hover { color: #fff; }


@media (min-width: 1600px) {
  #veda-site-footer { --va-pad: 72px; }
}
@media (max-width: 1199px) and (min-width: 761px) {
  #veda-site-footer .va-footer-col { padding-inline: 24px; }
}
@media (max-width: 760px) {
  #veda-site-footer { --va-pad: 26px; }
  #veda-site-footer .va-footer { grid-template-columns: repeat(2, 1fr); gap: 32px 0; padding: 36px var(--va-pad); }
  #veda-site-footer .va-footer-brand { grid-column: 1 / -1; }
  #veda-site-footer .va-footer-brand img { width: 185px; }
  #veda-site-footer .va-footer-standard { display: none; }
  #veda-site-footer .va-footer-mobile-acquisition { display: block; }
  #veda-site-footer .va-footer-col { border-left: 0; padding: 0 20px 0 0; }
  #veda-site-footer .va-footer-col a { font-size: 15px; }
}
@media (max-width: 400px) {
  #veda-site-footer { --va-pad: 22px; }
}