/* دکمه بازگشت به بالای لندینگ */

.home-back-to-top {
	position: fixed;
	z-index: 120;
	inset-inline-end: max(0.85rem, env(safe-area-inset-right, 0px));
	bottom: calc(1.15rem + env(safe-area-inset-bottom, 0px));
	width: 2.9rem;
	height: 2.9rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	background: linear-gradient(145deg, var(--brand-base, #720ba1), var(--brand-deep, #520878));
	color: #fff;
	box-shadow:
		0 10px 28px rgba(82, 8, 120, 0.4),
		0 2px 6px rgba(15, 23, 42, 0.14);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(12px) scale(0.92);
	-webkit-tap-highlight-color: transparent;
	transition:
		opacity 0.28s ease,
		visibility 0.28s ease,
		transform 0.28s ease,
		box-shadow 0.2s ease;
}

.home-back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
}

.home-back-to-top svg {
	width: 1.25rem;
	height: 1.25rem;
	display: block;
}

.home-back-to-top:active {
	box-shadow: 0 6px 16px rgba(82, 8, 120, 0.3);
	transform: translateY(0) scale(0.94);
}

html[data-theme="dark"] .home-back-to-top {
	border-color: rgba(255, 255, 255, 0.18);
	box-shadow:
		0 10px 28px rgba(0, 0, 0, 0.45),
		0 0 0 1px rgba(168, 85, 247, 0.22);
}

@media (min-width: 1024px) {
	.home-back-to-top {
		inset-inline-end: 1.5rem;
		bottom: 1.75rem;
		width: 3.1rem;
		height: 3.1rem;
	}
}