/* SecurityTalent 1.9.14 — stable desktop sticky header and menu layers. */

@media (min-width: 992px) {
  /* Authentication uses two 44px rows plus its internal gap. The header must
     participate at the same height so Helix measures the correct sticky
     placeholder and the EasyBlog toolbar never slides underneath it. */
  #sp-header,
  #sp-header.header-sticky {
    height: 102px !important;
    min-height: 102px !important;
  }

  #sp-header > .container,
  #sp-header .container-inner,
  #sp-header .row,
  #sp-header #sp-menu,
  #sp-header #sp-menu > .sp-column,
  #sp-header .st-header-auth {
    min-height: 102px !important;
  }

  #sp-header .sp-megamenu-parent > li > a,
  #sp-header .sp-megamenu-parent > li > span {
    height: 102px !important;
    line-height: 102px !important;
  }

  #sp-header.header-sticky {
    background: rgba(18, 63, 67, .985) !important;
    box-shadow: 0 12px 30px rgba(16, 42, 46, .24) !important;
  }

  #sp-header .sp-dropdown {
    max-height: calc(100vh - 112px);
  }

  #sp-header .sp-dropdown > .sp-dropdown-inner {
    max-height: inherit;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  /* Scrolling can move a sticky item under a stationary pointer. Keep hover
     menus closed until the visitor intentionally moves or focuses inside the
     navigation again. */
  body.st-nav-scroll-lock #sp-header .sp-megamenu-parent .sp-has-child:hover > .sp-dropdown {
    display: none !important;
  }

  /* Only one navigation layer should occupy the viewport. EasyBlog renders
     its More menu in a top-level Tippy portal, so suppress that portal while
     the primary site navigation is active. */
  body.st-primary-nav-active [data-tippy-root]:has([data-fd-toolbar-dropdown-menus]) {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 991.98px) {
  body.st-nav-scroll-lock,
  body.st-primary-nav-active {
    overflow: inherit;
  }
}