/* ======================================
   LEAFLET LAYER CONTROL
====================================== */

.leaflet-control-layers {
  background: rgba(0, 0, 0, 0.85) !important;
  color: #fff !important;

  border-radius: 16px !important;
  padding: 12px 16px !important;

  font-family: "Poppins", sans-serif;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.leaflet-control-layers label {
  font-weight: 500;
  font-size: 14px;
}

.leaflet-control-layers input[type="checkbox"] {
  accent-color: var(--navview-orange);
}

/* legends */

.layer-legend {
  display: inline-block;

  width: 14px;
  height: 14px;

  border-radius: 50%;

  margin-right: 6px;

  vertical-align: middle;

  border: 2px solid #fff;
}

.layer-legend.lake {
  background: var(--navview-orange);
}
.layer-legend.launch {
  background: #2e7d32;
}
.layer-legend.gauge {
  background: #c62828;
}