/**
 * KWDV contentbescherming.
 * Melding staat onderin het midden. Pas de melding aan via de variabelen hieronder.
 */

:root {
	--bev-bg: #1f2937;
	--bev-tekst: #fff;
	--bev-radius: 12px;
	--bev-pad-y: 14px;
	--bev-pad-x: 24px;
	--bev-offset: 28px;
	--bev-fs: 17px;
	--bev-max-breedte: min(30rem, calc(100vw - 2rem));
	--bev-shadow: 0 12px 32px rgba(0, 0, 0, .22);
	--bev-duur: .32s;
	--bev-ease: cubic-bezier(.16, 1, .3, 1);
	--bev-z: 2147483000;
}

/* Melding: fixed en buiten de flow, dus geen layout shift. */
.vbm-melding {
	position: fixed;
	inset-block-end: var(--bev-offset);
	inset-inline-start: 50%;
	z-index: var(--bev-z);
	max-width: var(--bev-max-breedte);
	padding: var(--bev-pad-y) var(--bev-pad-x);
	border-radius: var(--bev-radius);
	background-color: var(--bev-bg);
	color: var(--bev-tekst);
	font-family: var(--font-body, inherit);
	font-size: var(--bev-fs);
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	box-shadow: var(--bev-shadow);
	opacity: 0;
	transform: translate(-50%, 10px);
	transition: opacity var(--bev-duur) var(--bev-ease), transform var(--bev-duur) var(--bev-ease);
	pointer-events: none;
}

.vbm-melding.is-zichtbaar {
	opacity: 1;
	transform: translate(-50%, 0);
}

@media (prefers-reduced-motion: reduce) {
	.vbm-melding {
		transition: none;
		transform: translate(-50%, 0);
	}
}

/* Selecteren blokkeren, behalve in formuliervelden. */
.vbm-geen-selectie {
	-webkit-user-select: none;
	user-select: none;
}

.vbm-geen-selectie input,
.vbm-geen-selectie textarea,
.vbm-geen-selectie select,
.vbm-geen-selectie [contenteditable="true"] {
	-webkit-user-select: text;
	user-select: text;
}

/* Afbeeldingen niet sleepbaar. */
.vbm-beveiligd img {
	-webkit-user-drag: none;
	user-select: none;
}

/* Printen blokkeren. */
@media print {
	body.vbm-geen-print {
		display: none !important;
	}
}