/* address-search.css — toolbar autocomplete dropdown for #address-search. The dropdown is appended to and positioned via JS (position:fixed) so it can escape the toolbar's overflow / flex layout without us having to wrap the input. Only the dropdown is styled here; the input itself keeps its inline toolbar styling from forge.html. */ .address-search-wrap { position: relative; display: inline-block; } .address-search-suggestions { position: absolute; top: calc(100% + 4px); left: 0; right: 0; min-width: 280px; max-height: 320px; overflow-y: auto; background: rgba(15, 18, 28, 0.96); border: 1px solid rgba(255, 210, 74, 0.3); border-radius: 6px; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5); z-index: 200; display: none; } .address-search-suggestions.open { display: block; } .address-search-suggestion { padding: 8px 12px; color: #d8dde6; font-size: 12px; cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.05); } .address-search-suggestion:last-child { border-bottom: 0; } .address-search-suggestion:hover, .address-search-suggestion.active { background: rgba(255, 210, 74, 0.12); color: #f0c040; } .address-search-suggestion .place { display: block; font-size: 11px; color: #8b95a5; margin-top: 2px; } .address-search-empty { padding: 10px 12px; color: #8b95a5; font-size: 11px; font-style: italic; }