/* 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). */
.devotion-ls-anchor {
    position: relative;
}

.devotion-ls-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;
}

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

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

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

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

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

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

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

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

.search-form--full-screen .devotion-ls-suggestions {
    font-size: 1rem;
}