/* NIRSHA approved backgrounds: palette, fine paper grain and restrained
 * botanical art in wide-screen outer gutters only. */
:root {
	--nirsha-bg-ivory: #FFF9F0;
	--nirsha-bg-sage: #E9EEDF;
	--nirsha-bg-cream: #FFF7EB;
	--nirsha-paper-texture: url('../images/nirsha-linen-texture.webp');
}

/* Public page ground. Nested cards, controls and branded sections retain their
 * own existing backgrounds. */
body:not(.wp-admin) {
	background-color: var(--nirsha-bg-ivory);
	background-image: var(--nirsha-paper-texture);
	background-repeat: repeat;
	background-size: 512px 512px;
}

body:not(.wp-admin) #content.site-content {
	background-color: var(--nirsha-bg-ivory);
	background-image: var(--nirsha-paper-texture);
	background-repeat: repeat;
	background-size: 512px 512px;
}

/* Homepage outer sections confirmed in the rendered Elementor page. */
.home .nrs-cats {
	background-color: var(--nirsha-bg-ivory);
	background-image: var(--nirsha-paper-texture);
	background-repeat: repeat;
	background-size: 512px 512px;
}

.home .elementor-element-nrsbest {
	background-color: var(--nirsha-bg-sage);
	background-image: var(--nirsha-paper-texture);
	background-repeat: repeat;
	background-size: 512px 512px;
}

.home .nrs-combo {
	background-color: var(--nirsha-bg-cream);
	background-image: var(--nirsha-paper-texture);
	background-repeat: repeat;
	background-size: 512px 512px;
}

.home .elementor-element-nrscombo {
	background-color: var(--nirsha-bg-cream);
	background-image: var(--nirsha-paper-texture);
	background-repeat: repeat;
	background-size: 512px 512px;
}

.home .nrs-why {
	background-color: var(--nirsha-bg-ivory);
	background-image: var(--nirsha-paper-texture);
	background-repeat: repeat;
	background-size: 512px 512px;
}

/* Keep the existing light-section colors while adding only paper grain. */
.home .nrs-about,
.home .nrs-promise,
.home .nrs-promos {
	background-image: var(--nirsha-paper-texture);
	background-repeat: repeat;
	background-size: 512px 512px;
}

/* The Combo Packs archive is an approved Cream outer section. */
.tax-product_cat.term-combo-packs .nrs-combo-archive {
	background-color: var(--nirsha-bg-cream);
	background-image: var(--nirsha-paper-texture);
	background-repeat: repeat;
	background-size: 512px 512px;
}

/* Combo Packs legacy archive rules mark these outer surfaces important. */
body.tax-product_cat.term-combo-packs {
	background-color: var(--nirsha-bg-ivory) !important;
}

body.tax-product_cat.term-combo-packs #content.site-content {
	background-color: var(--nirsha-bg-ivory) !important;
}

body.tax-product_cat.term-combo-packs main.site-main {
	background-color: var(--nirsha-bg-cream) !important;
	background-image: var(--nirsha-paper-texture) !important;
	background-repeat: repeat !important;
	background-size: 512px 512px !important;
}

/* At wide desktop widths, keep the botanicals in the page's outer gutters.
 * They are background layers, so they do not intercept clicks or affect layout. */
@media (min-width: 1800px) {
	body:not(.wp-admin) #content.site-content {
		background-image: url('../images/nirsha-botanical-left.webp'), url('../images/nirsha-botanical-right.webp'), var(--nirsha-paper-texture);
		background-repeat: no-repeat, no-repeat, repeat;
		background-position: left top 38%, right bottom 28%, 0 0;
		background-size: 56px auto, 56px auto, 512px 512px;
	}

	.home .nrs-cats,
	.home .elementor-element-nrsbest,
	.home .nrs-combo,
	.home .nrs-why {
		background-image: url('../images/nirsha-botanical-left.webp'), url('../images/nirsha-botanical-right.webp'), var(--nirsha-paper-texture);
		background-repeat: no-repeat, no-repeat, repeat;
		background-position: left 24px bottom 16px, right 24px top 16px, 0 0;
		background-size: 104px auto, 104px auto, 512px 512px;
	}

	body.tax-product_cat.term-combo-packs main.site-main {
		background-image: url('../images/nirsha-botanical-left.webp'), url('../images/nirsha-botanical-right.webp'), var(--nirsha-paper-texture) !important;
		background-repeat: no-repeat, no-repeat, repeat !important;
		background-position: left top 34%, right bottom 24%, 0 0 !important;
		background-size: 72px auto, 72px auto, 512px 512px !important;
	}
}