/* Catalogo (/albums/, /genre/<slug>/): barra filtri e ordinamento. */

.dc-filterbar {
	position: sticky;
	top: 76px;
	z-index: 40;
	background: var(--dc-paper);
	border-block: var(--dc-border);
}
.admin-bar .dc-filterbar {
	top: calc(76px + 32px);
}
.dc-filterbar__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
	padding-block: 0.75rem;
}
.dc-sort {
	display: flex;
	gap: 0.75rem;
	font-size: var(--dc-fs-s);
}
.dc-sort a {
	text-decoration: none;
	color: var(--dc-muted);
}
.dc-sort a[aria-current] {
	color: var(--dc-ink);
	font-weight: 600;
	text-decoration: underline;
}

@media (max-width: 760px) {
	.dc-filterbar {
		position: static;
	}
	.dc-filterbar nav {
		width: calc(100% + var(--dc-gutter));
		overflow-x: auto;
		scrollbar-width: none;
	}
	.dc-filterbar .dc-chips {
		flex-wrap: nowrap;
		padding-right: var(--dc-gutter);
	}
	.dc-filterbar .dc-chip {
		white-space: nowrap;
	}
}