.map-wrap
{
    border: 1px solid var(--card-brd);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
}

#map{ height: 700px; background:#0b1220; }

/* Leaflet controls & chrome in dark */
.leaflet-control, .leaflet-bar a 
{
    background: #121621;
    color: #e8ecf1;
    border-color: #263046;
}
.leaflet-bar a:hover { background:#1a2030; }
.leaflet-control-attribution 
{
    background:#0f1422;
    color:#9aa6b2;
}
  
  /* Popups & tooltips */
.leaflet-popup-content-wrapper,
.leaflet-popup-tip 
{
    background:#121621;
    color:#e8ecf1;
    border:1px solid #263046;
}
.leaflet-tooltip 
{
    background:#121621;
    color:#e8ecf1;
    border-color:#263046;
}



/* the little map badge that appears next to each dot at high zoom */
.leaflet-div-icon.map-badge {
    border: 0;
    background: transparent;
  }
  .map-badge img{
    width: 22px; height: 22px; object-fit: contain; display:block;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.35));
    pointer-events: none; /* let clicks go to the dot marker */
  }