/* SFIZIO v2 block — wayfinder. Scoped to .wayf; pair with block.js. */
.wayf__map { position: relative; margin-top: var(--sp-6); }
.wayf__map svg { width: 100%; height: auto; overflow: visible; }

.wayf__route {
  fill: none; stroke: var(--act); stroke-width: 2.5;
  stroke-linecap: round; stroke-dasharray: 1 6;   /* replaced by trace prep, kept for static */
  opacity: 0.9;
}
.wayf__node { color: var(--ink); }
.wayf__node .ic { stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.wayf__node .ic--fill { fill: currentColor; stroke: none; }
.wayf__node--gold { color: var(--dining); }
.wayf__node text {
  font-family: var(--font-ui); font-size: 9.5px; font-weight: 700;
  letter-spacing: 0.06em; text-transform: uppercase;
  fill: var(--muted); text-anchor: middle;
}

/* the destination: framed entrance photo (dummy slot — swap the <img> later) */
.wayf__photo {
  position: absolute;
  /* centered on the SVG convergence point (228,148 in a 360×300 viewBox) */
  left: 63.3%; top: 49.3%;
  transform: translate(-50%, -50%);
  width: clamp(88px, 24%, 150px);
  margin: 0;
  border-radius: var(--r-md);
  overflow: clip;
  border: 2px solid var(--act);
  box-shadow: var(--shadow-2), 0 0 24px color-mix(in srgb, var(--act) 45%, transparent);
  background: var(--surface);
}
.wayf__photo img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.wayf__photo figcaption {
  position: absolute; inset: auto 0 0 0;
  padding: 2px 8px 4px;
  background: linear-gradient(transparent, rgba(10, 7, 5, 0.75));
  color: #fff; font-size: 0.62rem; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
}

.wayf__meta { display: flex; flex-wrap: wrap; gap: var(--sp-3); align-items: center; margin-top: var(--sp-4); }
.wayf__addr { font-family: var(--font-display); font-size: var(--fs-lg); }

.wayf--static .wayf__node, .wayf--static .wayf__photo { opacity: 1; }