/* fCombobox base styles.
 * 
 * This is a copy of the default fSelect styles included in in wp-content/plugins/facet-wp/assets/vendor/fSelect/fSelect.css.
 * The namespace "fs-" (fselect) has been replaced with "fc-" (fcombobox).
 */

.fc-wrap {
	display: inline-block;
	position: relative;
	cursor: pointer;
	line-height: 1;
}

.fc-label-wrap {
	position: relative;
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: default;
}

.fc-label-wrap,
.fc-dropdown {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fc-label-wrap .fc-label {
	padding: 6px 22px 6px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.fc-arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #333;
	position: absolute;
	top: 0;
	right: 5px;
	bottom: 0;
	margin: auto;
	transition: ease-in 0.15s;
}

.fc-open .fc-arrow {
	transform: rotate(-180deg);
}

.fc-dropdown {
	width: 100%;
	position: absolute;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: none;
	z-index: 1000;
}

.fc-dropdown .fc-options {
	max-height: 200px;
	overflow: auto;
}

.fc-search {
	background-color: #f8f8f8;
	padding: 0 8px;
}

.fc-wrap .fc-search input {
	border: none;
	box-shadow: none;
	background-color: transparent;
	outline: none;
	padding: 0;
	width: 100%;
}

.fc-option,
.fc-search,
.fc-optgroup-label {
	padding: 6px 8px;
	cursor: default;
}

.fc-option:last-child {
	border-bottom: none;
}

.fc-no-results {
	padding: 6px 8px;
}

.fc-option {
	cursor: pointer;
	word-break: break-all;
}

.fc-label-wrap:focus-visible + .fc-dropdown .fc-option.keyboard-focused {
	outline-width: 2px;
	outline-style: auto;
	outline-offset: -2px;
}

.fc-option.disabled {
	opacity: 0.4;
	cursor: default;
}

.fc-wrap.single .fc-option.selected {
	background-color: #dff3ff;
}

.fc-wrap.multiple .fc-option {
	position: relative;
	padding-left: 30px;
}

.fc-wrap.multiple .fc-checkbox {
	position: absolute;
	display: block;
	width: 30px;
	top: 0;
	left: 0;
	bottom: 0;
}

.fc-wrap.multiple .fc-option .fc-checkbox i {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 14px;
	height: 14px;
	border: 1px solid #aeaeae;
	border-radius: 2px;
	background-color: #fff;
}

.fc-wrap.multiple .fc-option.selected .fc-checkbox i {
	background-color: rgb(108, 138, 255);
	border-color: transparent;
}

.fc-optgroup-label {
	font-weight: bold;
	text-align: center;
	background-color: #f8f8f8;
}

.fc-hidden {
	display: none;
}