/** * Area suggestions. * * Shared by the hero bar and the search page. The script moves the list to * , so it is styled WITHOUT a .bbis ancestor — a hero section with * overflow:hidden clips anything left inside it, whatever the z-index. The * tokens still resolve because they are emitted on :root as well as .bbis. * * Position comes from the script, measured against the input. Only appearance * is set here. */ .bbis-hs__suggest { display: none; position: fixed; z-index: 100000; margin: 0; padding: 0.3rem 0; list-style: none; max-height: 17rem; overflow-y: auto; border-radius: var(--bbis-radius, 0); background: var(--bbis-surface, #fff); border: 1px solid var(--bbis-border, #e3e3e3); box-shadow: 0 16px 38px rgb(0 0 0 / 30%); font-family: var(--bbis-font-body, inherit); text-align: left; } .bbis-hs__suggest[hidden] { display: none !important; } .bbis-hs__suggest.is-open { display: block !important; } .bbis-places__item { margin: 0; padding: 0.62rem 0.9rem; font-size: 0.95rem; line-height: 1.35; color: var(--bbis-ink, #111); cursor: pointer; list-style: none; } /* One rule for hover and keyboard, so arrowing down and mousing over look the same — two different highlights in one menu reads as a bug. */ .bbis-places__item:hover, .bbis-places__item.is-on { background: var(--bbis-accent, #4dd614); color: var(--bbis-accent-fg, #111); }