/**
 * KWDV contentbescherming.
 * Melding staat onderin het midden. Variabelen staan in variables.css.
 */

/* Melding: fixed en buiten de flow, dus geen layout shift. */
.kwdv-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;
}

.kwdv-melding.is-zichtbaar {
	opacity: 1;
	transform: translate(-50%, 0);
}

@media (prefers-reduced-motion: reduce) {
	.kwdv-melding {
		transition: none;
		transform: translate(-50%, 0);
	}
}

/* Selecteren blokkeren, behalve in formuliervelden. */
.kwdv-geen-selectie {
	-webkit-user-select: none;
	user-select: none;
}

.kwdv-geen-selectie input,
.kwdv-geen-selectie textarea,
.kwdv-geen-selectie select,
.kwdv-geen-selectie [contenteditable="true"] {
	-webkit-user-select: text;
	user-select: text;
}

/* Afbeeldingen niet sleepbaar. */
.kwdv-beveiligd img {
	-webkit-user-drag: none;
	user-select: none;
}

/* Printen blokkeren. */
@media print {
	body.kwdv-geen-print {
		display: none !important;
	}
}
