#windy-embed {
  width: 100%;
  height: 100%;
  border: none;
  background: var(--color-bg);
}

#map-container {
  border-radius: 0 0 0 var(--radius-lg);
  overflow: hidden;
  position: relative;
}

.leaflet-control-zoom {
  border: none !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-sm) !important;
  overflow: hidden;
}

.leaflet-control-zoom a {
  background: rgba(6, 13, 26, 0.85) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  color: var(--color-text) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  width: 36px !important;
  height: 36px !important;
  line-height: 36px !important;
  font-size: 18px !important;
  transition: all var(--transition-fast) !important;
}

.leaflet-control-zoom a:hover {
  background: rgba(79, 195, 247, 0.2) !important;
  color: var(--color-primary) !important;
}

.leaflet-control-zoom a:first-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

#map-overlay-info {
  pointer-events: none;
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  z-index: 10;
}

#map-overlay-info > * {
  pointer-events: auto;
}