@charset "UTF-8";

.autocomplete-results {
	position: absolute;
	z-index: 1050; /* สูงพอจะอยู่เหนือ input อื่น */
	width: 100%;
	max-height: 250px;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0.25rem;
	box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.autocomplete-item {
	padding: 0.5rem 0.75rem;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.autocomplete-item.active,
.autocomplete-item:hover {
	background-color: #f0f0f0;
}

@media (max-width: 576px) {
	.autocomplete-results {
		font-size: 1rem;
		max-height: 200px;
	}
}