/*--------------------------------------------------------------
# Site search autocomplete rows (js/search-autocomplete.js)
Loaded after style.css by the theme, and by content-tools/dash headers.
Base container/row/selected styles stay in style.css and the tools' inline <style>.
--------------------------------------------------------------*/
.autocomplete-suggestions {
	min-width: min(340px, 95vw);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
}

.autocomplete-suggestion {
	text-overflow: ellipsis;
}

.autocomplete-suggestion .ac-type {
	display: inline-block;
	min-width: 4.6em;
	margin-right: .4em;
	font-size: .72em;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #80817d;
}

.autocomplete-suggestion .ac-sku {
	margin-right: .45em;
	font-variant-numeric: tabular-nums;
}

.autocomplete-suggestion .ac-meta {
	margin-left: .45em;
	font-size: .85em;
	color: #80817d;
}

.autocomplete-suggestion.ac-row-search {
	border-bottom: 1px solid #ddd;
}

.ac-row-search .ac-kicker {
	color: #80817d;
}

/* selected row: the tools highlight with #ccc */
.autocomplete-selected .ac-type,
.autocomplete-selected .ac-meta,
.autocomplete-selected .ac-kicker {
	color: #333;
}

/* theme only (body class from twentyfourteen_body_classes): style.css highlights with #80817d */
.sk-site .autocomplete-selected .ac-type,
.sk-site .autocomplete-selected .ac-meta,
.sk-site .autocomplete-selected .ac-kicker {
	color: #fff;
}