/* #region BACKTOTOP */
:root {
	--trailblazor-backtotop-bg: #0d6efd;
	--trailblazor-backtotop-hover: #0b5ed7;
	--trailblazor-backtotop-color: #fff;
}

[data-bs-theme="dark"] {
	--trailblazor-backtotop-bg: #f8f9fa;
	--trailblazor-backtotop-hover: #e9ecef;
	--trailblazor-backtotop-color: #000;
}

.back-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--trailblazor-backtotop-bg);
	color: var(--trailblazor-backtotop-color);
	border: none;
	cursor: pointer;
	z-index: 2147483647;
	box-shadow: 0 4px 10px rgba(0,0,0,.2);
	transition: opacity 0.3s ease, transform 0.3s ease, background 0.2s ease;
	opacity: 0;
	transform: scale(0.9);
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.back-to-top.show {
		opacity: 1;
		transform: scale(1);
		pointer-events: auto;
	}

	.back-to-top:hover {
		background: var(--trailblazor-backtotop-hover);
		transform: translateY(-2px) scale(1.05);
	}

	/* Your SVG stays exactly as-is */
	.back-to-top svg {
		width: 24px;
		height: 24px;
	}
/* #endregion */