/* The map of a complex (templates/maps/place_map.html). It fills the box it is given; the box's
   own page says how big that is. */
.place-map {
    width: 100%;
    height: 100%;
    min-height: 300px;
    /* A layer of its own, so the map's inner layers (numbered up to 1000 by Leaflet) stay under
       the page's header and booking bar. */
    position: relative;
    z-index: 0;
    background: #e8eef1;
}

/* Leaflet sizes its own pictures; main/style.css's img { width: 100%; height: 100% } must not. */
.place-map img {
    object-fit: fill;
}

.place-map-pin svg {
    display: block;
    width: 36px;
    height: 36px;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
}