/* Crecondo · eigene Ergänzungen (nicht aus WordPress übernommen) */

/* Nach-oben-Button */
.to-top {
	position: fixed;
	right: clamp(16px, 3vw, 32px);
	bottom: clamp(16px, 3vw, 32px);
	z-index: 50;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 2px solid var(--wp--preset--color--contrast);
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
	box-shadow: 0 6px 20px rgb(0 0 0 / .22);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity .25s ease, transform .25s ease, visibility .25s, background-color .2s ease, color .2s ease;
}
.to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.to-top:hover { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--accent); border-color: var(--wp--preset--color--accent); }
.to-top:focus-visible { outline: 3px solid var(--wp--preset--color--contrast); outline-offset: 3px; box-shadow: 0 0 0 6px var(--wp--preset--color--base); }
.to-top svg { width: 22px; height: 22px; }
@media (prefers-reduced-motion: reduce) { .to-top { transition: none; } }
@media print { .to-top { display: none; } }