/* Site navigation clean-up (owner 8 Nov 2026: "do it all" after the UX audit, dev/ux-audit-2026-11-08/REPORT.md).
   Works with site-nav.js. One clear Sign in, one Menu, a tidy account menu, "Your Library" instead of "My Crate". */

/* header buttons added by site-nav.js, matched to the existing Search pill */
.bp-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 15px;border-radius:999px;
  border:1px solid var(--line-2,rgba(238,234,246,.15));background:color-mix(in srgb,var(--void-2,#0e0c16) 70%,transparent);
  color:var(--ink,#eeeaf6);font:600 13px var(--text,system-ui),sans-serif;white-space:nowrap;cursor:pointer;flex:none;transition:border-color .2s,background .2s}
.bp-nav-btn:hover{border-color:color-mix(in srgb,var(--a1) 60%,transparent);background:color-mix(in srgb,var(--a1) 10%,transparent)}
.bp-nav-btn:focus-visible{outline:2px solid var(--a1);outline-offset:2px}
.bp-nav-btn svg{width:16px;height:16px;flex:none}
#bpSignIn{border-color:color-mix(in srgb,var(--a1) 55%,transparent)}
#bpSignIn span{max-width:140px;overflow:hidden;text-overflow:ellipsis}

/* one Menu: the floating desktop Search and ☰, and the Jump-to pills, duplicated the header and the Menu */
.desktop-search,.desktop-destinations,#jump{display:none!important}

/* signed in on desktop: the account button (your initial) takes over from Sign in */
@media (min-width:761px){html.bp-signed-in #bpSignIn{display:none}html:not(.bp-signed-in) #navZone{display:none}}

/* phones: the bell moves into the Menu ("New releases"), Sign in takes its place; the Menu stays at the bottom right */
@media (max-width:760px){
 #navBell{display:none!important}
 #bpMenu{display:none!important}
 #bpSignIn{height:38px;padding:0 12px;font-size:12.5px;gap:6px}
 #bpSignIn span{max-width:84px}
}
@media (max-width:370px){#bpSignIn span{display:none}#bpSignIn{width:38px;padding:0}}

/* account menu: account and membership only (payment is chosen at checkout; sharing and display settings live elsewhere) */
#zoneMenu [data-bp-hide],#platformDockPanel [data-bp-hide]{display:none!important}
/* (more specific than the site's html body #zoneMenu :is(…[data-zmpay]…){display:block!important}) */
html body #zoneMenu button[data-zmpay][role],html body #zoneMenu button[data-zm="share"][role],html body #zoneMenu button[data-zm="invite"][role],
html body #zoneMenu button.zm-pref[role],html body #zoneMenu [data-bp-hide][data-bp-hide]{display:none!important}

/* sign-in card: creating an account is as visible as signing in */
#zone #zSwap{font-weight:700;color:var(--a1);text-underline-offset:3px}