/* Shared jungle explorer background — sitewide */

:root {
	--motark-jungle-bg: url("../images/shop/shop-jungle-background.png");
}

body.motark-textured {
	background-color: #0a0e08 !important;
}

body.motark-textured::before {
	content: "" !important;
	display: block !important;
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image: var(--motark-jungle-bg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

body.motark-textured::after {
	content: "" !important;
	display: block !important;
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(180deg, rgba(8, 12, 8, 0.15) 0%, rgba(8, 12, 8, 0.42) 100%),
		radial-gradient(ellipse at center, transparent 30%, rgba(8, 12, 8, 0.32) 100%);
}

body.motark-textured .site-main,
body.motark-textured .site-main.shop-page {
	position: relative;
	z-index: 1;
	background: transparent !important;
}

body.motark-textured .site-main::after {
	content: none !important;
	display: none !important;
}

body.motark-textured .site-header {
	position: relative;
	z-index: 500;
}

body.motark-textured .site-footer {
	position: relative;
	z-index: 1;
	background: rgba(10, 14, 8, 0.78) !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

body.motark-textured .site-footer::after {
	content: none !important;
	display: none !important;
}

/* Common page shells — let jungle show through */
body.motark-textured .woocommerce #primary.content-area,
body.motark-textured .woocommerce-page #primary.content-area,
body.motark-textured .woocommerce-page-content,
body.motark-textured.motark-about-page .about-fabula,
body.motark-textured.motark-page-reviews .site-main,
body.motark-textured .page-header,
body.motark-textured .section {
	background: transparent !important;
}