/* ==== tbh-nav-bridge-fix ==== */

/* ============================================================
   NAV HOVER-BRIDGE FIX (desktop mega interaction)
   The old bridge (.nav-primary-item:hover .nav-mega::before) spanned the
   full panel width and reached 44px UP over the entire trigger row, so an
   open menu captured the cursor above neighbouring triggers — they only
   opened once the cursor cleared the panel's width. This shrinks the
   bridge to the real 2-3px gap directly under the panel, never over the
   triggers, and keeps the trigger row above the panel in the stack.
   ============================================================ */
@media (min-width:980px){
  /* neutralise the oversized bridge, replace with a minimal gap bridge */
  .nav-primary-item:hover .nav-mega::before,
  .nav-primary-item .nav-mega::before{
    top:-4px !important;
    height:4px !important;      /* was 46px covering the whole trigger row */
    left:0 !important;
    right:0 !important;
    pointer-events:auto;
  }
  /* triggers always sit above the open panel and stay interactive */
  .nav-tier2 .nav-primary{ position:relative; z-index:70 !important; }
  .nav-primary-item{ z-index:71 !important; }
  .nav-primary-link,
  .nav-primary-btn{ position:relative; z-index:72 !important; }
  .nav-dropdown.nav-mega,
  .nav-dropdown{ z-index:60 !important; }
  /* panel begins exactly below the row (no upward translate over labels) */
  .nav-dropdown{ top:calc(100% + 2px) !important; }
}