/**
 * Topographic pattern for core Cover blocks.
 */
.wp-block-cover.has-mutapa-background-pattern {
	position: relative;
	isolation: isolate;
}

/**
 * Pattern layer.
 *
 * It appears above the Cover image/colour overlay but below the content.
 */
.wp-block-cover.has-mutapa-background-pattern::after {
	content: "";

	position: absolute;
	inset: 0;
	z-index: 2;

	display: block;

	background-image: url("../images/sustainability-pattern.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	opacity: var(
		--mutapa-cover-pattern-opacity,
		0.12
	);

	pointer-events: none;
}

/**
 * Keep the content above the pattern.
 */
.wp-block-cover.has-mutapa-background-pattern
	> .wp-block-cover__inner-container {
	position: relative;
	z-index: 3;
}

/**
 * Keep the native Cover overlay below the pattern.
 */
.wp-block-cover.has-mutapa-background-pattern
	> .wp-block-cover__background {
	z-index: 1;
}

/**
 * Keep Cover images and videos at the base.
 */
.wp-block-cover.has-mutapa-background-pattern
	> .wp-block-cover__image-background,
.wp-block-cover.has-mutapa-background-pattern
	> .wp-block-cover__video-background {
	z-index: 0;
}