/* nav-v2 (preview, opt-in via ?nav=v2): header chrome only. The generated mega-menu block (#tcm, TCM:START..END) is untouched.
   1) menu group sits just right of the logo instead of the page centre; 2) Sign Up | Log In module with orange registration marks
   replaces the login circle. Logo GIF, tribeSupport "?" dropdown, Owlsy chip + agent window, and the passport CTA are the existing ones. */
@media (min-width:1025px){
  html.tcnav-v2 #tcm.tcm-navwrap{left:clamp(270px,19vw,330px);transform:translateY(-50%)}
}
@media (min-width:1025px) and (max-width:1279px){
  html.tcnav-v2 #tcrr-passport-cta{display:none!important}   /* Sign Up covers it; keeps the menu row from colliding with the right cluster */
}

/* mega panels: each opens centred on the page (clamped to the screen) instead of on its own button, now that the menu sits left.
   nav-v2.js sets --tcv2-shift on open; the panels' own markup, content and open/close behaviour are untouched. */
@media (min-width:1025px){
  html.tcnav-v2 #tcm .nav-pill .mega{transform:translateX(calc(-50% + var(--tcv2-shift,0px))) translateY(6px)}
  html.tcnav-v2 #tcm .nav-pill.open .mega{transform:translateX(calc(-50% + var(--tcv2-shift,0px))) translateY(0)}
}

/* Sign Up | Log In module */
html.tcnav-v2 #tc-login-wrap.tcv2-auth{position:relative;display:inline-flex;align-items:stretch;height:36px;margin-left:4px;background:#0a0a0a}
html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcv2-up,
html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcrr-nav-login-btn{position:relative;z-index:1;display:grid;place-items:center;
  width:auto;height:36px;padding:0 18px;border:0;border-radius:0;background:transparent;overflow:visible;
  font:600 12px/1 var(--font-head,'Plus Jakarta Sans',system-ui,sans-serif);color:#fefefe;text-decoration:none;white-space:nowrap;cursor:pointer;transform:none}
html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcv2-up{color:#ff7a29}
html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcrr-nav-login-btn>*{display:none}
html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcrr-nav-login-btn::after{content:"Log In"}
html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcrr-nav-login-btn:hover,
html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcrr-nav-login-btn:active{border:0;transform:none}
html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcv2-up:focus-visible,
html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcrr-nav-login-btn:focus-visible{outline:none}
html.tcnav-v2 .tcv2-reg{--s:7px;position:absolute;z-index:2;pointer-events:none;left:-3px;top:-3px;width:calc(100% + 6px);height:calc(100% + 6px);
  background-image:linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29),
                   linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29);
  background-repeat:no-repeat;
  background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;
  background-size:var(--s) 1px,1px var(--s),var(--s) 1px,1px var(--s),var(--s) 1px,1px var(--s),var(--s) 1px,1px var(--s);
  transition:left .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1),background-size .32s ease}
html.tcnav-v2 .tcv2-reg.fit{background-size:100% 1px,1px 100%,100% 1px,1px 100%,100% 1px,1px 100%,100% 1px,1px 100%}
/* Phones/tablets (Grif, Oct 28): the compact login becomes one "Log In / Sign Up" button with a tap dropdown. */
html.tcnav-v2 .tcv2-m{display:none}
@media (max-width:1024px){
  html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcv2-up,
  html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcrr-nav-login-btn,
  html.tcnav-v2 #tc-login-wrap.tcv2-auth .tcv2-reg{display:none}
  html.tcnav-v2 #tc-login-wrap.tcv2-auth{background:transparent}
  html.tcnav-v2 .tcv2-m{display:block;position:relative}
  html.tcnav-v2 .tcv2-m-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
    height:36px;padding:0 14px;border:0;background:#0a0a0a;cursor:pointer;
    font:600 8px/1.05 var(--font-head,'Plus Jakarta Sans',system-ui,sans-serif);letter-spacing:.02em;white-space:nowrap;
    -webkit-tap-highlight-color:transparent}
  /* the same orange registration marks the desktop module wears */
  html.tcnav-v2 .tcv2-m-btn::before{content:"";position:absolute;inset:-3px;pointer-events:none;--s:7px;
    background-image:linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29),
                     linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29),linear-gradient(#ff7a29,#ff7a29);
    background-repeat:no-repeat;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;
    background-size:var(--s) 1px,1px var(--s),var(--s) 1px,1px var(--s),var(--s) 1px,1px var(--s),var(--s) 1px,1px var(--s)}
  html.tcnav-v2 .tcv2-m-in{color:#fefefe}
  html.tcnav-v2 .tcv2-m-up{color:#ff7a29}
  html.tcnav-v2 .tcv2-m-menu{position:absolute;top:calc(100% + 10px);right:-40px;z-index:96;width:195px;border-radius:14px;overflow:hidden;
    background:#0a0a0b;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.7);display:flex;flex-direction:column}
  html.tcnav-v2 .tcv2-m-menu[hidden]{display:none}
}
@media (prefers-reduced-motion:reduce){html.tcnav-v2 .tcv2-reg{transition:none}}