/* Spc/ProfileBackground — full-page custom bg layer on profile view */

.spc-profilebg-layer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: -2;
	pointer-events: none;
}

body.spc-profilebg-active::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.7) 100%);
	z-index: -1;
	pointer-events: none;
}

body.spc-profilebg-active .p-body,
body.spc-profilebg-active .p-nav,
body.spc-profilebg-active .p-footer {
	position: relative;
	z-index: 1;
}

body.spc-profilebg-active .p-body-content,
body.spc-profilebg-active .block-container,
body.spc-profilebg-active .memberHeader,
body.spc-profilebg-active .message {
	background-color: rgba(26, 26, 26, 0.78);
	backdrop-filter: blur(10px) saturate(140%);
	-webkit-backdrop-filter: blur(10px) saturate(140%);
}

.spc-profilebg-btn {
	margin-left: 6px;
}
.spc-profilebg-btn i {
	margin-right: 4px;
}

.spc-profilebg-preview {
	width: 100%;
	max-width: 400px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 6px;
	overflow: hidden;
	background: #0e0e0e;
}
.spc-profilebg-preview img {
	width: 100%;
	height: auto;
	display: block;
	max-height: 220px;
	object-fit: cover;
}