/* =========================================================
   Footer: hartvorm linksboven, deels buiten beeld
   (::after, omdat Elementor ::before gebruikt voor de overlay)
   Maten uit Figma (frame 1920px): hart 752 × 431,
   166px links buiten beeld, 353px zichtbaar boven de footer
   ========================================================= */
.dumil-footer {
  position: relative;
  overflow: visible !important;

  --hart-breedte: min(752px, 39.2vw);   /* breedte van het volledige hart */
  --hart-links: max(-166px, -8.65vw);   /* hoeveel er links buiten beeld valt */
  --hart-zicht: min(353px, 18.4vw);     /* zichtbare hoogte boven de footer */
}

.dumil-footer::after {
  content: "";
  position: absolute;
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  width: calc(var(--hart-breedte) + var(--hart-links));
  height: var(--hart-zicht);
  background-image: url('/wp-content/uploads/2026/10/DumilVector.svg');
  background-repeat: no-repeat;
  background-size: var(--hart-breedte) auto;
  background-position: var(--hart-links) 0;
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}

/* Tablet */
@media (max-width: 1024px) {
  .dumil-footer {
    --hart-breedte: 450px;
    --hart-links: -100px;
    --hart-zicht: 210px;
  }
}

/* Mobiel: geen hart */
@media (max-width: 767px) {
  .dumil-footer::after {
    display: none;
  }
}

/* Footer-hart verbergen als er al een blok met een hart op de pagina staat */
body:has(.geen-footer-hart) .dumil-footer::after {
  display: none;
}