.bk-locmap { position: relative; border-radius: 1rem; overflow: hidden; isolation: isolate; }

.bk-locmap__frame { position: relative; width: 100%; height: var(--bk-locmap-h, 480px); }
.bk-locmap__iframe { display: block; width: 100%; height: 100%; border: 0; }

/* Brand-styling: alleen een lichte desaturatie zodat de kaart minder schreeuwt
   tegen de brand-kleuren. Geen overlays/vignettes — die maakten 't lelijk. */
.bk-locmap--brand .bk-locmap__iframe    { filter: saturate(0.7) contrast(0.96); }
.bk-locmap--subtle .bk-locmap__iframe   { filter: saturate(0.85); }
.bk-locmap--standard .bk-locmap__iframe { filter: none; }

/* Info-card overlay */
.bk-locmap__card {
	position: absolute; z-index: 2;
	background: #fff; padding: 1.5rem 1.75rem;
	border-radius: 0.85rem;
	box-shadow: 0 12px 32px -12px rgba(46,75,60,0.35), 0 2px 6px -2px rgba(0,0,0,0.06);
	max-width: 280px; min-width: 220px;
}
.bk-locmap--card-tl .bk-locmap__card { top: 1.5rem;    left: 1.5rem; }
.bk-locmap--card-tr .bk-locmap__card { top: 1.5rem;    right: 1.5rem; }
.bk-locmap--card-bl .bk-locmap__card { bottom: 1.5rem; left: 1.5rem; }
.bk-locmap--card-br .bk-locmap__card { bottom: 1.5rem; right: 1.5rem; }

.bk-locmap__eyebrow { font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-content-faded); margin-bottom: 0.4rem; }
.bk-locmap__title   { font-family: var(--h2-font-family); font-size: 1.4rem; line-height: 1.2; margin: 0 0 0.5rem; color: var(--color-content-heading); }
.bk-locmap__addr    { margin: 0 0 0.85rem; color: var(--color-content-text); font-size: 0.95rem; line-height: 1.4; }
.bk-locmap__link    { display: inline-flex; align-items: center; gap: 0.35rem; color: var(--color-content-primary); text-decoration: none; font-weight: 500; transition: gap 200ms ease; }
.bk-locmap__link:hover { gap: 0.6rem; }
.bk-locmap__link span { transition: transform 200ms ease; }

/* Mobiel: card vol-breedte onderaan, niet overlappend */
@media (max-width: 640px) {
	.bk-locmap { display: grid; }
	.bk-locmap__card { position: static; max-width: none; margin: -1.5rem 1rem 0; }
	.bk-locmap--card-tl, .bk-locmap--card-tr, .bk-locmap--card-bl, .bk-locmap--card-br { /* posities irrelevant op mobiel */ }
	.bk-locmap__frame { height: 320px; }
}