/* Liquid Glass navbar layered over the current IWAK navigation. */
.root-nav:has(> .root-nav-buttons) {
  padding: 0;
  border-color: transparent;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
.root-nav > .root-nav-buttons {
  --lg-tint: #18202a26;
  --lg-indicator: #10182012;
  --lg-fallback: blur(6px) saturate(1.15);
  --lg-shadow-2: 0 0 0 1px #33415566, inset 0 1px 1px #ffffffaa;
  min-width: 0;
  padding: 4px;
  gap: 0;
  color: inherit;
}
.root-nav > .root-nav-buttons > .lg-surface > .lg-surface__glass { opacity: 0.3; }
.root-nav.dark-nav > .root-nav-buttons {
  --lg-tint: #2e2e2d29;
  --lg-indicator: #ffffff36;
  --lg-text: #fff;
  --lg-shadow-2: inset 0 0 1px 1px #ffffff22;
}
.root-nav-buttons .lg-nav__copy { gap: 0; }
.root-nav-buttons .lg-nav__copy > span {
  flex: 1;
  height: 100%;
  min-width: 0;
  padding: 0;
  justify-content: center;
}
.root-nav:not(:has(.root-nav-buttons > button.selected)) .root-nav-buttons :is(.lg-nav__copy, .lg-lens-shadow) { visibility: hidden; }
.root-nav:has(.catalog-sheet-backdrop) .root-nav-buttons > :is(.lg-surface, .lg-nav__copy, .lg-lens-shadow) { display: none; }
.root-nav-buttons:defined > button.selected { background: transparent; }
@media (prefers-reduced-transparency: reduce) {
  .root-nav.dark-nav > .root-nav-buttons .lg-surface__tint { background: #2e2e2d; }
}
/* Keep iOS Safari's bottom browser chrome over page content. */
@media (max-width: 599px) {
  :root:not(.reference-mode) .root-nav { bottom: calc(var(--safe-bottom) + 20px) !important; }
}