.anthelie-liq-wrap {
position: relative;
display: block;
}
.anthelie-liq-suggestions {
position: absolute;
z-index: 1000;
top: 100%;
left: 0;
right: 0;
margin: 2px 0 0;
padding: 0;
list-style: none;
max-height: 16rem;
overflow-y: auto;
background: var(--anthelie-color-surface, #ffffff);
color: var(--anthelie-color-text, #1a1a1a);
border: 1px solid var(--anthelie-color-border, #d0d0d0);
border-radius: var(--anthelie-radius-sm, 4px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.anthelie-liq-suggestions[hidden] {
display: none;
}
.anthelie-liq-suggestion {
padding: 0.5rem 0.75rem;
cursor: pointer;
font-size: 0.95em;
line-height: 1.35;
border-bottom: 1px solid var(--anthelie-color-border-subtle, #eee);
}
.anthelie-liq-suggestion:last-child {
border-bottom: 0;
}
.anthelie-liq-suggestion.is-active,
.anthelie-liq-suggestion:hover {
background: var(--anthelie-color-accent-soft, #f0f4ff);
}
.anthelie-liq-empty {
padding: 0.5rem 0.75rem;
font-size: 0.9em;
color: var(--anthelie-color-text-muted, #777);
cursor: default;
}
@media (prefers-color-scheme: dark) {
.anthelie-liq-suggestions {
background: var(--anthelie-color-surface, #1e1e1e);
color: var(--anthelie-color-text, #f0f0f0);
border-color: var(--anthelie-color-border, #444);
}
.anthelie-liq-suggestion {
border-bottom-color: var(--anthelie-color-border-subtle, #333);
}
.anthelie-liq-suggestion.is-active,
.anthelie-liq-suggestion:hover {
background: var(--anthelie-color-accent-soft, #2a3350);
}
}