:root {
  --bg: #F5F5F5;
  --accent: #E9003F;
  --text: #282828;
}

/* Map wrapper + canvas */
.nda-osm-wrapper { 
   min-width: 100%; width: 100%; display: flex; justify-content: center; border-radius: 8px; overflow: hidden;
}
.nda-osm-map { 
  width: 100%; height: 100%; max-width: 1340px; height: 70vh; min-height: 400px; position: relative; outline-style: none; 
  border-radius: 8px; border: 1px solid #e0e0e0; background: var(--bg) !important;
}

/* Cluster look */
.cluster-icon { background: transparent; border: none; }
.cluster-bubble {
  display: grid; place-items: center;
  border-radius: 50%;
  border: 2px solid #fff;
  background: var(--accent);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 6px 20px rgba(0,0,0,.2);
  width: 40px; height: 40px;
}
.cluster-bubble.medium { width: 50px; height: 50px; }
.cluster-bubble.large  { width: 60px; height: 60px; }
.cluster-bubble.xlarge { width: 74px; height: 74px; }
.cluster-bubble > span { transform: translateY(1px); }

/* Popup */
.leaflet-popup-content-wrapper { border-radius: 12px; }

/* Elementor Primary Colors */
.nda-popup-link{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1.4em;
  gap:3px;
  font-weight:600;
  text-decoration:none;
  color: var(--e-global-color-primary, var(--accent)) !important;
}
.nda-popup-link:hover{
  color: var(--e-global-color-primary, var(--accent)) !important;
  text-decoration: underline;
}
.nda-popup-icon{
  width: 16px; height: 16px;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 6px;
}