/* Component: feed-tabs */

.wpar-feed-tabs {
	position: sticky;
	top: calc(var(--wpar-top, 0px) + 55px);
	/* flush against the header (56px tall + its 1px border), no gap */
	z-index: 30;
	/* below the header's 40, above the cards scrolling underneath */
	display: flex;
	gap: 4px;
	padding: 4px;
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--radius);
}

.wpar-feed-tabs__sentinel {
	height: 1px;
	margin-bottom: -1px;
}

.wpar-feed-tabs.is-stuck {
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.wpar-feed-tabs__item {
	flex: 1;
	padding: 9px 12px;
	border-radius: calc(var(--radius) - 6px);
	color: var(--muted);
	font-size: 14px;
	font-weight: 650;
	text-align: center;
	text-decoration: none;
}

.wpar-feed-tabs__item:hover {
	background: var(--field);
	color: var(--ink);
}

.wpar-feed-tabs__item[aria-current="page"] {
	background: var(--accent-soft);
	color: var(--accent);
}