/* JobStacc v78.9.32 — production desktop header cleanup
   Prevents brand/nav/auth collisions and collapses before crowding. */

@media (min-width:1281px){
  .home-nav{
    box-sizing:border-box!important;
    width:min(100%,1600px)!important;
    max-width:1600px!important;
    height:82px!important;
    margin:0 auto!important;
    padding:0 34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:26px!important;
    overflow:visible!important;
  }
  .home-nav .brand{
    flex:0 0 auto!important;
    min-width:0!important;
    margin:0!important;
  }
  .home-nav .brand-logo-full{
    display:block!important;
    width:162px!important;
    max-width:162px!important;
    height:auto!important;
  }
  .home-nav .navlinks{
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(12px,1.05vw,20px)!important;
    white-space:nowrap!important;
  }
  .home-nav .navlinks a{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:40px!important;
    padding:0!important;
    font-size:13px!important;
    line-height:1.15!important;
    font-weight:650!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
  }
  .home-nav .actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
  }
  .home-nav .actions .ghost,
  .home-nav .actions .primary{
    box-sizing:border-box!important;
    min-height:46px!important;
    height:46px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 18px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
  }
  .home-nav .actions .ghost{min-width:96px!important}
  .home-nav .actions .primary,.home-nav #join{min-width:118px!important}
  .home-nav .mobile-menu-toggle,
  .home-nav .mobile-menu{display:none!important}
}

/* Collapse the long public nav before it can collide with auth actions. */
@media (min-width:1025px) and (max-width:1280px){
  .home-nav{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    height:74px!important;
    padding:0 24px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    overflow:visible!important;
    position:relative!important;
  }
  .home-nav .brand-logo-full{
    display:block!important;
    width:158px!important;
    max-width:158px!important;
    height:auto!important;
  }
  .home-nav .navlinks{display:none!important}
  .home-nav .actions{
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .home-nav .actions .ghost,
  .home-nav .actions .primary{
    box-sizing:border-box!important;
    min-height:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0 16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:11px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .home-nav .actions .ghost{min-width:92px!important}
  .home-nav .actions .primary,.home-nav #join{min-width:112px!important}
  .home-nav .mobile-menu-toggle{
    box-sizing:border-box!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border:1px solid #dce5eb!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#071426!important;
    display:grid!important;
    place-items:center!important;
    font-size:20px!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  .home-nav .mobile-menu{
    position:absolute!important;
    z-index:500!important;
    top:calc(100% + 8px)!important;
    left:auto!important;
    right:24px!important;
    width:min(520px,calc(100vw - 48px))!important;
    box-sizing:border-box!important;
    padding:10px!important;
    border:1px solid #dce5eb!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 18px 50px rgba(7,20,38,.16)!important;
  }
  .home-nav .mobile-menu.open{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;
  }
  .home-nav .mobile-menu a{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    padding:10px 12px!important;
    border-radius:10px!important;
    color:#21314b!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
}

/* Keep public auth actions stable at every width. */
.home-nav .actions button{white-space:nowrap!important;word-break:keep-all!important}