/* Shared site navigation styles. Single source. Requires shared-tokens.css. */
/* ── NAV ── */
/* Three columns with equal, flexible sides so the category row is centred on
   the page rather than on the space left over between the logo and the
   right-hand controls, which are not the same width. */
nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:0 24px;height:60px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--nav-bg);backdrop-filter:blur(12px);z-index:100;gap:12px;}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;justify-self:start;min-width:0;}
.nav-logo-mark{width:30px;height:30px;border:2px solid var(--red);border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;}
.nav-logo-mark::before{content:'';position:absolute;inset:0;background:var(--red-glow);}
.nav-logo-mark svg{width:14px;height:14px;stroke:var(--red);fill:none;z-index:1;}
.nav-logo-text{display:flex;flex-direction:column;line-height:1;}
.nav-logo-top{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:0.08em;color:var(--text);}
.nav-logo-top span{color:var(--red);}
.nav-logo-sub{font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-dim);margin-top:1px;}
.nav-cats{display:flex;align-items:center;gap:3px;justify-content:center;justify-self:center;}
.nav-cat{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;padding:5px 11px;border-radius:3px;border:1px solid transparent;cursor:pointer;color:var(--text-muted);background:transparent;transition:all 0.15s;white-space:nowrap;}
.nav-cat:hover{color:var(--text);background:var(--surface);}
.nav-cat[data-cat="all"]:hover   {color:var(--red);}
.nav-cat[data-cat="wf"]:hover    {color:var(--cat-wf);}
.nav-cat[data-cat="fund"]:hover  {color:var(--cat-fund);}
.nav-cat[data-cat="career"]:hover{color:var(--cat-career);}
.nav-cat[data-cat="ind"]:hover   {color:var(--cat-ind);}
.nav-cat[data-cat="tools"]:hover {color:var(--cat-tools);}
.nav-cat[data-cat="prod"]:hover  {color:var(--cat-prod);}
.nav-cat[data-cat="talks"]:hover {color:var(--cat-talks);}
.nav-cat.active{color:var(--text);border-color:var(--border-mid);background:var(--surface2);}
.nav-cat[data-cat="all"].active   {border-color:var(--red);      color:var(--red);}
.nav-cat[data-cat="wf"].active    {border-color:var(--cat-wf);   color:var(--cat-wf);}
.nav-cat[data-cat="fund"].active  {border-color:var(--cat-fund); color:var(--cat-fund);}
.nav-cat[data-cat="career"].active{border-color:var(--cat-career);color:var(--cat-career);}
.nav-cat[data-cat="ind"].active   {border-color:var(--cat-ind);  color:var(--cat-ind);}
.nav-cat[data-cat="tools"].active {border-color:var(--cat-tools);color:var(--cat-tools);}
.nav-cat[data-cat="prod"].active  {border-color:var(--cat-prod); color:var(--cat-prod);}
.nav-cat[data-cat="talks"].active {border-color:var(--cat-talks);color:var(--cat-talks);}
/* Category popover */
.cat-popover{position:fixed;z-index:9999;width:220px;background:var(--surface2);border:1px solid var(--border-mid);border-radius:6px;padding:12px 14px;pointer-events:none;opacity:0;transition:opacity 0.15s;box-shadow:0 8px 24px rgba(0,0,0,0.4);}
.cat-popover.visible{opacity:1;}
.cat-popover-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;}
.cat-popover-title{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:0.05em;margin-bottom:6px;}
.cat-popover-desc{font-size:12px;line-height:1.5;color:var(--text-muted);}
.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0;justify-self:end;min-width:0;}
.btn{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:6px 14px;border-radius:3px;border:none;cursor:pointer;transition:all 0.15s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.nav-login,.nav-add{height:36px;padding:0 14px;}
.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-mid);}
.btn-ghost:hover{border-color:var(--border-hi);color:var(--text);}
.btn-primary{background:var(--red);color:#f5eeea;}
.btn-primary:hover{filter:brightness(1.1);}
.theme-toggle{width:36px;height:36px;border-radius:3px;border:1px solid var(--border-mid);background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:all 0.15s;flex-shrink:0;}
.theme-toggle #themeIcon{display:inline-flex;align-items:center;justify-content:center;line-height:0;}
.theme-toggle:hover{border-color:var(--border-hi);color:var(--text);}
.queue-badge{background:var(--red);color:#f5eeea;font-family:'Bebas Neue',sans-serif;font-size:13px;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;}
.nav-user-menu-queue{color:var(--gold)!important;display:flex;align-items:center;}
.nav-user-menu-queue:hover{background:var(--gold-dim)!important;color:var(--gold)!important;}
.is-editor-only{display:none;}
body.is-editor .is-editor-only{display:block;}
body.is-editor .nav-user-menu-queue{display:flex;}

/* ── NOTIFICATION BELL ── */
.notif-btn{position:relative;width:36px;height:36px;border-radius:3px;border:1px solid var(--border-mid);background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all 0.15s;flex-shrink:0;}
.notif-btn:hover{border-color:var(--border-hi);color:var(--text);}
.notif-btn.has-unread{border-color:rgba(232,75,58,0.4);color:var(--red);font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:0.04em;}
.notif-badge{display:none!important;}

.nav-user{position:relative;flex-shrink:0;}
.nav-user-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;height:36px;background:transparent;border:1px solid var(--border-mid);border-radius:3px;cursor:pointer;transition:all 0.15s;color:var(--text-muted);flex-shrink:0;white-space:nowrap;}
.nav-user-btn:hover{border-color:var(--border-hi);color:var(--text);}
.nav-user-name{display:inline;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.05em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;max-width:100px;}
.nav-user-caret{display:inline;font-size:13px;color:var(--text-dim);margin-left:4px;}
.nav-user-avatar{display:none;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:1px;background:var(--surface);border:none;font-size:13px;font-weight:600;color:var(--text);flex-shrink:0;margin:0;padding:0;}
.nav-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:1px;}
.nav-user-name{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.05em;color:var(--text);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;}
.nav-user-caret{font-size:13px;color:var(--text-dim);}
.nav-user-menu{position:absolute;top:calc(100% + 6px);right:0;width:190px;background:var(--bg2);border:1px solid var(--border-mid);border-radius:4px;padding:6px 0;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,0.3);animation:fadeUp 0.15s ease both;}
.nav-user-menu-role{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-dim);padding:4px 14px 6px;}
.nav-user-menu-sep{height:1px;background:var(--border);margin:4px 0;}
.nav-user-menu-item{width:100%;background:transparent;border:none;text-align:left;padding:7px 14px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.04em;color:var(--text-muted);cursor:pointer;transition:all 0.12s;}
.nav-user-menu-item:hover{background:var(--surface);color:var(--text);}
.nav-user-menu-signout{color:var(--red)!important;}
.nav-user-menu-signout:hover{background:rgba(232,75,58,0.08)!important;}

