:root {
	--filter-headline-color: #696969;
	--filter-green-color: #447355;
	--filter-dark-grey-color: #1a1a1a;
	--filter-white-color: #fff;
}

button:focus {
	outline-color: var(--filter-green-color) !important;
}

.help {
	cursor: help;
}

.faceted-overlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(25, 25, 25, 0.5);
	z-index: 100;
}
.faceted-overlay .overlay__inner {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
.faceted-overlay .overlay__content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}
.faceted-overlay .spinner {
	width: 75px;
	height: 75px;
	display: inline-block;
	border-width: 2px;
	border-color: rgba(255, 255, 255, 0.05);
	border-top-color: var(--filter-white-color);
	animation: spin 1s infinite linear;
	border-radius: 100%;
	border-style: solid;
}
@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

#search_filters .ui-slider-horizontal .ui-slider-handle {
	margin-left: -1px;
	cursor: pointer;
}
#search_filters .ui-widget-header {
	top: -1px;
	height: 4px;
	background: none;
	background-color: var(--filter-green-color) !important;
}
#search_filters .ui-slider .ui-slider-handle {
	top: -0.4em;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: none !important;
	background: none;
	background-color: var(--filter-green-color) !important;
	color: var(--filter-green-color);
	cursor: pointer;
}
#search_filters .ui-slider-horizontal {
	display: block;
	height: 0;
	border: 2px solid;
	border-color: whitesmoke;
	margin-block: 1em 0.5em;
}

#search_filters .facet .title {
	display: flex;
}
#search_filters .facet .title .collapse-icons {
	margin-left: auto;
}
#search_filters .facet .facet-title {
	width: calc(100% - 30px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#search_filters .facet .facet-label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5em;
	width: 100%;
	padding-block: 0.125rem;
}
#search_filters .facet .facet-label .custom-checkbox,
#search_filters .facet .facet-label .custom-radio {
	top: 0;
	margin-right: 0;
}
#search_filters .facet .facet-label .color {
	margin-left: 0;
}
#search_filters .facet .facet-label a {
	margin: 0;
	width: auto;
	color: var(--filter-green-color);
	word-break: break-word;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
}
#search_filters .facet .facet-label a:hover {
	color: var(--filter-dark-grey-color);
}

/* Override theme.css */
#search_filters .facet .facet-label a._gray-darker {
    color: var(--filter-dark-grey-color);
}

#search_filters .custom-checkbox input[type="checkbox"] + span,
#search_filters .custom-checkbox input[type="checkbox"],
#search_filters .facet .collapse,
#search_filters .facet {
	padding: 0;
	margin: 0;
}

.custom-radio {
	width: 16px;
	height: 16px;
}

.custom-radio input[type="radio"]:checked + span {
	width: 10px;
	height: 10px;
	background-color: var(--filter-green-color);
}

.custom-checkbox input[type="checkbox"],
#search_filters .custom-checkbox input[type="checkbox"] + span {
	width: 16px;
	height: 16px;
}

#search_filters .custom-checkbox input[type="checkbox"] + span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
	position: relative;
	margin: 0;
	width: 10px;
	height: 10px;
	font-size: 0;
	background: var(--filter-green-color);
}
