/* START KOL Location Autocomplete Dark Theme Styles */

.ui-autocomplete {
	background: #1e1e1e !important;
	border: 1px solid #4CAF50 !important;
	border-radius: 6px !important;
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.8) !important;
	max-height: 600px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding: 0 !important;
	margin: 4px 0 0 0 !important;
	min-width: auto !important;
	z-index: 9999 !important;
}

.ui-autocomplete .ui-menu-item {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	background: #1e1e1e !important;
	list-style: none !important;
}

.ui-autocomplete .ui-menu-item div {
	padding: 0 !important;
}

.ui-autocomplete .ui-menu-item > a,
.kol-location-suggestion {
	color: #e0e0e0 !important;
	padding: 14px 16px !important;
	font-size: 14px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	background: #1e1e1e !important;
	border-bottom: 1px solid #2a2a2a !important;
	display: block !important;
	width: 100% !important;
	text-align: left !important;
	text-decoration: none !important;
}

.ui-autocomplete .ui-menu-item:last-child > a,
.kol-location-suggestion:last-child {
	border-bottom: none !important;
}

.ui-autocomplete .ui-menu-item:hover > a,
.ui-autocomplete .ui-state-active > a,
.ui-autocomplete .ui-menu-item:hover .kol-location-suggestion,
.ui-autocomplete .ui-state-focus .kol-location-suggestion {
	background-color: #4CAF50 !important;
	color: #1e1e1e !important;
	border-bottom-color: #3d8b40 !important;
	font-weight: 600 !important;
}

.kol-location-field {
	background-color: #2a2a2a !important;
	color: #e0e0e0 !important;
	border: 1px solid #4CAF50 !important;
	border-radius: 6px !important;
	padding: 10px 14px !important;
	font-size: 14px !important;
	transition: all 0.2s ease !important;
}

.kol-location-field:focus {
	border-color: #4CAF50 !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.3) !important;
	background-color: #1a1a1a !important;
}

.kol-location-field::placeholder {
	color: #707070 !important;
}

.ui-helper-hidden-accessible {
	display: none !important;
}

/* END KOL Location Autocomplete Dark Theme Styles */