/* GoConsent theme - Features (template-goconsent-features.php). */

.features-jump {
	position: sticky;
	top: var(--site-header-bottom);
	z-index: 50;
	border-bottom: 1px solid var(--site-border);
	background: rgba(255, 255, 255, 0.94);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

.features-jump__inner {
	display: flex;
	gap: 4px;
	overflow-x: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	scrollbar-width: none;
}

.features-jump__inner::-webkit-scrollbar {
	display: none;
}

.features-jump__link {
	flex: none;
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 14px;
	border-radius: var(--site-radius-pill);
	color: var(--site-text-muted);
	font-size: var(--site-size-sm);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.features-jump__link:hover {
	background: var(--site-brand-soft);
	color: var(--site-brand-deep);
}

.split__visual--narrow {
	flex-grow: 0;
	flex-basis: 380px;
	max-width: 440px;
	margin: 0 auto;
}

html {
	scroll-padding-top: calc(var(--site-sticky-top) + 56px); /* Below the header and the jump bar. */
}

.features-pro-cta {
	margin: 32px 0 0;
	text-align: center;
}

.feature-card__title .chip {
	margin-left: 6px;
	vertical-align: middle;
}