/**
 * TreguPlus Frontend — search suggestions dropdown. Deliberately tiny
 * and standalone (see class-tpf-assets.php / tpf-search-suggestions.js
 * for why this is separate from tpf-frontend.css): it has to work
 * wherever the search box appears, which includes the site header on
 * every page, not just marketplace routes. Uses generic, low-specificity
 * selectors so it doesn't fight either the Theme's `.tpt-` styling or
 * this plugin's own `.tpf-` styling of the input itself — it only
 * styles the dropdown list it injects next to that input.
 */
.tpf-suggest-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 4px;
	background: #fff;
	border: 1px solid #e4e7ec;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(16, 24, 40, .12);
	list-style: none;
	padding: 6px;
	max-height: 320px;
	overflow-y: auto;
	z-index: 700;
	font-size: 14px;
}
.tpf-suggest-list[hidden] { display: none; }

.tpf-suggest-group-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #98a2b3;
	padding: 6px 10px 2px;
}

.tpf-suggest-item {
	padding: 8px 10px;
	border-radius: 6px;
	cursor: pointer;
	color: #344054;
}
.tpf-suggest-item:hover,
.tpf-suggest-item.is-active {
	background: #eff4ff;
	color: #1a56db;
}