/* Glöckle Hilfe – Live-Search-Dropdown-Politur. Gescoped auf .searchwp-live-search-results. */

/* Container: NICHT positionieren/breiten — SearchWP setzt left=Input-Offset und
   (results-pane-auto-width:true) width=Input-Breite inline. Damit ist das Panel
   bündig zur Suchbox und ragt nicht aus dem Layout. Nur Optik + Scroll hier. */
.searchwp-live-search-results {
	max-height: 70vh;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	padding: 4px 0;
	scrollbar-width: thin;
}
.searchwp-live-search-results::-webkit-scrollbar { width: 8px; }
.searchwp-live-search-results::-webkit-scrollbar-thumb { background: #d0d0d0; border-radius: 8px; }

.searchwp-live-search-results .gl-live-results { list-style: none; margin: 0; padding: 0; }

.searchwp-live-search-results .gl-result {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	padding: .5rem .9rem;
	border-bottom: 1px solid #f2f2f2;
}
.searchwp-live-search-results .gl-result:last-of-type { border-bottom: 0; }
.searchwp-live-search-results .gl-result:hover { background: #f7f7f7; }

/* Titel: neutral-dunkel, kein Underline; Markenrot + Underline nur bei Hover/Fokus. */
.searchwp-live-search-results .gl-result__link {
	flex: 1 1 auto;
	min-width: 0;
	color: #222;
	text-decoration: none;
}
.searchwp-live-search-results .gl-result:hover .gl-result__link,
.searchwp-live-search-results .gl-result__link:focus {
	color: #e2001a;
	text-decoration: underline;
}
.searchwp-live-search-results .gl-result__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.searchwp-live-search-results .gl-result__title strong { font-weight: 700; }

/* Badge „Hilfe": gedämpftes Pill, außerhalb des Links, rechtsbündig. */
.searchwp-live-search-results .gl-result__badge {
	flex: 0 0 auto;
	font-size: .72rem;
	line-height: 1;
	color: #000;
	background: #efefef;
	padding: .22rem .55rem;
	border-radius: 500px;
	white-space: nowrap;
	text-decoration: none;
}

/* Fußzeile „Alle Ergebnisse". */
.searchwp-live-search-results .gl-result__all {
	display: block;
	padding: .6rem .9rem;
	color: #666;
	font-size: .85rem;
	text-decoration: none;
	border-top: 1px solid #ececec;
}
.searchwp-live-search-results .gl-result__all:hover { color: #e2001a; }

.searchwp-live-search-results .gl-live-noresults { padding: .7rem .9rem; color: #888; }