/* BankMovie v148.61.4 Mobile header glass refinement: - clean dark glass like the reference controls - transparent over the homepage hero slider - attached to the page edge, never floating - no hide/show or compact scroll motion Desktop remains untouched. */ @media (max-width: 991.98px) { /* Explicitly neutralize every floating-header remnant. */ html body #siteHeader, html body #siteHeader.header, html body #siteHeader.header-solid, html body #siteHeader.header-glass, html body #siteHeader.header-admin, html body #siteHeader.bm-public-header-v148 { position: absolute !important; inset: 0 0 auto 0 !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: auto !important; width: 100% !important; max-width: none !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding: 0 !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: none !important; z-index: 1600 !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.18) !important; border-radius: 0 !important; background: linear-gradient(135deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.025) 36%, rgba(255,255,255,.015) 64%), linear-gradient(180deg, rgba(46,46,48,.72), rgba(13,13,15,.82)) !important; background-color: rgba(19,19,21,.78) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.21), inset 0 -1px 0 rgba(255,255,255,.025), 0 8px 22px rgba(0,0,0,.28) !important; -webkit-backdrop-filter: blur(15px) saturate(125%) !important; backdrop-filter: blur(15px) saturate(125%) !important; will-change: auto !important; transition: background-color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, backdrop-filter .22s ease !important; } html body #siteHeader .header-inner, html body #siteHeader.header-admin .header-inner, html body #siteHeader.bm-public-header-v148 .header-inner { position: relative !important; inset: auto !important; width: 100% !important; max-width: none !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } /* Remove the old blue halo. The new glass is neutral grey like the sample. */ html body #siteHeader[data-bm-page] .header-inner::before, html body #siteHeader[data-bm-page] .header-inner::after, html body #siteHeader.bm-public-header-v148 .header-inner::before, html body #siteHeader.bm-public-header-v148 .header-inner::after { content: none !important; display: none !important; opacity: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; filter: none !important; } /* Glass controls inspired by the supplied reference: soft diagonal shine, restrained white rim, and dark translucent body. */ html body #siteHeader:not(.is-mobile-surface-transparent) .menu-btn, html body #siteHeader:not(.is-mobile-surface-transparent) .bm-header-collection, html body #siteHeader:not(.is-mobile-surface-transparent) .notif-bell, html body #siteHeader:not(.is-mobile-surface-transparent) .bm-header-search { width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; top: 11px !important; overflow: hidden !important; color: rgba(255,255,255,.96) !important; border: 1px solid rgba(255,255,255,.30) !important; border-radius: 50% !important; background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.055) 48%, rgba(255,255,255,.025)) !important; background-color: rgba(38,38,40,.58) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(255,255,255,.035), 0 5px 13px rgba(0,0,0,.26) !important; -webkit-backdrop-filter: blur(9px) saturate(120%) !important; backdrop-filter: blur(9px) saturate(120%) !important; transition: background-color .18s ease, border-color .18s ease, transform .16s ease !important; } html body #siteHeader:not(.is-mobile-surface-transparent) .menu-btn:active, html body #siteHeader:not(.is-mobile-surface-transparent) .bm-header-collection:active, html body #siteHeader:not(.is-mobile-surface-transparent) .notif-bell:active, html body #siteHeader:not(.is-mobile-surface-transparent) .bm-header-search:active { border-color: rgba(255,255,255,.42) !important; background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.08)) !important; transform: scale(.94) !important; } html body #siteHeader:not(.is-mobile-surface-transparent) .menu-btn svg, html body #siteHeader:not(.is-mobile-surface-transparent) .bm-header-collection svg, html body #siteHeader:not(.is-mobile-surface-transparent) .notif-bell svg, html body #siteHeader:not(.is-mobile-surface-transparent) .bm-header-search svg { width: 21px !important; height: 21px !important; filter: drop-shadow(0 2px 4px rgba(0,0,0,.28)) !important; } /* Slider/hero state: truly transparent, including the individual controls. */ html body #siteHeader.is-mobile-surface-transparent, html body #siteHeader.is-mobile-surface-transparent.header, html body #siteHeader.is-mobile-surface-transparent.header-admin, html body #siteHeader.is-mobile-surface-transparent.bm-public-header-v148 { border-color: transparent !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } html body #siteHeader.is-mobile-surface-transparent .menu-btn, html body #siteHeader.is-mobile-surface-transparent .bm-header-collection, html body #siteHeader.is-mobile-surface-transparent .notif-bell, html body #siteHeader.is-mobile-surface-transparent .bm-header-search { border-color: transparent !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } /* No floating / no scroll animation under any inherited class. */ html body #siteHeader.bm-mobile-header-hidden, html body #siteHeader.bm-mobile-header-compact, html body #siteHeader.bm-mobile-floating-glass-v148612 { position: absolute !important; inset: 0 0 auto 0 !important; width: 100% !important; height: 58px !important; min-height: 58px !important; transform: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: none !important; border-radius: 0 !important; } /* Keep all interactive children usable while the header shell itself ignores pointer hits outside the controls. */ html body #siteHeader .logo, html body #siteHeader .menu-btn, html body #siteHeader .bm-header-collection, html body #siteHeader .notif-bell, html body #siteHeader .bm-header-search { pointer-events: auto !important; } /* Low-end Watch Party: same appearance without live backdrop sampling. */ html.bm-wp-low-end body #siteHeader:not(.is-mobile-surface-transparent), html.bm-wp-lite body #siteHeader:not(.is-mobile-surface-transparent), html.bm-mobile-lite body #siteHeader:not(.is-mobile-surface-transparent) { background: linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.02) 42%), linear-gradient(180deg, rgba(40,40,43,.96), rgba(12,12,15,.98)) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } html.bm-wp-low-end body #siteHeader:not(.is-mobile-surface-transparent) .menu-btn, html.bm-wp-low-end body #siteHeader:not(.is-mobile-surface-transparent) .bm-header-collection, html.bm-wp-low-end body #siteHeader:not(.is-mobile-surface-transparent) .notif-bell, html.bm-wp-low-end body #siteHeader:not(.is-mobile-surface-transparent) .bm-header-search, html.bm-wp-lite body #siteHeader:not(.is-mobile-surface-transparent) .menu-btn, html.bm-wp-lite body #siteHeader:not(.is-mobile-surface-transparent) .bm-header-collection, html.bm-wp-lite body #siteHeader:not(.is-mobile-surface-transparent) .notif-bell, html.bm-wp-lite body #siteHeader:not(.is-mobile-surface-transparent) .bm-header-search { background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04)) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } } @media (min-width: 992px) { html body #siteHeader.bm-mobile-header-hidden, html body #siteHeader.bm-mobile-header-compact, html body #siteHeader.bm-mobile-floating-glass-v148612 { transform: none !important; opacity: 1 !important; } } @media (prefers-reduced-motion: reduce) { html body #siteHeader, html body #siteHeader * { transition-duration: .01ms !important; } }