/* Map shortcode output. Rendered by PHP, so it has no Bricks class to carry these rules. */
.svw-map__canvas {
	width: 100%;
	height: var(--svw-map-height, 700px);
	max-height: 80vh;
}

.svw-map__legend {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-xs) var(--space-m);
	margin-block-start: var(--space-s);
	padding: 0;
	list-style: none;
	font-size: var(--text-s);
}

.svw-map__legend-item {
	display: flex;
	align-items: center;
	gap: var(--space-xs);
}

.mapboxgl-ctrl-group .svw-map__reset {
	width: auto;
	padding-inline: var(--space-xs);
	font-size: var(--text-xs);
}

.svw-map__popup .mapboxgl-popup-content {
	padding: var(--space-s);
	font-family: inherit;
}

.svw-map__popup-title {
	margin: 0 0 var(--space-xs);
	font-size: var(--h4);
	color: var(--primary);
}

.svw-map__popup-image {
	display: block;
	width: 100%;
	height: auto;
	margin-block-end: var(--space-xs);
}

.svw-map__popup-body {
	font-size: var(--text-s);
}

.svw-map__popup-link {
	font-weight: 700;
	color: var(--primary);
}