/**
 * Vlotweg — mobiele contactbalk (post-closeout cleanup, 12 september 2026) · 1.0.1: buiten mobiel verborgen, focusring
 *
 * Eén rustige vaste zone onderaan op telefoons (≤ 767 px): links de bestaande launcher "Gratis
 * waardebepaling" (plugin varamedia-notes, ongewijzigd; alleen hier opnieuw gepositioneerd), rechts een
 * compacte WhatsApp-actie met dezelfde bestemming als de Elfsight-knop (wa.me/32469110022). De Elfsight-
 * bol en de Astra-scrollknop verdwijnen op mobiel; de zwevende Complianz-knop verdwijnt overal en is
 * vervangen door de footerlink "Cookie-instellingen" (menu vlotweg footer / vlotweg footer (fr)).
 * Consentlogica ongewijzigd. Tijdens de cookiebanner (body.cmplz-banner-active) is de balk verborgen.
 */

/* Zwevende Complianz-knop: overal weg (de footerlink opent hetzelfde voorkeurenscherm). */
#cmplz-manage-consent .cmplz-manage-consent.manage-consent-1 { display: none !important; }

/* Footerlink: gewone menulink, geen extra opmaak nodig. */

/* De balk bestaat alleen op telefoons; op tablet en desktop wordt ze niet getoond. */
.vw-balk { display: none; }

@media (max-width: 767px) {
	:root {
		--vw-balk-h: 60px;
		--vw-balk-wa: 132px;
		--vw-balk-veilig: env(safe-area-inset-bottom, 0px);
	}
	/* Ruimte onder de pagina zodat de laatste regel en de footer bereikbaar blijven. */
	body { padding-bottom: calc(var(--vw-balk-h) + var(--vw-balk-veilig)) !important; }

	.vw-balk {
		display: flex;
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147482998;
		box-sizing: border-box;
		height: calc(var(--vw-balk-h) + var(--vw-balk-veilig));
		padding: 8px 10px calc(8px + var(--vw-balk-veilig));
		align-items: center; justify-content: flex-end; gap: 8px;
		background: #F3F7F4;
		border-top: 1px solid #DFE5E1;
		box-shadow: 0 -8px 20px -14px rgba(8,53,53,.35);
	}
	.vw-balk__wa {
		box-sizing: border-box;
		display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
		width: var(--vw-balk-wa); height: 44px; padding: 0 12px;
		border: 1.5px solid #128C7E; border-radius: 8px;
		background: #FFFFFF; color: #0B5E55;
		font: 600 14px/1 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
		text-decoration: none; white-space: nowrap;
		-webkit-tap-highlight-color: transparent;
	}
	.vw-balk__wa svg { width: 22px; height: 22px; fill: #128C7E; flex: none; }
	.vw-balk__wa:hover, .vw-balk__wa:focus { background: #E6F6F1; color: #0B5E55; text-decoration: none; }
	.vw-balk__wa:active { background: #D2EFE6; }
	.vw-balk a.vw-balk__wa:focus-visible { outline: 3px solid #083535; outline-offset: 2px; }
	.vw-balk--alleen-wa .vw-balk__wa { width: auto; flex: 1; }

	/* De launcher "Gratis waardebepaling" in dezelfde balk, links, primair. */
	body .vn-launcher.vn-launcher-preset-vlotweg-waardebepaling {
		position: fixed; left: 10px; right: auto;
		bottom: calc(8px + var(--vw-balk-veilig));
		width: calc(100% - 20px - 8px - var(--vw-balk-wa));
		height: 44px; padding: 0 14px; margin: 0;
		box-sizing: border-box;
		display: flex; align-items: center; justify-content: center;
		border-radius: 8px; box-shadow: none;
		font-size: 15px; font-weight: 700; line-height: 1.1;
		z-index: 2147482999;
	}

	/* Elfsight WhatsApp-bol: op mobiel vervangen door de knop in de balk. */
	#__EAAPS_PORTAL, .elfsight-app-7d3d349c-0414-440c-bcb5-0674195437be { display: none !important; }

	/* Tijdens de cookiebanner: niets over de banner heen. */
	body.cmplz-banner-active .vw-balk,
	body.cmplz-banner-active .vn-launcher { display: none !important; }
}