/* * MWFewoManager – Nummernsuche (Autocomplete) Styles * Minimal; Theme-Overrides erwünscht. */ .mwfm-number-search__field { position: relative; flex: 1 1 auto; } .mwfm-number-search__input { width: 100%; } /* Dropdown bewusst ohne mwfm-Präfix (suggest-pop), da es ins portiert werden kann; Theme-Overrides docken an .suggest-pop an. */ .suggest-pop { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 50; margin: 0; padding: .25rem; list-style: none; background: #fff; border: 1px solid rgba(0, 0, 0, .12); border-radius: .5rem; box-shadow: 0 8px 24px rgba(0, 0, 0, .14); max-height: 22rem; overflow-y: auto; } .suggest-pop__item { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; padding: .5rem .65rem; border-radius: .375rem; cursor: pointer; } .suggest-pop__item:hover, .suggest-pop__item.is-active { background: #F6EFE0; } .suggest-pop__title { font-weight: 600; } .suggest-pop__num { color: #5B6779; font-variant-numeric: tabular-nums; white-space: nowrap; } /* ===== Tree-Suchvorschlaege (api-bundle 5.3.30+ liefert s.kind + s.count) ===== */ /* Pill rechts neben dem Titel: zeigt an, dass der Treffer eine Region oder ein Land ist (Subtree-Aggregat, nicht ein einzelner Ort). */ .suggest-pop__pill { flex: 0 0 auto; display: inline-flex; align-items: center; margin-left: .25rem; padding: .1rem .45rem; font-size: .7rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; border-radius: 999px; background: #E6EFFA; color: #1E4F8A; white-space: nowrap; } .suggest-pop__pill--country { background: #F0E6FA; color: #5A2E8A; } /* Breadcrumb (Eltern-Pfad): klein, gedaempft, hilft beim Disambiguieren. */ .suggest-pop__crumb { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8rem; color: #5B6779; } /* Anzahl Unterkuenfte im Subtree (rechts, tabular numbers). */ .suggest-pop__count { flex: 0 0 auto; padding: .05rem .4rem; font-size: .75rem; font-variant-numeric: tabular-nums; color: #5B6779; background: #F4F4F6; border-radius: 6px; white-space: nowrap; }