/**
 * Campo de busca de veículo.
 *
 * O <select> original continua no DOM (é ele que envia o valor), apenas fora
 * da vista. O campo de digitação herda a aparência dos demais campos do
 * formulário para não destoar do restante da página.
 */

.elite-busca {
	position: relative;
	width: 100%;
}

.elite-busca__original {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.elite-busca__entrada {
	width: 100%;
	box-sizing: border-box;
}

.elite-busca.is-preenchido .elite-busca__entrada {
	font-weight: 600;
}

.elite-busca__lista {
	position: absolute;
	z-index: 50;
	top: 100%;
	left: 0;
	right: 0;
	max-height: 17rem;
	margin: 0.25rem 0 0;
	padding: 0;
	overflow-y: auto;
	list-style: none;
	background: #fff;
	border: 1px solid #d5d8dc;
	border-radius: 4px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.elite-busca__lista[hidden] {
	display: none;
}

.elite-busca__item {
	padding: 0.6rem 0.85rem;
	margin: 0;
	cursor: pointer;
	line-height: 1.35;
	color: #1f2225;
}

.elite-busca__item:hover,
.elite-busca__item.is-ativo {
	background: #f1f3f5;
}

.elite-busca__aviso {
	padding: 0.6rem 0.85rem;
	margin: 0;
	color: #6b7176;
	font-size: 0.9em;
	cursor: default;
}

@media (prefers-color-scheme: dark) {
	.elite-busca__lista {
		background: #22262a;
		border-color: #3a4046;
	}

	.elite-busca__item {
		color: #e6e8ea;
	}

	.elite-busca__item:hover,
	.elite-busca__item.is-ativo {
		background: #2e343a;
	}

	.elite-busca__aviso {
		color: #9aa1a8;
	}
}