/**
 * Maps & Leaflet Overrides
 * Map containers, Leaflet control overrides, tour map pins,
 * and map-related popup styles.
 */

.map {
  overflow: hidden;
}

#map {
  width: 100%;
  height: 96vh;
  overflow: hidden;
}

#systemMap {
  width: 100%;
  background-color: var(--pico-background-activity);
  height: 200px;
  overflow: hidden;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  display: block;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: none;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px !important;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
  padding: 0;
  border-radius: 0;
  outline: none;
  border: 0;
  margin-bottom: 5px;
}

.leaflet-popup-content {
  font-size: var(--hb-font-size-sm);
}

.leaflet-container a.leaflet-popup-close-button {
  padding: 0;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  background: transparent;
  border: 0;
}