// Has dark mode adjustments, see dark-mode/misc.scss
// @todo move file to more generic map-related purpose

.leaflet-control-container {
  height: 100%;
}

.leaflet-marker-icon {
  color: $color-primary;
  position: relative;
  > i {
    // Re-adjust center.
    position: absolute;
    left: -0.5rem;
    bottom: 0.3rem;
  }
}

.leaflet-marker-pane {
  .marker-cluster-small,
  .marker-cluster-medium,
  .marker-cluster-large {
    background-color: transparent;
  }

  .marker-cluster div,
  .marker-cluster span {
    color: $color-text-inverted;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    background-color: $color-link;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    inline-size: 1.5rem;
    block-size: 1.5rem;
    margin: 0;
  }
}

.leaflet-container,
.marker-cluster div {
  font-family: var(--font-base);
}

