/**
 * Back to Top button
 *
 * Hidden until the visitor scrolls past the threshold; .is-visible is
 * toggled by assets/js/back-to-top.js. The [hidden] attribute is removed
 * by the script, so the button never appears without JS.
 */

.launchpad-back-to-top {
	position: fixed;
	right: 1.25rem;
	bottom: 1.25rem;
	z-index: 990; /* below popups (popup manager uses 999+) */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: var(--wp--preset--color--primary, #453edb);
	color: var(--wp--preset--color--base, #ffffff);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.5rem);
	transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

.launchpad-back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.launchpad-back-to-top:hover {
	background: var(--wp--preset--color--primary-dark, #302787);
}

.launchpad-back-to-top:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast, #12141b);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.launchpad-back-to-top {
		transition: none;
	}
}