/* Leaflet-Karte — Look wie im Design: helle Graustufen-Karte, Pin in Markenfarbe */
.wl-leaflet-map {
  position: relative;
  width: 100%;
  height: 100%;
}
.wl-leaflet-canvas {
  width: 100%;
  height: 100%;
  background: #e8e6e6; /* Ladefläche, bis Kacheln da sind */
  z-index: 0;
}

/* Graustufen nur auf den Kacheln — Marker/Pin bleiben farbig */
.wl-leaflet-gray .leaflet-tile-pane {
  filter: grayscale(1) brightness(1.06) contrast(0.92);
}

/* Eigener SVG-Pin (echter Leaflet-Marker, pannt/zoomt mit) */
.wl-leaflet-pin {
  background: none;
  border: none;
}
.wl-leaflet-pin svg {
  display: block;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 5px 8px rgba(25, 25, 25, 0.35));
}

/* Zoom-Buttons im Site-Look */
.wl-leaflet-canvas .leaflet-control-zoom a {
  color: #191919;
  border-color: #e3e0da;
}

/* Attribution dezent, aber lesbar (Pflichtangabe) */
.wl-leaflet-canvas .leaflet-control-attribution {
  background: rgba(248, 245, 239, 0.85);
  color: #6b6862;
  font-size: 10px;
}
.wl-leaflet-canvas .leaflet-control-attribution a {
  color: #45423d;
}

/* Builder-Platzhalter */
.wl-leaflet-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 100%;
  min-height: 200px;
  background: #e8e6e6;
  color: #45423d;
  text-align: center;
  font-size: 14px;
}