/* PinPicker — result pins (score-coloured) and the picker container. */
.pp-map { width: 100%; height: 100%; background: #0d0d0f; z-index: 0; }
.pp-map .leaflet-control-attribution { font-size: 9px; background: rgba(8,8,8,0.6); color: rgba(237,232,223,0.6); }
.pp-map .leaflet-control-attribution a { color: rgba(237,232,223,0.75); }
.pp-map .leaflet-bar { border: 1px solid rgba(181,147,90,0.4); border-radius: 0; }
.pp-map .leaflet-bar a { background: #14120e; color: #d9bd7b; border-bottom: 1px solid rgba(181,147,90,0.25); }
.pp-map .leaflet-bar a:hover { background: #1f1b14; }

.pp-pin {
  width: 30px; height: 30px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg);
  border: 2px solid rgba(255,255,255,0.85); box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  display: flex; align-items: center; justify-content: center;
}
.pp-pin span {
  transform: rotate(45deg); color: #fff; font-family: 'Josefin Sans', Arial, sans-serif;
  font-size: 10px; font-weight: 600; letter-spacing: 0.02em;
}
.pp-pin.cover span { font-size: 12px; }
.pp-map .leaflet-tooltip {
  background: rgba(8,8,8,0.92); color: #ede8df; border: 1px solid rgba(181,147,90,0.4); border-radius: 0;
  font-family: 'Cormorant Garamond', Georgia, serif; font-size: 0.95rem; padding: 4px 8px;
}
.pp-map .leaflet-tooltip-top::before { border-top-color: rgba(181,147,90,0.4); }