/* Anker-Container bekommt position:relative, damit die Vorschlagsliste
   relativ dazu positioniert werden kann - betrifft sowohl
   .search-form__container (classic/expand) als auch
   .search-form__lightbox-container (full-screen). */
.bdls-anchor {
	position: relative;
}

.bdls-suggestions {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 20;
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
	background: #ffffff;
	color: #222222;
	border: 1px solid #ddd;
	border-radius: 4px;
	max-height: 360px;
	overflow-y: auto;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	text-align: left;
}

.bdls-suggestions__item {
	border-bottom: 1px solid #eee;
}

.bdls-suggestions__item:last-child {
	border-bottom: none;
}

.bdls-suggestions__item.is-active,
.bdls-suggestions__item:hover {
	background: #f2f2f2;
}

.bdls-suggestions__link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.75rem;
	padding: 0.6rem 0.9rem;
	text-decoration: none;
	color: inherit;
}

.bdls-suggestions__title {
	font-weight: 600;
	font-size: 0.95rem;
}

.bdls-suggestions__fuzzy {
	font-size: 0.65rem;
	padding: 1px 6px;
	border-radius: 3px;
	background: #fff3cd;
	color: #7a5c00;
	white-space: nowrap;
}

.bdls-suggestions__type {
	font-size: 0.7rem;
	opacity: 0.6;
	text-transform: uppercase;
	white-space: nowrap;
}

.bdls-suggestions__empty {
	padding: 0.6rem 0.9rem;
	opacity: 0.6;
	font-size: 0.85rem;
}

/* Im Full-Screen-Popup ist der Suchbox-Container meist breiter/zentriert -
   die Vorschlagsliste soll optisch dazu passen. */
.search-form--full-screen .bdls-suggestions {
	font-size: 1rem;
}