/* ══════════════════════════════════════════════════════════════════════════
babes — greed-style shell (shared by every public page + the docs)
---------------------------------------------------------------------------
• floating nav pill: logo · links · Login · Discord (burger + sheet on phones)
• five-column footer with wordmark, disclaimer, legal row — and the language
switcher mounted in the "Community" column ([data-lang-mount], i18n.js).
Markup:
Loaded AFTER site.css / refine-site.css; the docs page loads it alone, so
every rule here is self-sufficient (no dependency on the base stylesheets).
══════════════════════════════════════════════════════════════════════════ */
:root{--greed-display:var(--display,'Satoshi','Inter',system-ui,-apple-system,'Segoe UI',sans-serif)}
/* ══════════════════════════════════════════════════════════════════════
greed-style pass — floating nav pill + five-column footer with the
language switcher living in the footer (see data-lang-mount).
Overrides every earlier nav/footer pass by specificity
(.nav.nav-greed / .footer.footer-greed) and by coming last.
══════════════════════════════════════════════════════════════════════ */
/* refine-site.css pins the shared bar with `nav#nav.nav{… !important}` (id+tag+class):
match that weight here so the pill layout actually wins. */
/* desktop: three columns — empty · pill (centred) · blue Dashboard button (far right) */
nav#nav.nav.nav-greed{display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important;
max-width:1104px !important;width:auto !important;margin:0 auto !important;padding:26px 20px 0 !important;
column-gap:12px !important;gap:0 12px !important;background:transparent !important;border:0 !important}
.nav.nav-greed .nav-pill{display:flex;align-items:center;gap:18px;height:54px;padding:0 7px 0 12px;width:auto;max-width:100%;grid-column:2;justify-self:center;
border-radius:9999px;background:rgba(17,18,18,.84);border:1px solid rgba(255,255,255,.07);
backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 40px rgba(0,0,0,.42)}
nav#nav.nav.nav-greed .nav-logo{display:flex;align-items:center;gap:10px !important;grid-column:auto}
.nav.nav-greed .nav-logo img{width:30px;height:30px;border-radius:9px;border:0;box-shadow:none}
.nav.nav-greed .nav-logo span{display:inline;font-family:var(--greed-display);font-size:15px;font-weight:700;letter-spacing:-.2px;color:#fff}
.nav.nav-greed .nav-menu .nav-links.nav-d{position:static;transform:none;top:auto;left:auto;grid-column:auto;justify-self:auto;
display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;gap:20px;padding:0 6px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}
.nav.nav-greed .nav-menu .nav-links.nav-d .nav-link{padding:0;white-space:nowrap;font-family:var(--greed-display);font-size:14px;font-weight:600;letter-spacing:-.2px;color:#d4d4d8;opacity:1;background:none}
.nav.nav-greed .nav-menu .nav-links.nav-d .nav-link:hover,.nav.nav-greed .nav-menu .nav-links.nav-d .nav-link.active{color:#fff;background:none}
.nav.nav-greed .nav-menu .nav-right.nav-d{display:none}
/* fixed-width right slot, right-aligned: the avatar pill can slide out to
"avatar + name" without pushing the links or widening the bar */
.nav.nav-greed .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:2px;flex:none}
.nav.nav-greed .nav-logo{flex:none}
/* the blue Dashboard button (Discord blurple), always in the pill on desktop */
.nav.nav-greed .nav-dash{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:9999px;flex:none;
background:#5865f2;border:1px solid #5865f2;color:#fff;font-family:var(--greed-display);font-size:14px;font-weight:600;letter-spacing:-.1px;white-space:nowrap;
transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.nav.nav-greed .nav-dash svg{width:18px;height:18px;fill:currentColor;stroke:none;flex:none}
.nav.nav-greed .nav-dash:hover{background:#4752c4;border-color:#4752c4;transform:translateY(-1px);box-shadow:0 8px 24px rgba(88,101,242,.35)}
.nav.nav-greed .nav-dash:focus{outline:none}
.nav.nav-greed .nav-dash:focus-visible{outline:2px solid rgba(88,101,242,.6);outline-offset:3px}
.nav.nav-greed .nav-login{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:9999px;
background:#1b1c20;border:1px solid rgba(255,255,255,.09);color:#fff;font-family:var(--greed-display);font-size:14px;font-weight:600;letter-spacing:-.2px;
transition:background .18s,border-color .18s,transform .18s}
.nav.nav-greed .nav-login:hover{background:#26272c;border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.nav.nav-greed .nav-dc{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
background:#1b1c20;border:1px solid rgba(255,255,255,.09);color:#fff;transition:background .18s,border-color .18s,transform .18s}
.nav.nav-greed .nav-dc svg{width:18px;height:18px;fill:currentColor;stroke:none}
.nav.nav-greed .nav-dc:hover{background:#5865f2;border-color:#5865f2;transform:translateY(-1px)}
.nav.nav-greed .nav-login:focus,.nav.nav-greed .nav-dc:focus{outline:none}
.nav.nav-greed .nav-login:focus-visible,.nav.nav-greed .nav-dc:focus-visible{outline:2px solid rgba(52,211,153,.5);outline-offset:3px}
.nav.nav-greed .nav-toggle{display:none}
.nav.nav-greed .lang-switch-nav{display:none}
@media(min-width:861px){nav#nav.nav.nav-greed{max-width:1104px !important;padding:26px 20px 0 !important}}
@media(max-width:1100px){.nav.nav-greed .nav-pill{gap:14px}.nav.nav-greed .nav-menu .nav-links.nav-d{gap:16px}}
@media(max-width:980px){.nav.nav-greed .nav-dash span{display:none}.nav.nav-greed .nav-dash{width:44px;padding:0;justify-content:center}
nav#nav.nav.nav-greed{grid-template-columns:44px auto 44px !important}}
/* phones / small tablets: full-width pill — logo · Login · burger; links in the sheet */
@media(max-width:860px){
nav#nav.nav.nav-greed{display:flex !important;padding:16px 14px 0 !important;max-width:none !important}
.nav.nav-greed .nav-pill{width:100%;height:60px;gap:10px;justify-content:space-between;padding:0 8px 0 14px}
.nav.nav-greed .nav-logo img{width:32px;height:32px}
/* the sheet lists the phone links only (same weight as the desktop rule above, so it wins) */
.nav.nav-greed .nav-menu .nav-links.nav-d,.nav.nav-greed .nav-menu .nav-right.nav-d{display:none}
.nav.nav-greed .nav-menu .nav-links.nav-m{display:flex}
.nav.nav-greed .nav-login{height:40px;padding:0 16px;font-size:14px}
.nav.nav-greed .nav-dc,.nav.nav-greed .nav-dash{display:none}
.nav.nav-greed .bb-user{display:none} /* phones: no avatar in the pill, the sheet has the account entries */
.nav.nav-greed .nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
background:#1b1c20;border:1px solid rgba(255,255,255,.09);color:#fff}
.nav.nav-greed .nav-toggle svg{width:20px;height:20px}
/* the slide-out sheet (site.css only defines it below 680px) */
.nav.nav-greed .nav-menu{display:flex;flex-direction:column;align-items:stretch;gap:12px;position:fixed;z-index:99;top:88px;left:12px;right:12px;
max-height:calc(100dvh - 104px);overflow-y:auto;padding:20px;border-radius:22px;background:#0d0d12;border:1px solid rgba(255,255,255,.09);
box-shadow:0 24px 64px rgba(0,0,0,.62);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .26s,transform .26s,visibility .26s}
.nav.nav-greed.open .nav-menu{opacity:1;visibility:visible;transform:none}
.nav.nav-greed .nav-sheet-head{display:flex;align-items:center;justify-content:space-between}
.nav.nav-greed .nav-menu .nav-links{flex-direction:column;gap:11px;width:100%}
.nav.nav-greed .nav-scrim{display:block;position:fixed;inset:0;z-index:98;background:rgba(4,4,7,.55);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.nav.nav-greed.open .nav-scrim{opacity:1;visibility:visible}
}
/* ---------- footer ---------- */
/* z-index above the CTA card before it, so the language menu (opens upwards) is never hidden behind it */
.footer.footer-greed{position:relative;z-index:30;margin-top:150px;background:transparent;border-top:1px solid rgba(255,255,255,.06)}
.footer.footer-greed::before{display:none}
.footer.footer-greed .footer-inner{max-width:1064px;margin:0 auto;padding:64px 20px 36px}
.footer.footer-greed .footer-grid{display:grid;grid-template-columns:52px repeat(4,minmax(0,1fr)) minmax(200px,auto);gap:40px 36px;margin:0}
.footer.footer-greed .footer-brand{max-width:none;grid-column:auto}
.footer.footer-greed .footer-brand img{width:42px;height:42px;border-radius:12px;border:0;margin:0;opacity:1;transform:none}
.footer.footer-greed .footer-brand p{display:none}
.footer.footer-greed .footer-col{display:block}
.footer.footer-greed .footer-col h5{font-family:var(--greed-display);font-size:13px;font-weight:700;letter-spacing:0;color:#8f8f9a;margin:0 0 16px}
.footer.footer-greed .footer-col a{display:flex;align-items:center;gap:6px;width:fit-content;font-family:var(--greed-display);font-size:13.5px;font-weight:600;color:#c9c9d1;padding:6px 0;transition:color .15s}
.footer.footer-greed .footer-col a:hover{color:#fff;transform:none}
.footer.footer-greed .footer-col a .ext{opacity:.55}
.footer.footer-greed .footer-col a.footer-dc-btn{display:inline-flex;align-items:center;gap:9px;width:100%;height:42px;padding:0 16px;border-radius:12px;
background:#17181c;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:13.5px;font-weight:700;transition:background .18s,border-color .18s}
.footer.footer-greed .footer-dc-btn:hover{background:#1f2026;border-color:rgba(255,255,255,.16);color:#fff}
.footer.footer-greed .footer-dc-btn svg{width:18px;height:18px;fill:currentColor;flex:none}
.footer.footer-greed .footer-lang{margin-top:10px;min-height:42px}
.footer.footer-greed .footer-lang .lang-switch-btn{height:42px;border-radius:12px;background:#17181c;border:1px solid rgba(255,255,255,.08);padding:0 12px 0 14px;gap:10px}
.footer.footer-greed .footer-lang .lang-switch-btn:hover{background:#1f2026;border-color:rgba(255,255,255,.16)}
.footer.footer-greed .footer-lang .lang-switch-code{display:inline !important;font-family:var(--greed-display);font-size:13.5px;font-weight:600;color:#fff}
.footer.footer-greed .footer-lang .lang-switch-menu{width:100%;min-width:220px;border-radius:14px;background:#111214;border-color:rgba(255,255,255,.08)}
.footer.footer-greed .footer-lang .lang-switch-more{background:linear-gradient(180deg,rgba(17,18,20,0),rgba(17,18,20,.96) 55%);border-radius:0 0 14px 14px}
.footer.footer-greed .footer-wordmark{font-family:var(--greed-display);font-weight:800;font-size:clamp(64px,15vw,196px);line-height:1;letter-spacing:-.055em;
text-align:center;color:rgba(255,255,255,.035);margin:72px 0 6px;user-select:none;white-space:nowrap;overflow:hidden}
.footer.footer-greed .footer-disclaimer{font-size:12.5px;line-height:1.7;color:#7b7b86;margin:0 0 44px}
.footer.footer-greed .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 24px;margin:0;padding:0;border:0;font-size:12px;color:#8b8b95}
.footer.footer-greed .footer-bottom span{display:inline}
.footer.footer-greed .footer-legal{display:flex;gap:26px}
.footer.footer-greed .footer-legal a{font-size:12px;font-weight:700;color:#c9c9d1}
.footer.footer-greed .footer-legal a:hover{color:#fff}
@media(max-width:980px){
.footer.footer-greed .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}
.footer.footer-greed .footer-brand{grid-column:1 / -1}
.footer.footer-greed .footer-community{grid-column:1 / -1;max-width:320px}
}
@media(max-width:640px){
.footer.footer-greed{margin-top:100px}
.footer.footer-greed .footer-inner{padding:48px 20px 32px}
.footer.footer-greed .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
.footer.footer-greed .footer-community{max-width:none}
.footer.footer-greed .footer-wordmark{margin:48px 0 4px}
.footer.footer-greed .footer-bottom{flex-direction:column;align-items:flex-start}
.footer.footer-greed .footer-legal{gap:18px;flex-wrap:wrap}
}
/* ── base pieces that normally come from site.css (the docs page loads this
stylesheet alone, so they live here too; harmless elsewhere) ────────── */
.nav.nav-greed a,.footer.footer-greed a{text-decoration:none}
.nav.nav-greed .nav-sheet-head{display:none}
.nav.nav-greed .nav-menu .nav-m{display:none}
.nav.nav-greed .nav-scrim{display:none}
.nav.nav-greed .nav-toggle,.nav.nav-greed .nav-close{background:none;border:0;cursor:pointer;padding:0;font:inherit}
.nav.nav-greed .nav-search{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
background:#1b1c20;border:1px solid rgba(255,255,255,.09);color:#fff;cursor:pointer;padding:0;transition:background .18s,border-color .18s,transform .18s}
.nav.nav-greed .nav-search:hover{background:#26272c;border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.nav.nav-greed .nav-search svg{width:18px;height:18px}
@media(min-width:861px){.nav.nav-greed .nav-menu{display:contents}}
@media(max-width:860px){
.nav.nav-greed .nav-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
.nav.nav-greed .nav-sheet-title{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.02em}
.nav.nav-greed .nav-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#c9ccd1;border-radius:10px}
.nav.nav-greed .nav-close svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
.nav.nav-greed .nav-menu .nav-link{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:17px 20px;border-radius:14px;
font-size:16px;font-weight:500;letter-spacing:-.1px;background:rgba(255,255,255,.045);border:1px solid transparent;color:#c9ccd1}
.nav.nav-greed .nav-menu .nav-link:hover,.nav.nav-greed .nav-menu .nav-link.active{background:rgba(255,255,255,.075);color:#fff}
.nav.nav-greed .nav-menu .nav-link svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;opacity:.55}
.nav.nav-greed .nav-search{width:40px;height:40px}
}
/* ── docs: the pill floats over the fixed-header layout ─────────────────── */
nav#nav.nav.nav-greed.docs-nav{position:fixed !important;top:0;left:0;right:0;z-index:55;pointer-events:none}
.nav.nav-greed.docs-nav .nav-pill,.nav.nav-greed.docs-nav .nav-menu,.nav.nav-greed.docs-nav .nav-scrim{pointer-events:auto}
.nav.nav-greed.docs-nav .nav-pill{background:rgba(14,14,17,.9)}