/* A repeated background across the full document, not three floating viewport icons. */
body:has(> .kezkit-one-page-motif-layer) {
	/* Keep decoration above the body background, below normal page content. */
	isolation: isolate;
	position: relative;
}

.kezkit-one-page-motif-layer {
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.kezkit-one-page-motif-layer > span {
	display: none;
}

.kezkit-one-motif-style-none .kezkit-one-page-motif-layer {
	display: none;
}

@media screen and (max-width: 600px) {

	body.admin-bar:has(> .kezkit-one-page-motif-layer) > #wpadminbar {
		/* WordPress reserves this space on html; our positioned body starts below it. */
		top: calc(-1 * var(--wp-admin--admin-bar--height, 46px));
	}
}

@media (max-width: 782px) {

	.kezkit-one-page-motif-layer {
		opacity: 0.8;
	}
}