/* thumbnav.css — C2-2 bottom thumb bar. Phone only (hidden ≥761px).
   Six big targets: five primary sections + More (bottom sheet to the rest —
   Ventures/Spend/Live/Graph were scroll-only before). Active state comes free
   from the existing scroll-spy (.nav-link[data-sec].active). Tokens only.
   iPhone-chrome slice: the bar no longer yields to the action bar (maction
   stacks above it — navigation never disappears); the Do Now tab carries a
   live blocker badge (mobile.js syncs it from the Do-Now metrics). Body
   bottom padding moved to a measured var (--tnav-h, mobile.js) — the old
   84px guess let content bleed behind the bar when labels wrapped. */

#thumbnav{ display:none; }

@media (max-width:760px){
  /* C2-2 follow-up (founder's phone, real defect): the 22-link top mainnav
     AND this bar both rendered on mobile — two menu bars eating the screen.
     The thumb bar is the ONE mobile nav; mainnav returns ≥761px (desktop
     unchanged). */
  .mainnav{ display:none; }

  #thumbnav{
    position:fixed; left:0; right:0; bottom:0; z-index:840;
    display:flex; gap:.3rem;
    padding:.5rem calc(.5rem + env(safe-area-inset-left, 0px))
            calc(.5rem + env(safe-area-inset-bottom, 0px))
            calc(.5rem + env(safe-area-inset-right, 0px));
    background:linear-gradient(180deg, rgba(20,28,24,.96), rgba(13,20,16,.99));
    border-top:1px solid rgba(241,234,218,.16);
    box-shadow:0 -10px 26px -14px rgba(0,0,0,.55);
  }
  .thumb-link{
    flex:1 1 0; justify-content:center;
    min-height:56px;            /* big-button law: every target ≥44px, with margin */
    font-size:.74rem; letter-spacing:.04em;
    min-width:0; white-space:nowrap;
  }
  /* the More tab is a <button> (opens a sheet, navigates nowhere): strip the
     UA button chrome so it reads as its anchor siblings do */
  button.thumb-link{
    background:none; border:1px solid transparent; color:inherit;
    font-family:inherit; cursor:pointer;
  }
  /* tap feedback that is not a hover affordance */
  .thumb-link:active{ background:rgba(233,206,155,.18); }
  .thumb-link.active{ background:var(--gold); border-color:var(--gold); color:var(--night-hi); }

  /* live blocker count on Do Now — text in a gold bubble, not color-only */
  .tn-badge{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:1.25rem; height:1.25rem; margin-left:.3rem; padding:0 .3rem;
    border-radius:999px; background:var(--gold); color:var(--night-hi);
    font-size:.66rem; font-weight:700; font-variant-numeric:tabular-nums;
  }
  .thumb-link.active .tn-badge{ background:var(--night-hi); color:var(--gold); }

  /* the bar is fixed: the page must not slide content under it. Measured
     height (mobile.js) with the old guess as fallback before JS runs. */
  body{ padding-bottom:calc(var(--tnav-h, 84px) + .5rem); }
}