/* Apple-like map overrides */


/* subtle lighten of roads via overlay (tiles vary) */
.apple-map .leaflet-tile-loaded{opacity:1}

/* Zeige Leaflet-Controls normal */
.leaflet-control-zoom{display:block}
.leaflet-control-attribution{opacity:0.6;font-size:11px}

/* Marker bounce already handled; style apple popup more */
.leaflet-popup-content-wrapper{border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#ffffff,#f8ffff);box-shadow:0 12px 30px rgba(3,50,53,0.09);border:1px solid rgba(255,59,48,0.08)}
.leaflet-popup-content{color:#032a2a;font-weight:700}
.leaflet-popup-tip{display:none}

/* Current-location pulsing style (refined)
   Note: the dot/pulse are generated as HTML in the divIcon */
.current-loc-icon{width:38px;height:38px;display:block;position:relative}
.current-loc-icon .dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#ffffff;border:3px solid #007aff;box-shadow:0 6px 22px rgba(0,122,255,0.14)}
.current-loc-icon .pulse{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:rgba(0,122,255,0.14);animation:apple-pulse 1.6s ease-out infinite}
@keyframes apple-pulse{0%{transform:translate(-50%,-50%) scale(0.85);opacity:0.95}70%{transform:translate(-50%,-50%) scale(2.8);opacity:0}100%{opacity:0}}

/* Apple-style marker icon refinement */
.leaflet-marker-icon.apple-pin img{display:block}
.leaflet-marker-icon.apple-pin{filter:drop-shadow(0 8px 18px rgba(3,50,53,0.08))}
.leaflet-marker-icon.apple-pin.bounce{animation:bounceIn .7s cubic-bezier(.2,.9,.3,1) forwards}
@keyframes bounceIn{0%{transform:translateY(-28px) scale(.98)}60%{transform:translateY(6px) scale(1.02)}100%{transform:none}}

/* minimal tooltip for current location */
.current-tooltip.leaflet-tooltip{background:linear-gradient(180deg,#ffffff,#f7ffff);border-radius:8px;padding:6px 8px;border:1px solid rgba(3,50,53,0.06);box-shadow:0 8px 20px rgba(3,50,53,0.06);color:#02373a}

@media (max-width:900px){
  .contact-map{max-width:100%}
  .leaflet-control-attribution{display:none}
}