.fgfa-filter-bar {
	--fgfa-active: #5c2c72;
	--fgfa-inactive: #bca7da;
	--fgfa-hover: var(--fgfa-active);

	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1.6rem;
	margin: 0 0 1.5rem;
	padding: 0;
	align-items: center;
	width: 100%;
	max-width: 100%;
	display: flex !important;
}

.fgfa-layout-stable {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.fgfa-gallery-stable {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.fgfa-filter-bar .fgfa-filter-button {
	appearance: none;
	background: transparent;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	color: var(--fgfa-inactive) !important;
	cursor: pointer;
	font-size: var(--fgfa-font-size, clamp(0.95rem, 1.25vw, 1.35rem));
	font-weight: var(--fgfa-font-weight, 700);
	letter-spacing: 0.01em;
	line-height: 1.1;
	padding: 0.15rem 0 0.45rem;
	text-transform: var(--fgfa-text-transform, uppercase);
	transition: color 0.2s ease, border-color 0.2s ease;
}

.fgfa-filter-bar .fgfa-filter-button:hover {
	color: var(--fgfa-hover, var(--fgfa-active)) !important;
}

.fgfa-filter-bar .fgfa-filter-button:focus-visible {
	outline: 2px solid #2271b1;
	outline-offset: 1px;
}

.fgfa-filter-bar .fgfa-filter-button.is-active {
	border-bottom-color: var(--fgfa-active) !important;
	color: var(--fgfa-active) !important;
}

.fgfa-enhanced .fg-item {
	transition: opacity 0.18s ease;
}

.fgfa-enhanced {
	width: 100%;
	max-width: 100%;
}

.foogallery.fgfa-enhanced {
	justify-content: flex-start !important;
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.elementor-widget-foogallery .elementor-widget-container,
.elementor-widget-foogallery .fgfa-filter-bar,
.elementor-widget-foogallery .foogallery.fgfa-enhanced {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: left !important;
}

.fgfa-enhanced .fg-item.fgfa-is-visible {
	opacity: 1;
}

.fgfa-enhanced .fg-item:not(.fgfa-is-visible) {
	opacity: 0;
	pointer-events: none;
}

.fgfa-enhanced .fg-item.fgfa-is-hidden,
.fgfa-enhanced .fg-item[hidden] {
	display: none !important;
}

@media (max-width: 782px) {
	.fgfa-filter-bar {
		gap: 1rem;
	}

	.fgfa-filter-bar .fgfa-filter-button {
		font-size: var(--fgfa-font-size, 0.95rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.fgfa-filter-bar .fgfa-filter-button,
	.fgfa-enhanced .fg-item {
		transition: none;
	}
}
