/**
 * Unified AJAX filter — shop-page active state indicators.
 * Most of the filter UI is built from core.css; this is only the
 * active-filter summary bar that appears above results.
 */
.bmtk-uf-bar {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--bmtk-space-2);
	padding: var(--bmtk-space-3) 0;
	margin-bottom: var(--bmtk-space-4);
	border-bottom: 1px solid var(--bmtk-border-soft);
}
.bmtk-uf-bar__label {
	font-size: 13px;
	color: var(--bmtk-ink-soft);
	margin-right: var(--bmtk-space-1);
}
.bmtk-uf-bar__clear-all {
	margin-left: auto;
	font-size: 12px;
	font-weight: 600;
	color: var(--bmtk-ink-soft);
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px 8px;
	border-radius: var(--bmtk-radius-sm);
}
.bmtk-uf-bar__clear-all:hover {
	background: var(--bmtk-bg);
	color: var(--bmtk-danger);
}

/* Scroll sentinel (invisible, used for IntersectionObserver) */
.bmtk-inf-sentinel {
	height: 1px;
	width: 100%;
	pointer-events: none;
}