/*
 * lotus-map.css — layout för den nyckelfria Leaflet-kartan (#lotus-map).
 *
 * Fristående fil (byggs inte via Sass/Mix). Återskapar den responsiva höjden
 * som tidigare låg på #map-canvas i src/scss/templates/section-map.scss, samt
 * popup-typografin. Foundation-brytpunkter: medium 640px, large 1024px.
 */

#lotus-map {
  position: relative; /* egen stacking-kontext så kartan inte lägger sig över headern */
  z-index: 0;
  width: 100%;
  height: 30rem;
  background: #e9e5dd; /* neutral platshållare medan tiles laddar */
}

@media (min-width: 640px) {
  #lotus-map {
    height: 35rem;
  }
}

@media (min-width: 1024px) {
  #lotus-map {
    height: 42rem;
  }
}

#lotus-map .info-window {
  font-family: "proxima-nova", sans-serif;
  font-size: 1rem;
  font-weight: 600;
}