/* The Vault — slim pinned bar (2026-10-09 fix).
   The tall logo header (logo, address, Table Fun) now scrolls away; only the tab bar stays pinned (~71px),
   and the globe/language button stays pinned top-right so it is always reachable.
   Vault-only: loaded from r/thevault/index.html after guest-menu.css + lang-menu.css. */
/* no backdrop-filter: it would trap the fixed globe inside the header */
body[data-slug="thevault"] .gm-header { position: relative; top: auto; -webkit-backdrop-filter: none; backdrop-filter: none; }
body[data-slug="thevault"] .gm-tabs { top: 0; padding-inline-end: 0; }
body[data-slug="thevault"] .gm-subnav { position: relative; top: auto; }
body[data-slug="thevault"] .elm-lang-btn { position: fixed; top: calc(18px + env(safe-area-inset-top)); inset-inline-end: 12px; z-index: 50; }
body[data-slug="thevault"] .gm-cat { scroll-margin-top: 84px; }
@media (min-width: 700px) {
  body[data-slug="thevault"] .gm-tabs { top: 0; }
  body[data-slug="thevault"] .gm-subnav { top: auto; }
}
/* solid pill so it reads on the white tab bar too */
body[data-slug="thevault"] .elm-lang-btn { background: #0a0a0a; border-color: rgba(212,175,55,0.75); box-shadow: 0 2px 10px rgba(0,0,0,0.18); }
/* keep tabs from sliding under the pinned globe: white fade strip at the bar's end */
body[data-slug="thevault"] .gm-tabs::after { content: ""; flex: 0 0 84px; position: sticky; inset-inline-end: -1rem; margin-inline-start: 0;
  margin-top: -0.85rem; margin-bottom: -0.55rem; pointer-events: none;
  background: linear-gradient(to right, rgba(255,255,255,0), #fff 34%); }
body[data-slug="thevault"].elm-rtl .gm-tabs::after { background: linear-gradient(to left, rgba(255,255,255,0), #fff 34%); }