/* ─────────────────────────────────────────────────────────────
   Energiestroom-lijnen + kalme animatie (op de huisfoto-overlay)
   ───────────────────────────────────────────────────────────── */

.flow-path {
  fill: none;
  stroke: rgba(255, 255, 255, 0.16);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 5 10;
  vector-effect: non-scaling-stroke; /* gelijke lijndikte ondanks none-scaling */
  opacity: 0;
  transition: opacity 0.7s ease, stroke 0.7s ease;
}
.flow-path.active {
  opacity: 0.55;
  animation: flow-dash 3.2s linear infinite; /* trage, kalme stroomrichting */
}
@keyframes flow-dash {
  to { stroke-dashoffset: -30; }
}

.flow-dot {
  fill: currentColor;
  opacity: 0;                                    /* opacity wordt per frame door JS gezet */
  filter: drop-shadow(0 0 5px currentColor);
}

@media (prefers-reduced-motion: reduce) {
  .flow-path.active { animation: none; }
}