/* ============================================================
   ECOMREALITY — COMPACT COMPANIES FILTER
   v1.1.1
   ============================================================ */

.ercl-company-filter {
	--ercl-c-navy:#16085a;
	--ercl-c-blue:#2f63ff;
	--ercl-c-text:#5b6371;
	--ercl-c-border:#e2e8ef;
	--ercl-c-white:#fff;

	width:100%;
	margin:0 0 26px;
	padding:18px 20px;

	background:var(--ercl-c-white);
	border:1px solid rgba(22,8,90,.07);
	border-radius:16px;

	box-shadow:
		0 5px 18px rgba(24,35,65,.03),
		0 14px 38px rgba(24,35,65,.02);

	box-sizing:border-box;
}

.ercl-company-filter *,
.ercl-company-filter *::before,
.ercl-company-filter *::after {
	box-sizing:border-box;
}

/* compact top line */
.ercl-company-filter-top {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	margin-bottom:12px;
}

.ercl-company-filter-label {
	color:var(--ercl-c-navy);
	font-family:inherit;
	font-size:13px;
	line-height:1.2;
	font-weight:750;
}

.ercl-company-filter-count {
	flex:0 0 auto;
	color:#8a919d;
	font-family:inherit;
	font-size:11px;
	line-height:1.2;
	font-weight:650;
	white-space:nowrap;
}

/* controls */
.ercl-company-filter-controls {
	display:grid;
	grid-template-columns:minmax(280px,1fr) minmax(190px,240px) 86px;
	gap:10px;
	align-items:center;
}

.ercl-company-search-wrap {
	position:relative;
	min-width:0;
}

.ercl-company-search-icon {
	position:absolute !important;
	left:14px !important;
	top:50% !important;
	transform:translateY(-50%) !important;

	width:17px !important;
	height:17px !important;
	min-width:17px !important;
	min-height:17px !important;

	margin:0 !important;
	padding:0 !important;

	fill:none !important;
	stroke:#7f8794 !important;
	stroke-width:1.8 !important;

	pointer-events:none;
	z-index:2;
}

.ercl-company-search,
.ercl-company-select,
.ercl-company-clear {
	height:46px !important;
	margin:0 !important;
	border-radius:10px !important;
	font-family:inherit !important;
}

.ercl-company-search,
.ercl-company-select {
	width:100% !important;
	padding:0 13px !important;

	background:#fafbfd !important;
	border:1px solid #dce3ea !important;
	outline:none !important;

	color:var(--ercl-c-navy) !important;
	font-size:13px !important;
	line-height:46px !important;

	box-shadow:none !important;
}

.ercl-company-search {
	padding-left:42px !important;
}

.ercl-company-search::placeholder {
	color:#9ba2ad !important;
	opacity:1 !important;
}

.ercl-company-search:focus,
.ercl-company-select:focus {
	background:#fff !important;
	border-color:rgba(47,99,255,.5) !important;
	box-shadow:0 0 0 3px rgba(47,99,255,.08) !important;
}

.ercl-company-select {
	cursor:pointer;
}

.ercl-company-clear {
	width:100% !important;
	padding:0 13px !important;

	background:var(--ercl-c-navy) !important;
	border:0 !important;

	color:#fff !important;
	font-size:11px !important;
	line-height:46px !important;
	font-weight:750 !important;

	cursor:pointer;
	transition:
		transform .18s ease,
		background .18s ease,
		box-shadow .18s ease;
}

.ercl-company-clear:hover {
	transform:translateY(-1px);
	background:#251078 !important;
	box-shadow:0 7px 17px rgba(22,8,90,.13) !important;
}

.ercl-company-clear:disabled {
	opacity:.45;
	cursor:default;
	transform:none;
	box-shadow:none !important;
}

.ercl-company-no-results {
	display:none;
	width:100%;
	margin:0 0 26px;
	padding:30px 20px;

	background:#fff;
	border:1px solid var(--ercl-c-border);
	border-radius:15px;

	text-align:center;
	color:var(--ercl-c-text);
}

.ercl-company-no-results.is-visible {
	display:block;
}

.ercl-company-no-results strong {
	display:block;
	margin-bottom:6px;
	color:var(--ercl-c-navy);
	font-size:17px;
}

.ercl-company-no-results span {
	font-size:12.5px;
}

@media (max-width:760px) {
	.ercl-company-filter {
		padding:16px;
	}

	.ercl-company-filter-controls {
		grid-template-columns:1fr 1fr;
	}

	.ercl-company-search-wrap {
		grid-column:1/-1;
	}

	.ercl-company-clear {
		grid-column:1/-1;
	}
}

@media (max-width:520px) {
	.ercl-company-filter-top {
		align-items:flex-start;
	}

	.ercl-company-filter-controls {
		grid-template-columns:1fr;
	}

	.ercl-company-search-wrap,
	.ercl-company-clear {
		grid-column:auto;
	}
}