/* Leaflet Styles */
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}

.map-header {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  width: 100%;
  height: 56px;
  background-color: #171a21;
  border-bottom: 1px solid #2e323a;
}
.map-header .logo-link {
  display: flex;
  width: 250px;
  height: 26px;
}
.map-header .logo-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#map {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  user-select: none;
  outline: none;
}

.leaflet-top.leaflet-right {
  display: flex;
}
.leaflet-right .leaflet-control {
  margin-right: 5px;
}
.leaflet-control-zoom.leaflet-bar.leaflet-control {
  display: flex;
  gap: 8px;
}
.leaflet-marker-icon.svg-icon {
  display: flex;
  flex-direction: column;
}
.leaflet-marker-icon.svg-icon {
  display: flex;
  flex-direction: column;
}
.marker-icon-style {
  height: inherit;
}
.leaflet-marker-icon svg {
  height: inherit;
}
.leaflet-marker-icon .icon {
  /*
  filter: drop-shadow(0px 2px 1px black);
  */
}
.leaflet-marker-icon .marker-category {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.leaflet-container img.leaflet-image-layer {
	image-rendering: auto;
}

.leaflet-container .leaflet-marker-pane img {
  width: 100%;
  image-rendering: optimizequality;
}
/* End Leaflet Styles */


/* DEBUG STYLES */
.mobiledetect {
  position: fixed;
  z-index: 10000;
  left: -19px;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  bottom: 19px;
  background-color: rgba(255, 255, 255, 0.60);
  padding: 0;
  font-size: 11px;
  font-family: Consolas;
  width: 50px;
  transform: rotate(-90deg);
}
.debug-info {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 140px;
  right: 10px;
  background: rgb(19 19 19 / 60%);
  color: #fff;
  border-radius: 5px;
  padding: 0.5rem;
  width: 140px;
  font-family: consolas;
  font-size: 14px;
}

.debug-info .debug-title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: gold;
}

.debug-info .debug-state {
  display: flex;
  justify-content: space-between;
}

.debug-state .false {
  color: violet;
}

.debug-state .true {
  color: lawngreen;
}