radar-beam-icon svg {
  transform: rotate(90deg); /* or use JS to update dynamically */
  transform-origin: center;
}

.leaflet-container svg {
  overflow: visible;
}

radar-beam-icon {
  overflow: hidden;
}

.leaflet-tooltip.custom-tooltip {
  background-color: rgb(45, 45, 45);
  color: white;
  font-size: 16px;
  font-family: Poppins;
  padding: 6px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  border: none;
}

@media screen and (max-width: 768px) {
.leaflet-tooltip.custom-tooltip {
  font-size: 12px;
  padding: 4px 8px;
}
}


.leaflet-tooltip.custom-proj-tooltip {
  background-color: #F5F3ED; 
  color: black;
  font-size: 14px;
  font-family: Poppins;
  padding: 6px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  border: none;
}

@media screen and (max-width: 768px) {
.leaflet-tooltip.custom-proj-tooltip {
  font-size: 12px;
  padding: 4px 8px;
}
}

.leaflet-marker-icon {
  z-index: 800 !important;
}