/* ===== Zigzag-dividers: het stiksel groeit mee met je scrollpositie =====
   De JS zet per divider een voortgang 0..1 in --sew. De naad wordt van links naar
   rechts onthuld en een navy naald loopt op de kop van het stiksel mee.          */

.rm-stitch .elementor-divider {
  position: relative;
  overflow: visible;
}

/* de naad zelf: onthuld tot --sew */
.rm-stitch .elementor-divider-separator {
  clip-path: inset(0 calc(100% - var(--sew, 0) * 100%) 0 0);
  will-change: clip-path;
}

/* de naald zit op de kop van het stiksel; alleen zichtbaar terwijl er genaaid wordt */
.rm-stitch .elementor-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(var(--sew, 0) * 100%);
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 999px;
  background: #0c2d6a;
  box-shadow: 0 0 0 3px #bdd9c9;
  opacity: var(--needle, 0);
  transition: opacity .25s ease;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .rm-stitch .elementor-divider-separator { clip-path: none; }
  .rm-stitch .elementor-divider::after { display: none; }
}