.bookmark-nav-btn{position:relative;width:36px;height:36px;border-radius:3px;border:1px solid var(--border-mid);background:transparent;color:var(--text-muted);cursor:pointer;display:none;align-items:center;justify-content:center;font-size:13px;transition:all 0.15s;flex-shrink:0;}
.bookmark-nav-btn:hover{border-color:var(--border-hi);color:var(--text);}
body.is-user .bookmark-nav-btn{display:inline-flex;}

/* ── NAV RESPONSIVE ── */
@media(max-width:900px){
  nav{padding:0 16px;height:52px;}
  .nav-cats{display:none;}
  nav{grid-template-columns:auto auto;justify-content:space-between;}
  .nav-logo-sub{display:none;}
  .notif-btn{display:none!important;}
  .nav-user-btn{width:36px;height:36px;padding:0;gap:0;}
  .nav-user-avatar{display:flex;width:36px;height:36px;min-width:36px;min-height:36px;}
  .nav-user-avatar img{width:36px;height:36px;object-fit:cover;border-radius:1px;}
  .nav-user-name,.nav-user-caret{display:none;}
  .nav-add{display:none!important;}
  .nav-right{gap:6px;}
  .theme-toggle{width:32px;height:32px;padding:0;}
  .btn.nav-login{padding:5px 12px;font-size:12px;}
}