/**handles:navigation-header-style**/ /* General */ body.no-scroll { position: fixed; left: 0; right: 0; } /* Search scroll lock — position:fixed on body is the most reliable cross-browser method. The JS saves scrollY into --scroll-y before adding this class, so the page doesn't jump to top. On close JS restores window.scrollTo(). */ html.search-open { overflow: hidden !important; } body.search-open { position: fixed !important; top: calc(var(--scroll-y, 0) * -1px) !important; left: 0 !important; right: 0 !important; overflow: hidden !important; } /* ── Search-bar overlay ─────────────────────────────────────────────────────── Both .search-bar and .overlay are on the SAME element. overflow-y: auto makes the overlay itself the scroll container. overflow-x: hidden prevents horizontal bleed. */ .wp-block-group.search-bar.overlay { position: fixed !important; top: 110px !important; left: 0 !important; width: 100% !important; height: calc(100vh - 110px) !important; z-index: 99998 !important; overflow: hidden !important; } body.admin-bar .wp-block-group.search-bar.overlay { top: 142px !important; height: calc(100vh - 142px) !important; } /* ── Relevanssi results holder ─────────────────────────────────────────────── Plugin JS injects inline left/top/width on this element. position:static ignores left/top; width:100%!important beats the non-!important inline width value the plugin sets. */ .relevanssi-live-search-results-holder { position: static !important; width: 100% !important; overflow: visible !important; max-height: none !important; } /* ── Results scroll area ───────────────────────────────────────────────────── The overlay is a flex column (wp-block-group default), so overflow-y:auto on the overlay itself never triggers — flex distributes height among children instead of letting them overflow. Scrolling must be on #rlvlive_1 directly. 270px = 110px header + ~160px search form / close button area. */ #rlvlive_1 { overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; max-height: calc(100vh - 270px) !important; } body.admin-bar #rlvlive_1 { max-height: calc(100vh - 302px) !important; } /* ── Relevanssi results div ────────────────────────────────────────────────── The DB block's inline