/*
 * Ortsvorschläge (Planhub #87). Läuft auf öffentlichen Seiten (site-base.css:
 * --surface/--line/--signal) und im App-Bereich (app.css: --color-*), daher je
 * Wert beide Token-Namen mit Fallback.
 */

.fk-place-ac { position: relative; flex: 1; }
.fk-place-ac > input { width: 100%; }

.fk-place-ac__list {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  max-height: 16rem;
  overflow-y: auto;
  margin: 0;
  padding: 0.25rem 0;
  list-style: none;
  background: var(--surface, var(--color-surface, #1e1b16));
  border: 1px solid var(--line, var(--color-border-2, rgba(244, 239, 230, 0.2)));
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

.fk-place-ac__option {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
}
.fk-place-ac__option:hover,
.fk-place-ac__option[aria-selected="true"] {
  background: var(--surface-2, var(--color-surface-2, #262119));
}
.fk-place-ac__option[aria-selected="true"] {
  box-shadow: inset 3px 0 0 var(--signal, var(--color-accent, #8ecfae));
}

.fk-place-ac__label { color: var(--ink, var(--color-text, #f4efe6)); font-size: 0.92rem; }
.fk-place-ac__sublabel { color: var(--muted, var(--color-muted, #a49a8c)); font-size: 0.78rem; }