/* VIVI Lite Pages：全站關鍵字搜尋提示 --------------------------------------- */
body.vivi-lite-page .vivi-search-suggestion-host {
	position: relative !important;
	overflow: visible !important;
}

body.vivi-lite-page .vivi-search-suggestion-list {
	position: absolute !important;
	top: calc(100% + 6px) !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 10020 !important;
	display: block;
	max-height: min(320px, 48vh) !important;
	margin: 0 !important;
	padding: 6px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	border: 1px solid var(--vivi-color-border, #e5e7eb) !important;
	border-radius: var(--vivi-radius-md, 12px) !important;
	background: var(--vivi-color-card, #fff) !important;
	box-shadow: var(--vivi-shadow-soft, 0 14px 36px rgba(17, 24, 39, .12)) !important;
	box-sizing: border-box !important;
	overscroll-behavior: contain;
}

body.vivi-lite-page .vivi-search-suggestion-list[hidden] {
	display: none !important;
}

body.vivi-lite-page .vivi-search-suggestion-option {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	width: 100% !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 9px 10px !important;
	border: 0 !important;
	border-radius: var(--vivi-radius-sm, 8px) !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--vivi-color-text, #1f2937) !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	text-align: left !important;
	text-decoration: none !important;
	text-transform: none !important;
	cursor: pointer !important;
}

body.vivi-lite-page .vivi-search-suggestion-option:hover,
body.vivi-lite-page .vivi-search-suggestion-option:focus-visible,
body.vivi-lite-page .vivi-search-suggestion-option[aria-selected="true"] {
	background: var(--vivi-color-bg-soft, #f5f5f4) !important;
	color: var(--vivi-color-heading, #111827) !important;
	outline: none !important;
}

body.vivi-lite-page .vivi-search-suggestion-option:active {
	transform: scale(.995) !important;
}

body.vivi-lite-page .vivi-search-suggestion-label {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.vivi-lite-page .vivi-search-suggestion-kind {
	flex: 0 0 auto;
	color: var(--vivi-color-text-muted, #6b7280) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	white-space: nowrap;
}

body.vivi-lite-page .vivi-search-suggestion-message {
	padding: 10px 12px !important;
	color: var(--vivi-color-text-muted, #6b7280) !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

body.vivi-lite-page .vivi-search-suggestion-message.is-loading::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	vertical-align: -2px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: vivi-search-suggestion-spin .7s linear infinite;
}

@keyframes vivi-search-suggestion-spin {
	to { transform: rotate(360deg); }
}

@media (max-width: 860px) {
	body.vivi-lite-page .vivi-search-suggestion-list {
		max-height: min(280px, 42vh) !important;
	}

	body.vivi-lite-page .vivi-search-suggestion-option {
		min-height: 44px !important;
		font-size: 15px !important;
	}
}


/* 已輸入提示詞與正式搜尋結果的關鍵字醒目標示 ------------------------------ */
body.vivi-lite-page mark.vivi-search-suggestion-match,
body.vivi-lite-page mark.vivi-search-result-highlight {
	margin: 0 !important;
	padding: 0 .08em !important;
	border: 0 !important;
	border-radius: 3px !important;
	background: #fff59d !important;
	box-shadow: none !important;
	color: inherit !important;
	font: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-decoration: none !important;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

body.vivi-lite-page mark.vivi-search-suggestion-match {
	padding-inline: .04em !important;
}


/* v0.10.232：生活探索提示詞依內容自然展開，不顯示內層卷軸。 */
body.vivi-lite-brand-map-page .vivi-brand-map-keyword-control .vivi-search-suggestion-list,
body.vivi-lite-brand-archive-page .vivi-brand-map-keyword-control .vivi-search-suggestion-list {
	max-height: none !important;
	overflow-y: visible !important;
	overscroll-behavior: auto !important;
}