/**
 * Nexza Map widget: full-width band with a click-to-load Google Map.
 */

.nx-map-box {
	position: relative;
	min-height: clamp(300px, 36vw, 520px);
	overflow: hidden;
	border-top: 1px solid var(--nx-line-2);
	border-bottom: 1px solid var(--nx-line-2);
	background:
		radial-gradient(60% 80% at 80% 10%, rgba(255, 90, 31, .22), transparent 60%),
		repeating-linear-gradient(135deg, #141110 0 14px, #1b1714 14px 28px);
}

.nx-map-cover {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 24px var(--nx-gutter);
	text-align: center;
}

.nx-map-cover address {
	max-width: 44ch;
	font-style: normal;
	color: var(--nx-sand);
}

.nx-map-show {
	margin-top: 10px;
}

.nx-map-box iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	/* Dark map to match the site. */
	filter: invert(.9) hue-rotate(180deg) saturate(.6) brightness(.95);
}