/* SnigleBits rainbow soup — page 655 only. Behind content; chrome stays on top. */

body.rr-sniglebits-soup,
body.page-id-655.rr-sniglebits-soup {
	background: #07040c !important;
}

.rr-snigle-soup {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	isolation: isolate;
}

.rr-snigle-soup__canvas {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	filter: saturate(1.35) contrast(1.08) brightness(1.05);
}

.rr-snigle-soup__veil {
	position: absolute;
	inset: 0;
	/* Soft dark wash so text/UI stay readable over the soup. */
	background:
		radial-gradient(ellipse 90% 75% at 50% 38%, rgba(6, 4, 12, 0.08) 0%, rgba(6, 4, 12, 0.38) 68%, rgba(4, 2, 10, 0.58) 100%),
		linear-gradient(180deg, rgba(4, 2, 10, 0.18) 0%, rgba(4, 2, 10, 0.06) 42%, rgba(4, 2, 10, 0.32) 100%);
	pointer-events: none;
}

/* Keep page content + chrome above the fixed soup. */
body.rr-sniglebits-soup .rr-chrome,
body.page-id-655 .rr-chrome {
	position: relative;
	z-index: 100000;
}

body.rr-sniglebits-soup .elementor-655,
body.page-id-655 .elementor-655,
body.rr-sniglebits-soup #content,
body.rr-sniglebits-soup .site-main,
body.rr-sniglebits-soup .page-content,
body.rr-sniglebits-soup .rr-footer,
body.page-id-655 .rr-footer {
	position: relative;
	z-index: 2;
}

/* Readable panels over the soup (existing artist peels stay opaque). */
body.rr-sniglebits-soup .ritual-spotify-releases--artist,
body.page-id-655 .ritual-spotify-releases--artist {
	position: relative;
	z-index: 3;
	backdrop-filter: blur(2px);
}

body.rr-sniglebits-soup .ritual-rainbow-container,
body.page-id-655 .ritual-rainbow-container {
	position: relative;
	z-index: 3;
}

body.rr-sniglebits-soup .ritual-rainbow-container__inner,
body.page-id-655 .ritual-rainbow-container__inner {
	background: rgba(8, 6, 14, 0.88) !important;
}

/* Soft text shadow for bare Elementor headings/paragraphs without panels. */
body.rr-sniglebits-soup .elementor-655 .elementor-heading-title,
body.rr-sniglebits-soup .elementor-655 .elementor-widget-text-editor,
body.page-id-655 .elementor-655 .elementor-heading-title,
body.page-id-655 .elementor-655 .elementor-widget-text-editor {
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 18px rgba(0, 0, 0, 0.45);
}

@media (prefers-reduced-motion: reduce) {
	.rr-snigle-soup__canvas {
		opacity: 0.55;
		filter: saturate(0.9) contrast(1);
	}
}