/**
 * Static map image (replaces the live Google Maps embed).
 *
 * Lives outside app.css because that file is generated by the gulp build in
 * ../frontend and would overwrite anything added there.
 *
 * .map-wrapper already provides position: relative + min-height (400/550) and
 * overflow: hidden — the image just fills it.
 */

.map-wrapper .map-static {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
}

.map-wrapper .map-static img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}