/* layer-map.css — locatiekaart (layer_map / LayerMap + /js/map.js).
   Baseline zodat Leaflet een meetbare container heeft; fijn-styling (Banus)
   gebeurt in custom/site.css. (#13) */

.layer__map-canvas {
    /* Leaflet heeft een expliciete hoogte nodig, anders rendert de kaart 0px. */
    height: clamp(360px, 44vw, 500px);
    border-radius: var(--bl-band-radius, 12px);
    overflow: hidden;
    background: var(--color-bg-soft, #eee);
    z-index: 0; /* onder eventuele overlappende site-chrome */
}

/* Leaflet-tiles/controls binnen de afgeronde hoeken houden. */
.layer__map-canvas .leaflet-container {
    height: 100%;
    border-radius: inherit;
    font: inherit;
}

.layer__map-actions {
    margin-top: var(--space-3, 1rem);
    display: flex;
    justify-content: flex-start;
}