/* ------------------------------------------------------------------
 * Consent-fallback voor de winkelzoeker (plugin: Winkel Locator)
 * ------------------------------------------------------------------
 * Hoort bij assets/js/winkel-locator-consent-fallback.js.
 * Wordt door functions.php alleen geladen op pagina's waar de
 * shortcode [winkel_locator] staat.
 * ------------------------------------------------------------------ */
.wl-wrap--no-consent .wl-map {
	min-height: 0;
	display: block;
}

.wl-consent {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	height: 100%;
	min-height: 320px;
	padding: 36px 24px;
	text-align: center;
	background: var(--wl-bg);
	color: var(--wl-text);
}

.wl-consent__icon {
	color: var(--wl-primary);
	opacity: .5;
}

.wl-consent__title {
	margin: 0;
	font-size: 1.05em;
	font-weight: 700;
}

.wl-consent__text {
	margin: 0;
	max-width: 44ch;
	font-size: .92em;
	line-height: 1.55;
	color: var(--wl-muted);
}

/* Desktop: kaartvlak en lijst even hoog, maar niet de volle
   --wl-map-height (nu 1000px) aan lege ruimte onder de melding. */
@media ( min-width: 681px ) {
	.wl-wrap--no-consent .wl-content { height: 520px; }
}

@media ( max-width: 680px ) {
	.wl-wrap--no-consent .wl-content { height: auto; }
	.wl-wrap--no-consent .wl-sidebar { max-height: 520px; }
	.wl-consent { min-height: 220px; padding: 26px 18px; }
}