/* map.css — Leaflet map container + route polyline + markers. */
#map {
  block-size: 100%;
  inline-size: 100%;
}

/* Route polyline — white-labelled stroke driven by the tenant primary colour
   (set as a CSS var at runtime in main.js applyTheme). map.js tags the Leaflet
   path with .wf-route so the colour lives here rather than in JS. */
.wf-route {
  stroke: var(--color-primary);
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* Live user-location marker accent. */
.wf-user {
  filter: drop-shadow(0 0 2px var(--color-accent));
}