.row:has(.ufg-filters) {
	width: 100%;
	display: block;
}

.ufg-filters > .ufg-parent-filters > .col-md-12 {
	display: flex;
	gap: 3.33rem;
	width: fit-content; 
}

.ufg-filters > .ufg-parent-filters > .col-md-12 > button {
	font-size: 0.77rem;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid white!important;
    border-width: 0 0 1px 0!important;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 0!important;
    transition: padding-right .3s ease-in-out, margin-right .3s ease-in-out;
    cursor: pointer;
    background: transparent!important;
    box-shadow: none!important;
}

.ufg-filters > .ufg-parent-filters > .col-md-12 > button:focus {
    box-shadow: none!important;
}

.ufg-filters > .ufg-parent-filters > .col-md-12 > button > i {
	display: none;	
}

.ufg-filters > .ufg-parent-filters > .col-md-12 > button:has(i) {
	padding-right: 1.5rem!important;
	margin-right: -1.5rem!important;
}

.ufg-filters > .ufg-parent-filters > .col-md-12 > button::after {
	content: "";
	width: 0;
	height: 0;
	right: 0px;
	top: calc(50% - 0.5rem / 2);
	transform: translateY(-50%);
	background-image: url(/wp-content/uploads/2025/07/filter-check.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: width .3s ease-in-out, height .3s ease-in-out;
	position: absolute;
}

.ufg-filters > .ufg-parent-filters > .col-md-12 > button:has(i)::after {
	width: 1.11rem;
	height: 1.11rem;
}

.gallery-mobile-select {
	display: none;
    align-items: center;
    padding: 0.5rem;
    border: 1px solid rgba(247, 242, 240, 1);
    font-size: 0.875rem;
    line-height: 1;
}

.gallery-mobile-select::before {
    content: url(/wp-content/uploads/2025/07/filter-icon.svg);
    margin-right: 0.5rem;
    transform: translateY(-1px);
}

.gallery-mobile-select::after {
    content: url(/wp-content/uploads/2025/07/filter-chevron.svg);
	margin-left: auto;
    transform-origin: center;
    transition: transform .3s ease-in-out;
}

@media all and (min-width: 980px) {
}

@media all and (max-width: 980px) {
	.ufg-filters {
		z-index: 1;
	}
	.ufg-filters > .ufg-parent-filters {
		position: relative;
		z-index: 1;
	}

	.ufg-filters > .ufg-parent-filters > .col-md-12 {
		display: flex;
        position: absolute;
        flex-direction: column;
        gap: 2rem;
        background-color: white;
        padding: 2rem;
        width: 100%;
        transform: translateY(70%);
        bottom: -7px;
        opacity: 0;
        transition: opacity .3s ease-in-out, transform .3s ease-in-out;
        pointer-events: none;
	}

	.ufg-filters > .ufg-parent-filters > .col-md-12.opened {
        opacity: 1;
        transform: translateY(calc(100% - -15px));
        pointer-events: all;
	}

	.ufg-filters > .ufg-parent-filters > .col-md-12 > button {
        font-size: 1rem;
        font-weight: 300;
        color: rgba(54, 58, 43, 1)!important;
        transition: font-weight .3s ease-in-out;
        margin-bottom: 0!important;
	}

	.gallery-mobile-select {
		display: flex;
	}
}