/* VELYON Theme — Scroll to Top button */

.scroll-top-btn {
	position: fixed;
	bottom: 28px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--velyon-accent);
	color: #04170a;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(0, 206, 45, .3);
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
	z-index: 200;
}
.scroll-top-btn.show {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.scroll-top-btn:hover {
	filter: brightness(1.08);
}
.scroll-top-btn.pos-bottom-right {
	right: 24px;
}
.scroll-top-btn.pos-bottom-left {
	left: 24px;
}

@media (max-width: 782px) {
	.scroll-top-btn {
		/* clears the mobile bottom tab bar (+ any plugin bar above it) */
		bottom: calc(var(--velyon-bottom-nav-height, 64px) + var(--velyon-bottom-bar-height, 0px) + 20px);
		width: 42px;
		height: 42px;
		font-size: 17px;
	}
	.scroll-top-btn.pos-bottom-right {
		right: 16px;
	}
	.scroll-top-btn.pos-bottom-left {
		left: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.scroll-top-btn {
		transition: opacity .2s ease;
		transform: none;
	}
}