/* nav-final.css v5 — single source of truth for mobile nav.
   Buttons live in-list (.nav-mobile-cta). Correct mobile scroll-lock:
   background locked, drawer scrolls internally (overscroll contained). */

.nav-mobile-cta { display: none; }

@media (max-width: 880px) {
  .nav-mobile-cta { display: block; border-bottom: 0 !important; }
  .nav-mobile-cta .btn {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    margin-top: 12px !important;
    min-height: 50px !important;
    line-height: 50px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
  }
  .nav-mobile-cta:first-of-type { margin-top: 20px !important; }

  .nav-mobile-cta .btn-ghost {
    border: 1.5px solid var(--ink-10, rgba(0,0,0,.15)) !important;
    color: var(--ink, #140e08) !important;
    background: transparent !important;
  }
  .nav-mobile-cta .btn-primary {
    background: var(--ink, #140e08) !important;
    color: #fff !important;
  }
  .nav-mobile-cta .btn-primary * { color: #fff !important; }

  /* Old separate CTA panel is not used in this design */
  html body nav.site-nav .nav-cta { display: none !important; }

  /* Drawer = the links panel. Full height, scrolls internally. */
  html body nav.site-nav .nav-links {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    width: min(86vw, 360px) !important;
    padding: 72px 24px 32px !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    background: var(--paper-pure, #fcfaf6) !important;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
    z-index: 105 !important;
    box-shadow: -20px 0 60px rgba(0,0,0,0.08) !important;
  }
  html body nav.site-nav.is-menu-open .nav-links { transform: translateX(0); }

  html body nav.site-nav .nav-links > li:first-child { padding-top: 0 !important; }

  html body nav.site-nav .nav-toggle {
    position: fixed !important;
    top: 18px !important;
    right: 18px !important;
    width: 44px !important;
    height: 44px !important;
    z-index: 130 !important;
  }
  html body nav.site-nav.is-menu-open .nav-toggle span {
    background: var(--ink, #140e08) !important;
  }

  /* SCROLL LOCK: lock the background only. No touch-action:none here —
     that would also kill scrolling inside the drawer. JS Lenis.stop()
     handles the smooth-scroll engine; this handles native fallback. */
  body.nav-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
  }
  html:has(body.nav-open) { overflow: hidden !important; }
}