/**
 * Smooth-scroll lab only. Lenis adds .lenis to <html> after it starts,
 * which is wheel/desktop only. Phones never get these rules.
 */

html.lenis,
html.lenis body {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

html.lenis {
	scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + 5.5rem);
}

.skid-smooth-scroll-lab-badge {
	position: fixed;
	z-index: 100000;
	left: 0.75rem;
	bottom: 0.75rem;
	max-width: 16rem;
	margin: 0;
	padding: 0.45rem 0.65rem;
	border-radius: 4px;
	background: rgba(28, 22, 16, 0.88);
	color: #f6f1e7;
	font-family: Barlow, sans-serif;
	font-size: 12px;
	line-height: 1.35;
	letter-spacing: 0.01em;
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	html.lenis {
		scroll-behavior: auto;
	}
}

@media print {
	.skid-smooth-scroll-lab-badge {
		display: none;
	}
}