/**
 * framework/map — a Google Maps embed.
 */

.fw-map {
	position: relative;
	width: 100%;
	height: var(--fw-map-height, 450px);
	background: var(--fw-light-grey, #E2E2E2);
	overflow: hidden;
}

.fw-map iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

/* Optional: drains the colour out of the map so it sits behind the brand
   rather than competing with it. */
.fw-map--greyscale iframe {
	filter: grayscale(1);
	transition: filter 0.3s ease;
}

.fw-map--greyscale:hover iframe {
	filter: grayscale(0);
}

.fw-map__empty {
	margin: 0;
	padding: 1rem;
	border: 1px dashed currentColor;
	border-radius: 4px;
	font-size: 0.9rem;
	opacity: 0.75;
}

@media (max-width: 640px) {
	.fw-map { height: min(var(--fw-map-height, 450px), 60vh); }
}