/* BNX PUBLIC FIXED NAV — clean single source */
:root{
  --bnx-public-nav-h: 84px;
}

html{
  scroll-padding-top: calc(var(--bnx-public-nav-h, 84px) + 18px);
}

body.bnx-public-fixed-nav-active{
  padding-top: var(--bnx-public-nav-h, 84px) !important;
}

.bnx-public-fixed-nav-active .bnx-mega-nav,
.bnx-public-fixed-nav-active .bnx-public-nav,
.bnx-public-fixed-nav-active .public-nav,
.bnx-public-fixed-nav-active header.bnx-public-header,
.bnx-public-fixed-nav-active .nav{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
  transform: none !important;
}

.bnx-public-fixed-nav-active .bnx-mega-nav,
.bnx-public-fixed-nav-active .bnx-public-nav,
.bnx-public-fixed-nav-active .public-nav,
.bnx-public-fixed-nav-active header.bnx-public-header,
.bnx-public-fixed-nav-active .nav{
  box-shadow: 0 14px 34px rgba(2, 16, 45, .18) !important;
}

/* Keep dropdowns above everything while nav is fixed */
.bnx-public-fixed-nav-active .bnx-mega-panel,
.bnx-public-fixed-nav-active .drop-panel,
.bnx-public-fixed-nav-active .dropdown-menu,
.bnx-public-fixed-nav-active [class*="dropdown"],
.bnx-public-fixed-nav-active [class*="mega"]{
  z-index: 100000 !important;
}

/* Prevent fixed nav from breaking mobile layouts */
@media(max-width: 720px){
  body.bnx-public-fixed-nav-active{
    padding-top: var(--bnx-public-nav-h, 78px) !important;
  }
}