/* Shop filter tabs (inc/shop-filter-tabs.php). */
.sng-filter-tabs {
	display: flex;
	gap: 30px;
	width: 100%;
	margin: 0 0 30px;
	border-bottom: 1px solid #ddd2c0;
	overflow-x: auto;
	scrollbar-width: none;
}

.sng-filter-tabs::-webkit-scrollbar {
	display: none;
}

.sng-filter-tab {
	flex: 0 0 auto;
	margin-bottom: -1px;
	padding: 0 0 14px;
	border-bottom: 2px solid transparent;
	font-family: "Work Sans", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	color: #6b5d4d;
	white-space: nowrap;
	text-decoration: none;
	transition: color 0.2s, border-color 0.2s;
}

.sng-filter-tab:hover,
.sng-filter-tab:focus-visible {
	color: #78350f;
}

.sng-filter-tabs.is-loading {
	pointer-events: none;
	opacity: 0.6;
}

.sng-filter-tab.is-active {
	color: #78350f;
	border-bottom-color: #78350f;
}

@media (max-width: 767px) {
	.sng-filter-tabs {
		gap: 22px;
		margin-bottom: 18px;
	}

	.sng-filter-tab {
		padding-bottom: 10px;
		font-size: 14px;
	}
}

/* Listing toolbar (template 783): with many active filter chips, the chips wrap inside the left part and
   "Sort by" stays at the top right, instead of the whole sort block dropping to its own line. */
@media (min-width: 768px) {
	#brxe-xulix4 {
		flex-wrap: nowrap;
		align-items: flex-start;
	}

	#brxe-n4tp45 {
		flex: 1 1 auto;
		align-items: flex-start;
		min-width: 0;
	}

	#brxe-fri1on {
		flex: 1 1 0;
		min-width: 0;
	}

	#brxe-9i0ui4 {
		flex: 0 0 auto;
		margin-left: auto;
	}
}