/* UGNA NAVBAR HARD FIX — isolated final navbar layer
   Purpose: remove all dependency on legacy mega-menu positioning rules.
   The JS moves each desktop mega menu to <body> and positions it from the
   actual trigger element, so no ancestor/left:0 rule can drag it to viewport edge. */

@media (min-width:1321px){
  .navlinks{overflow:visible!important}
  .navlinks>.nav-group{position:relative!important}

  /* Legacy descendant menus are neutralised before JS portals them. */
  .navlinks>.nav-group>.mega{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
  }

  body>.ugna-mega-portal{
    display:block!important;
    position:fixed!important;
    margin:0!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:100000!important;
    background:#fff!important;
    border:1px solid #e3e9f1!important;
    border-radius:18px!important;
    padding:18px 20px!important;
    box-shadow:0 24px 70px rgba(19,43,77,.18)!important;
    max-height:calc(100dvh - 165px)!important;
    overflow:auto!important;
    transition:opacity .14s ease, visibility .14s ease!important;
  }

  body>.ugna-mega-portal.ugna-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body>.ugna-mega-portal .mega-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px 16px!important;
  }

  body>.ugna-mega-portal .mega-grid.two-col,
  body>.ugna-mega-portal .two-col{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body>.ugna-mega-portal a{
    min-width:0!important;
    padding:11px 12px!important;
    border-radius:10px!important;
    font-size:13px!important;
    line-height:1.35!important;
  }

  body>.ugna-mega-portal.mega-company .company-mega-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

@media (max-width:1320px){
  body>.ugna-mega-portal{display:none!important}
  .navlinks{display:none!important}
  .menu-btn{display:inline-grid!important;place-items:center!important}
}
