/**
 * Scroll-to-top button — CFO premium styling.
 */

.pk-scroll-to-top {
	--pk-scrolltop-background: rgba(11, 11, 11, 0.92);
	--pk-scrolltop-icon-color: #b8943f;
	--pk-scrolltop-opacity: 1;
	--pk-scrolltop-opacity-hover: 1;

	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--pk-scrolltop-background);
	border: 1px solid rgba(184, 148, 63, 0.45);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 1.75rem;
	right: 1.75rem;
	z-index: 999;
	text-decoration: none;
	transform: translateY(10px);
	transition:
		opacity 0.3s ease,
		transform 0.3s ease,
		border-color 0.3s ease,
		background 0.3s ease,
		box-shadow 0.3s ease;
	pointer-events: none;
}

.pk-scroll-to-top.pk-active {
	opacity: var(--pk-scrolltop-opacity);
	left: auto;
	right: 1.75rem;
	transform: translateY(0);
	pointer-events: auto;
}

.pk-scroll-to-top:hover,
.pk-scroll-to-top:focus-visible {
	opacity: 1;
	background: rgba(184, 148, 63, 0.14);
	border-color: #b8943f;
	box-shadow: 0 6px 24px rgba(184, 148, 63, 0.22);
	outline: none;
}

.pk-scroll-to-top:focus-visible {
	box-shadow:
		0 0 0 2px rgba(11, 11, 11, 0.95),
		0 0 0 4px rgba(184, 148, 63, 0.55);
}

.pk-scroll-to-top .pk-icon {
	display: none;
}

.pk-scroll-to-top .efcfo-scroll-top__icon {
	display: block;
	color: #b8943f;
	transition: transform 0.25s ease, color 0.25s ease;
}

.pk-scroll-to-top:hover .efcfo-scroll-top__icon,
.pk-scroll-to-top:focus-visible .efcfo-scroll-top__icon {
	color: #dfbf78;
	transform: translateY(-2px);
}

@media (max-width: 759px) {
	.pk-scroll-to-top {
		width: 44px;
		height: 44px;
		bottom: 1.25rem;
		right: 1.25rem;
	}

	.pk-scroll-to-top.pk-active {
		right: 1.25rem;
	}
}