/* Base button styles */
.btn-satellite, .btn-satellite:focus {
  background: white;
  color: black;
  padding: 8px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 999;
  font-family: sans-serif;
}

.btn-satellite:hover {
background: #f4f4f4;
color: black;
border: 2px solid rgba(0,0,0,0.2);
}
.btn-satellite.active, .btn-satellite.active:focus {
background: #f4f4f4;
color: black;
border: 2px solid rgba(0,0,0,0.2);
}
.btn-satellite.active:hover {
background: white;
}

/* Leaflet controls */
.leaflet-touch .leaflet-bar a {
text-decoration: none !important;
}
/* Grayscale effect */
.satellite-gray {
filter: grayscale(var(--grayscale-value));
}

/* Marker cluster styles */
.marker-cluster-custom {
background-clip: padding-box;
border-radius: 20px;
}

.marker-cluster-custom div {
text-align: center;
font-weight: bold;
}

.marker-cluster-custom span {
line-height: 30px;
}