/**
 * Scroll to Top – fixed floating button on the right.
 * Shown when user scrolls down; click scrolls smoothly to top.
 *
 * @package Blocksy_Child
 */

/* Same blue gradient & shadow as Kontakt floating button */
.autohjul-scroll-to-top {
	position: fixed;
	right: 49px;
    bottom: 86px;
    width: 48px;
    height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);
	color: #fff;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(37, 99, 235, 0.45), 0 2px 6px rgba(0, 0, 0, 0.08);
	z-index: 99998;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background 0.2s ease, box-shadow 0.25s ease;
}

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

.autohjul-scroll-to-top:hover {
	box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5), 0 3px 10px rgba(0, 0, 0, 0.1);
}

.autohjul-scroll-to-top:focus {
	outline: 2px solid #2563eb;
	outline-offset: 2px;
}

.autohjul-scroll-to-top__icon {
	width: 20px;
    height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

@media (max-width: 768px) {
	.autohjul-scroll-to-top {
		right: 26px;
        bottom: 84px;
		width: 42px;
		height: 42px;
	}
	.autohjul-scroll-to-top__icon {
		width: 20px;
		height: 20px;
	}
}