/*
 * SeaPod — Volver arriba (0.7.0). Prefijo: seapod-totop. Consume tokens del Core.
 */
.seapod-totop {
	--seapod-totop-size: 48px;
	--seapod-totop-x: 20px;
	--seapod-totop-y: 20px;
	--seapod-totop-stack: 0px;
	--seapod-totop-bg: var(--wp--preset--color--primary, #111);
	--seapod-totop-icon: var(--wp--preset--color--on-primary, #fff);
	--seapod-totop-bg-hover: var(--wp--preset--color--accent, #333);
	position: fixed;
	z-index: 9980;
	bottom: calc(var(--seapod-totop-y) + var(--seapod-totop-stack) + env(safe-area-inset-bottom, 0px));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--seapod-totop-size);
	height: var(--seapod-totop-size);
	padding: 0;
	border: 2px solid var(--seapod-totop-bg);
	border-radius: 50%;
	background: var(--seapod-totop-bg);
	color: var(--seapod-totop-icon);
	box-shadow: var(--wp--preset--shadow--medium, 0 8px 24px rgba(0, 0, 0, 0.16));
	cursor: pointer;
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
	transition: opacity 220ms ease, transform 220ms ease, background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.seapod-totop[hidden] {
	display: none;
}

.seapod-totop.is-visible {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

.seapod-totop--bottom-right {
	right: calc(var(--seapod-totop-x) + env(safe-area-inset-right, 0px));
}

.seapod-totop--bottom-left {
	left: calc(var(--seapod-totop-x) + env(safe-area-inset-left, 0px));
}

.seapod-totop--bottom-center {
	left: 50%;
	margin-left: calc(var(--seapod-totop-size) / -2);
}

.seapod-totop--rounded {
	border-radius: var(--wp--custom--radius--md, 12px);
}

.seapod-totop--square {
	border-radius: 0;
}

.seapod-totop--outline {
	background: transparent;
	color: var(--seapod-totop-bg);
	box-shadow: none;
}

.seapod-totop:hover {
	background: var(--seapod-totop-bg-hover);
	border-color: var(--seapod-totop-bg-hover);
	color: var(--seapod-totop-icon);
}

.seapod-totop:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent, currentColor);
	outline-offset: 3px;
}

.seapod-totop svg {
	width: 46%;
	height: 46%;
}

/* La barra de administración no afecta (el botón está abajo). */
@media (prefers-reduced-motion: reduce) {
	.seapod-totop {
		transition: none;
	}
}

@media print {
	.seapod-totop {
		display: none !important;
	}
}