/**
 * Full-page background (mountains left, river right).
 *
 * Default: sunset. Front page (body.cube-sunrise-bg): sunrise.
 * Revert via functions.php enqueue or set --cube-page-bg-image: none below.
 */

body {
	--cube-page-bg-image: url('../images/music-blog-bg-mountain-left-river-right-sunset-pavilion-v3.png?v=1');
	/* Light wash only — lower values = sharper background (was 0.78 / 0.88) */
	--cube-page-bg-overlay-top: rgba(248, 248, 248, 0.38);
	--cube-page-bg-overlay-bottom: rgba(240, 245, 247, 0.48);
	/* Shift crop left so the pavilion stays in the gutter beside #primary */
	--cube-page-bg-position: 38% center;

	background-color: #e8eef0;
	background-image:
		linear-gradient(
			var(--cube-page-bg-overlay-top),
			var(--cube-page-bg-overlay-bottom)
		),
		var(--cube-page-bg-image);
	background-size: cover, cover;
	background-position: center center, var(--cube-page-bg-position);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

body.cube-sunrise-bg {
	--cube-page-bg-image: url('../images/music-blog-bg-mountain-left-river-right-sunrise-pavilion-v3.png?v=1');
}

#masthead {
	/* Glass bar — lets fixed body background show through (see style.css z-index: 10) */
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

#secondary .widget_block {
	background-color: rgba(255, 255, 255, 0.92);
}

.blog-post-item,
.single-page-wrapper .entry-content,
.single .blog-post-item .entry-footer,
#comments ol.comment-list article {
	background-color: rgba(255, 255, 255, 0.96);
}

#colophon {
	background-color: rgba(29, 32, 36, 0.96);
}

@media screen and (max-width: 1023px) {
	body {
		background-attachment: scroll;
	}
}

@media (prefers-reduced-motion: reduce) {
	body {
		background-attachment: scroll;
	}
}