/* Filters Styles */
.search-filter-component-popup{
	border: 0 !important;  
	opacity: 100;
	transform: translateY(-10px) !important;
	transition: all 0.3s !important;
	border-radius: 16px !important;
	background: #fff !important;
	padding: 16px 8px !important;
	filter: drop-shadow(0px 12px 50px rgba(0, 20, 55, 0.15)) !important;
	margin-top: 20px !important;
	z-index: 100 !important;
}

.search-filter-component-popover{
	border: 0 !important;  
	opacity: 100;
	transition: all 0.3s !important;
	transform: translateY(10px) !important;
	border-radius: 16px !important;
	background: #fff !important;
	padding: 16px 8px !important;
	filter: drop-shadow(0px 12px 50px rgba(0, 20, 55, 0.15)) !important;
	z-index: 100 !important;
}
.search-filter-component-combobox-base{
	display: flex;
	align-items: center;
}
.search-filter-component-combobox__input-divider{
	display: none !important;
}
.search-filter-component-combobox-base:after{
	background-image: url('/wp-content/themes/backstop/images/dd.svg');
	content: '';
	position: absolute;
	right: 13px;
	top: 19px;
	height: 5px;
	width: 10px;
	transform: rotate(0deg);
	transition: all 0.3s;
}
.search-filter-component-combobox-base__listbox-option--active:hover, .search-filter-component-combobox-base__listbox-option--active.search-filter-component-combobox-base__listbox-option--selected{
	background: transparent !important;
}
.search-filter-component-combobox__clear-selection{
	display: none !important;
}
.search-filter-component-combobox-base.search-filter-component-combobox-base--listbox-visible:after{
	transform: rotate(180deg);
}
.search-filter-component-popup--hidden{
	display: block !important;
	opacity: 0;
}
.search-filter-component-combobox__listbox-toggle{
	display: none !important;
}

li.search-filter-component-combobox-base__listbox-option{
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	background: transparent !;
	color: var(--search-filter-input-color) !important;
}
li.search-filter-component-combobox-base__listbox-option::before{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid #666;
	border-radius: 50%;
	flex-shrink: 0;
}
.search-filter-style--search-autocomplete{
	width: 320px !important;
}
.search-filter-style--search-autocomplete li.search-filter-component-combobox-base__listbox-option::before{
	content: none !important;
}
.search-filter-style--search-autocomplete li.search-filter-component-combobox-base__listbox-option.search-filter-component-combobox-base__listbox-option--selected{
	color: #fff !important;
	background: #00A5E6 !important;
}
.search-filter-style--control-sort li.search-filter-component-combobox-base__listbox-option.search-filter-component-combobox-base__listbox-option--selected,
.search-filter-style--control-sort li.search-filter-component-combobox-base__listbox-option.search-filter-component-combobox-base__listbox-option--active{
	background: transparent !important;
}
li.search-filter-component-combobox-base__listbox-option.search-filter-component-combobox-base__listbox-option--selected::before{
	border-color: #00A5E6;
	background: radial-gradient(circle, #00A5E6 40%, transparent 45%);
}

/* Applied Filters */
.applied-filters-container{
	display: flex;
	justify-content: space-between;
}
.applied-filters-container .applied-filters{
	display: flex;
	gap: 10px;
	align-items: center;
}
.applied-filters-container .applied-filters .search-filter-input-button-group button[aria-pressed="false"],
.applied-filters-container .applied-filters .search-filter-checkable-button .search-filter-input-button:not(.search-filter-input-button--is-selected){
	display: none;
}
.applied-filters-container .applied-filters .search-filter-input-button-group button[aria-pressed="true"], 
.search-filter-input-button--search-term,
.applied-filters-container .applied-filters .search-filter-checkable-button .search-filter-input-button--is-selected{
	background-color: rgba(150, 200, 105, 0.4);
	padding: 5px 32px 5px 16px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: rgba(0, 20, 55, 1);
	border-radius: 16px;
	border:0;
	position: relative;
}
.search-filter-input-button--search-term{
	display: flex;
	align-items: center;
}
.search-filter-component-combobox__actions-input::placeholder, .search-filter-input-text__input::placeholder{
	color: rgb(60, 67, 74) !important;
}
.search-filter-input-button--search-term:active, .search-filter-input-button--search-term:focus{
	box-shadow: rgb(51, 51, 51) 0px 0px 0px 1px;
}
.applied-filters-container .applied-filters .search-filter-input-button-group button[aria-pressed="true"]:after, 
.search-filter-input-button--search-term:after,
.applied-filters-container .applied-filters .search-filter-checkable-button .search-filter-input-button--is-selected:after{
	content: '';
	background-image: url('/wp-content/themes/backstop/images/filter-x.svg');
	height: 10px;
	width: 10px;
	position: absolute;
	right: 12px;
}
.applied-filters-container .applied-filters ul{
	display: flex;
	gap: 10px;
	padding-left: 0;
}
.applied-filters-container{ position: relative; }

.applied-filters-container .applied-filters ul li{
	background-color: rgba(150, 200, 105, 0.4);
	padding: 2px 16px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: rgba(0, 20, 55, 1);
	border-radius: 16px;
}
.applied-filters .search-filter-input-button-group{ margin-top: 10px; }
.applied-filters .search-filter-input-button{
	background-color: rgba(150, 200, 105, 0.4);
	padding: 5px 8px 5px 16px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: rgba(0, 20, 55, 1);
	border-radius: 16px;
	border: 0;
	position: relative;
}
.applied-filters .search-filter-input-button:focus,
.applied-filters .search-filter-input-button:active{ background-color: rgba(150, 200, 105, 0.4); }
.applied-filters .search-filter-input-button:hover,
.search-filter-input-button:hover:not(.is-disabled):not(.search-filter-input-button--is-selected){
	color: rgba(0, 20, 55, 1) !important;
	background-color: rgba(150, 200, 105, 0.6) !important;
}
.applied-filters .search-filter-icon--destructive .search-filter-icon__svg {
	fill: #031352;
	color: #001437;
	height: 16px;
	margin-left: 8px;
}

.applied-filters-container .reset .search-filter-field--control-type-reset{
	position: absolute;
	top: 0px;
	right: 70px;
}
.applied-filters-container .reset .search-filter-field--control-type-reset .search-filter-input-button{
	padding: 0;
	line-height: 1;
	padding-right: 23px;
	color: var(--search-filter-label-color);
	position: absolute; 
	border: none;
}
.applied-filters-container .reset .search-filter-field--control-type-reset .search-filter-input-button:before{
	display: block;
	content: '';
	background-image: url('/wp-content/themes/backstop/images/filter-x.svg');
	height: 10px;
	width: 10px;
	position: absolute;
	right: 3px;
}
.applied-filters-container .reset .search-filter-field--control-type-reset .search-filter-input-button:hover{ background: none !important; }
.applied-filters .reset .search-filter-input-button:focus,
.applied-filters .reset .search-filter-input-button:active{ outline: none; }