/* Site navbar capsule authority.
   The home scrolled capsule is the visual baseline for both home and docs.
   data-vice-bg remains a document-canvas switch only; it never changes nav glass. */

html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]).navbar-scrolled:not(.navbar-menu-open) .navbar {
  top: calc(12px + var(--safe-top, 0px)) !important;
  left: max(16px, calc(50vw - 540px)) !important;
  right: max(16px, calc(50vw - 540px)) !important;
  width: auto !important;
  height: 60px !important;
  padding-top: 0 !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]).navbar-scrolled:not(.navbar-menu-open) .navbar::before {
  top: 0 !important;
  bottom: 0 !important;
  border: none !important;
  border-radius: 999px !important;
  background-color: rgba(28,30,40,.12) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)) !important;
  opacity: 1 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.10) !important;
  -webkit-backdrop-filter: blur(40px) saturate(200%) !important;
  backdrop-filter: blur(40px) saturate(200%) !important;
}

html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]):not(.navbar-scrolled):not(.navbar-menu-open) .navbar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]):not(.navbar-scrolled):not(.navbar-menu-open) .navbar::before {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Controls share the home capsule treatment on both routes. */
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) .nav-link,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) .nav-title-text,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) .search-icon,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) .theme-btn,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) .btn-icon,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) #btn-site-theme {
  color: var(--text-primary) !important;
  stroke: currentColor !important;
}

html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) .search-box,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) .theme-group,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) #lang-switch-btn,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) #btn-site-theme,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) #auth-btn {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* The document light-mode auth override used to leave a framed button before
   scrolling. Keep it aligned with the home navbar's transparent rest state. */
html[data-navbar-style="capsule"][data-theme="light"]:not([data-vice-bg="1"]) body[data-page-kind="doc"] #auth-btn {
  background: transparent !important;
  background-image: none !important;
  border: transparent !important;
  box-shadow: none !important;
}

html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]).navbar-scrolled:not(.navbar-menu-open) #auth-btn {
  background: rgba(20,18,30,.42) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.18) !important;
}

html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]).navbar-scrolled:not(.navbar-menu-open) .search-box input,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]).navbar-scrolled:not(.navbar-menu-open) .theme-group,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]).navbar-scrolled:not(.navbar-menu-open) #lang-switch-btn,
html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]).navbar-scrolled:not(.navbar-menu-open) #btn-site-theme {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

@media (max-width: 768px) {
  html[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]).navbar-scrolled:not(.navbar-menu-open) .navbar {
    top: calc(8px + var(--safe-top, 0px)) !important;
    left: 12px !important;
    right: 12px !important;
    height: 54px !important;
  }
}

html.perf-mode[data-navbar-style="capsule"] body:is([data-page-kind="home"], [data-page-kind="doc"]) .navbar::before {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}