/**
 * 1TV — Black & White Site, 1.0.0
 *
 * Only enqueued on the public frontend while the mode is enabled.
 * Apply ONE filter to the document root, not body or every descendant:
 * non-root filters can change the containing block of fixed elements.
 * No changes to size, scrolling, position, z-index, opacity or pointer events.
 * Grayscale is visual only; original media files are never modified.
 */
html:root {
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
}

/* Top-layer elements may be rendered outside an ancestor's filtered group. */
html:root :fullscreen {
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
}

/* Keep vendor selectors separate so unknown selectors do not drop a rule. */
html:root :-webkit-full-screen {
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
}

html:root dialog:modal {
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
}

html:root [popover]:popover-open {
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
}

html:root ::backdrop {
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
}