/* Match layer control toggle size to zoom control buttons */
.leaflet-control-layers-toggle {
  width: 26px;
  height: 26px;
  background-size: 16px 16px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 30px;
  height: 30px;
  background-size: 20px 20px;
}

/* Legend base styles */
.anymap-legend {
  background: white;
  color: #333;
  padding: 8px 12px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  line-height: 18px;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .anymap-legend {
    background: #1e1e1e;
    color: #e0e0e0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  }
}
