/* leaflet-geolet-custom.css – stil för egen ikon och kartmarkör */

html, body, #map {
  height: 100%;
  margin: 0;
  padding: 0;
}

#map {
  height: 100dvh;
}

.locate-btn, .geolet-marker {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0,0,0,0.4); 
}

/* Stil för knappen */
.locate-btn {
  width: 48px;
  height: 48px;
  background-image: url('../assets/locate-button.svg');
  border: none;
  cursor: pointer;
  padding: 0;
}

/* Stil för markören (L.divIcon) */
.geolet-marker {
  background-image: url('/images/bildkartan-you-are-here-pin-shadow.svg') !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 39px;
  border: none;
}

/*.geolet-marker {
  background-image: url('/images/bildkartan-you-are-here-pin.svg');
  box-shadow: none; 
}*/