/* Sitewide "Back to top" button — fixed bottom-right, hidden until the user
   scrolls past ~400px (toggled by homepezzo-back-to-top.js via .is-visible). */
.hp-back-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: var(--hp-blue, #315E9E);
	color: #ffffff;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 2px 10px rgba(49, 94, 158, 0.35);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
}

.hp-back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0s;
}

.hp-back-to-top:hover,
.hp-back-to-top:focus-visible {
	background: var(--hp-blue-hover, #2A5086);
}

@media (max-width: 575px) {
	.hp-back-to-top {
		right: 18px;
		bottom: 72px;
		width: 38px;
		height: 38px;
		font-size: 16px;
	}
}