/* Gallery page: section filter */
.gallery-filter {
	padding: 30px 0 0;
}

.gallery-filter-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.gallery-filter-link {
	display: flex;
	align-items: center;
	height: 44px;
	padding: 0 22px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-white);
	font: 500 14px/17px var(--font-text);
	color: var(--color-text-gray);
	transition: border-color .2s, color .2s, background-color .2s;
}

.gallery-filter-link:hover {
	border-color: var(--color-navy);
	color: var(--color-navy);
}

.gallery-filter-link-active,
.gallery-filter-link-active:hover {
	border-color: var(--color-navy);
	background: var(--color-navy);
	color: var(--color-white);
}

@media (max-width: 767px) {
	.gallery-filter-list {
		flex-wrap: nowrap;
		margin: 0 -16px;
		padding: 0 16px;
		overflow-x: auto;
	}

	.gallery-filter-item {
		flex: none;
	}
}