/* =========================================================
   Blok: kaart (Google Maps / embed-iframe)
   Volledig gescoped onder .sellabees-block--kaart.
   Gebruikt uitsluitend bestaande --sellabees-* tokens; geen
   hardcoded kleuren. Zie BLOCKS-GUIDE.md.
   ========================================================= */

.sellabees-block--kaart {
	padding-block: clamp(40px, 6vw, 72px);
}

/* Responsieve 16:9-wrapper. */
.sellabees-block--kaart__frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 14px;
	background: var(--sellabees-search-bg);
}

/* Fallback voor browsers zonder aspect-ratio. */
@supports not (aspect-ratio: 16 / 9) {
	.sellabees-block--kaart__frame {
		height: 0;
		padding-bottom: 56.25%;
	}
}

.sellabees-block--kaart__iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}