/* OHM Vitaal — internationale regioblokken onder de bestaande footer.
   Alleen deze footer beïnvloeden; niet de webshop, header of accountpagina. */
.elementor-location-footer .ohm-region-footer {
  padding: 28px clamp(16px, 2vw, 30px) 30px;
  background: #4D8F00;
  color: #edf6f5;
  border-top: 1px solid rgba(255, 255, 255, .16);
  font-family: Arial, Helvetica, sans-serif;
}
.elementor-location-footer .ohm-region-footer__inner {
  width: 100%;
  max-width: 1480px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}
.elementor-location-footer .ohm-region-footer__card {
  min-width: 0;
  border: 1px solid rgba(205, 239, 232, .19);
  background: #2d615f;
  border-radius: 16px;
  padding: 26px 24px 24px;
  font: 400 16px/1.7 Arial, Helvetica, sans-serif;
  color: #e0eeec;
  overflow-wrap: anywhere;
}
.elementor-location-footer .ohm-region-footer__card h2 {
  color: #ffffff;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font: 700 18px/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: .065em;
  text-transform: uppercase;
}
.elementor-location-footer .ohm-region-footer__card address {
  min-height: 115px;
  margin: 0 0 13px;
  padding: 0;
  font: inherit;
  color: inherit;
}
.elementor-location-footer .ohm-region-footer__card p {
  margin: 5px 0 0;
  padding: 0;
  color: inherit;
  font: inherit;
}
.elementor-location-footer .ohm-region-footer__card a,
.elementor-location-footer .ohm-region-footer__card a:visited {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}
.elementor-location-footer .ohm-region-footer__card a:hover,
.elementor-location-footer .ohm-region-footer__card a:focus-visible {
  color: #d9f1e9;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 950px) {
  .elementor-location-footer .ohm-region-footer__inner { gap: 14px; }
  .elementor-location-footer .ohm-region-footer__card { padding: 21px 18px; font-size: 14px; }
  .elementor-location-footer .ohm-region-footer__card h2 { font-size: 16px; }
}
@media (max-width: 700px) {
  .elementor-location-footer .ohm-region-footer { padding: 18px 15px 24px; }
  .elementor-location-footer .ohm-region-footer__inner { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .elementor-location-footer .ohm-region-footer__card { padding: 22px 20px; font-size: 15px; }
  .elementor-location-footer .ohm-region-footer__card address { min-height: 0; }
}


/* /assets/css/ohm-footer-company.css
   OHM Academy inspired footer background for OHM Vital / OHM Vitaal.
   Only the overall footer uses this gradient; the contact/address cards
   preserve their existing individually selected backgrounds and borders.
*/
footer.elementor.elementor-location-footer.elementor-242 {
  background-color: #204629 !important;
  background-image:
    radial-gradient(ellipse at 88% 43%, rgba(80, 130, 94, .30) 0%, transparent 46%),
    linear-gradient(107deg, #204629 0%, #285632 55%, #356e3d 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
/* Older Elementor styles and an earlier header override paint over the footer.
   Remove their opaque layers so the shared Academy-green gradient is visible. */
footer.elementor.elementor-location-footer.elementor-242 .elementor-element-67753b0:not(.elementor-motion-effects-element-type-background),
footer.elementor.elementor-location-footer.elementor-242 .elementor-element-67753b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
footer.elementor.elementor-location-footer.elementor-242 .elementor-element-76d0043:not(.elementor-motion-effects-element-type-background),
footer.elementor.elementor-location-footer.elementor-242 .elementor-element-76d0043 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
footer.elementor.elementor-location-footer.elementor-242 .ohm-region-footer {
  background-color: transparent !important;
  background-image: none !important;
}
footer.elementor.elementor-location-footer.elementor-242 .elementor-element-67753b0 > .elementor-background-overlay {
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
}