/* WenLambo reskin overlay for the stkrs cabinet — v1 (token flip). Loaded AFTER their CSS.
   Iterated live once app.wenlambo.xyz is up. Strategy: redefine the design tokens; the app's
   ~90% var()-driven styling then adopts our palette without touching their layout. */

/* WenLambo cabinet type system: Display=Unbounded (chunky, Latin+Cyrillic), Body=Nunito,
   CJK 中文/한국어 = Noto Sans SC/KR subsetted to the dictionary glyphs. Self-hosted /__wlf-*. */
@font-face{font-family:'WLD';src:url('/__wlf-unb-latin.woff2') format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'WLD';src:url('/__wlf-unb-cyr.woff2') format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'WLB';src:url('/__wlf-nun-latin.woff2') format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'WLB';src:url('/__wlf-nun-cyr.woff2') format('woff2');font-weight:400 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'WLSC';src:url('/__wlf-sc-400.woff2') format('woff2');font-weight:100 500;font-display:swap}
@font-face{font-family:'WLSC';src:url('/__wlf-sc-700.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:'WLKR';src:url('/__wlf-kr-400.woff2') format('woff2');font-weight:100 500;font-display:swap}
@font-face{font-family:'WLKR';src:url('/__wlf-kr-700.woff2') format('woff2');font-weight:600 900;font-display:swap}

:root{
  /* --- WenLambo palette --- */
  --wl-cream:#faf9f5 !important; --wl-yellow:#ffc93c !important; --wl-navy:#22315e !important; --wl-coral:#ff6b6b !important; --wl-blue:#3ba2f2 !important;

  /* global.css tokens */
  --bg-0:#faf9f5 !important; --bg-1:#fff !important; --bg-2:#fff !important;
  --text-0:#22315e !important; --text-1:#22315e !important; --muted:rgba(34,49,94,.62) !important;
  --line:rgba(34,49,94,.16) !important;
  --brand-blue:#3ba2f2 !important; --brand-cyan:#3ba2f2 !important; --brand-gold:#ffc93c !important; --brand-warm:#ffc93c !important; --brand-cream:#faf9f5 !important;
  --shadow-soft:0 4px 0 #22315e !important;

  /* public-figma.css tokens (the /stickers surface) */
  --figma-bg:#faf9f5 !important; --figma-bg-deep:#f3ecdd !important;
  --figma-text:#22315e !important; --figma-muted:rgba(34,49,94,.62) !important;
  --figma-line:rgba(34,49,94,.18) !important;
  --figma-cyan:#3ba2f2 !important; --figma-amber:#ffc93c !important;
  --figma-panel:#ffffff !important; --figma-panel-strong:#ffffff !important;
  --figma-card-bg:#ffffff !important;
  --figma-glass-bg:#ffffff !important;
  --figma-glass-border:#22315e !important; --figma-glass-edge:rgba(34,49,94,.25) !important;
  --figma-blue-button:#ff6b6b !important;
  --figma-card-shadow:0 4px 0 #22315e !important;
  --figma-glass-shadow:0 6px 0 #22315e !important;
  --figma-shadow:0 4px 0 #22315e !important;
  --figma-radius-lg:22px !important; --figma-radius-md:18px !important; --figma-radius-xl:24px !important; --figma-radius-pill:999px !important;
  --figma-font-body:'WLB','WLSC','WLKR',system-ui,-apple-system,sans-serif !important;
  --figma-font-display:'WLD','WLSC','WLKR',system-ui,-apple-system,sans-serif !important;

  /* public-* tokens */
  --public-bg:#faf9f5 !important; --public-bg-deep:#f3ecdd !important;
  --public-blue:#3ba2f2 !important; --public-gold:#ffc93c !important; --public-green:#3ba2f2 !important; --public-pink:#ff6b6b !important;
  --public-line:rgba(34,49,94,.18) !important;
  --public-panel:#ffffff !important; --public-panel-strong:#ffffff !important;
}

/* base surface + text color on a light theme */
html,body{background:#faf9f5 !important;color:#22315e !important}
body{font-family:'WLB','WLSC','WLKR',system-ui,-apple-system,sans-serif}

/* cards/panels that used white-alpha borders (invisible on light) -> solid navy border + hard shadow */
.figma-glass,.figma-info-card,.figma-route-card,.figma-nft-lookup-result,.figma-stat-grid article,
.figma-wallet-cabinet,.figma-sticker-tile>div{
  border:3px solid #22315e !important;
  box-shadow:0 4px 0 #22315e !important;
  background:#fff !important;
}
/* headings + display type */
.figma-page h1,.figma-page h2,.figma-page h3,.figma-route-hero h1{color:#22315e !important;font-weight:800}
/* primary action buttons -> coral pill with navy edge */
.figma-action-primary,.figma-wallet-link{
  background:#ff6b6b !important;color:#fff !important;
  border:3px solid #22315e !important;box-shadow:0 4px 0 #22315e !important;border-radius:999px !important;
}
/* top nav bar */
.figma-public-nav{background:#faf9f5 !important;border-bottom:3px solid #22315e !important}
.figma-public-nav a{color:#22315e !important;font-weight:800}

/* --- v2 targeted fixes (from screenshot) --- */
/* kill leftover dark-theme radial "blobs" -> flat cream */
.figma-site:not(.figma-site--admin){background:#faf9f5 !important}
/* rounder cards to match WenLambo */
.figma-info-card,.figma-stat-grid article,.figma-sticker-tile,.figma-image-shell,
.figma-compare-strip,.figma-cta-grid article,.figma-faq-grid details,.stickers-nft-option{
  border-radius:22px !important}
/* badge pills: brand them */
.figma-route-card__labels span{background:#22315e !important;color:#fff !important}
.figma-route-card__labels span:first-child{background:#ffc93c !important;color:#22315e !important}
/* lookup input: white pill w/ navy border (was grey glass) */
.figma-nft-lookup input,.figma-nft-lookup__form input{
  background:#fff !important;border:2px solid #22315e !important;color:#22315e !important}
/* soften the glassy sheen pseudo-overlays that read as smudges on light bg */
.figma-route-card::before,.figma-nft-lookup__form::before,.figma-nft-lookup-result::before,
.stickers-claim-panel::before,.figma-session-panel::before{opacity:.25 !important}

/* --- v3: force remaining hardcoded-dark panels light + readable --- */
.stickers-claim-empty{background:#fff8e6 !important;color:#22315e !important;
  border:2px dashed rgba(34,49,94,.35) !important;border-radius:16px !important}
.stickers-claim-bottom{background:#fff !important;border:3px solid #22315e !important;
  border-radius:18px !important;box-shadow:0 4px 0 #22315e !important}
.stickers-claim-bottom span{color:rgba(34,49,94,.6) !important}
.stickers-claim-bottom strong{color:#22315e !important}
.stickers-nft-option{background:#fff !important;color:#22315e !important;
  border:2px solid #22315e !important;border-radius:16px !important}
.stickers-nft-option.is-selected{background:#fff3cf !important;filter:none !important;border-color:#ffc93c !important}
.stickers-nft-option__num,.stickers-nft-option__balance{color:#22315e !important}
/* buttons -> WenLambo pills */
.btn{border-radius:999px !important;font-weight:800 !important}
.btn-primary{background:#ff6b6b !important;color:#fff !important;
  border:2px solid #22315e !important;box-shadow:0 4px 0 #22315e !important}
.btn-secondary,.btn-ghost,.btn-wallet{background:#fff !important;color:#22315e !important;
  border:2px solid #22315e !important;box-shadow:0 4px 0 #22315e !important}
.btn-danger{background:#ff5a5a !important;color:#fff !important;
  border:2px solid #22315e !important;box-shadow:0 4px 0 #22315e !important}
/* any leftover strong/gradient dark panels */
.figma-panel-strong,[class*="claim-summary"]{background:#fff !important}

/* --- v4: .figma-wallet-cabinet is a SECTION, not a card — remove the stray sharp border I added in v1 --- */
.figma-wallet-cabinet{border:none !important;box-shadow:none !important;background:transparent !important}
/* make sure genuine cards inside keep generous rounding */
.stickers-claim-panel,.stickers-claim-card,.stickers-claim-bottom{border-radius:22px !important}

/* --- v5: claim/burn result dialog (.site-dialog) — was dark purple w/ invisible text --- */
.site-dialog{background:#faf9f5 !important;border:3px solid #22315e !important;
  border-radius:22px !important;box-shadow:0 8px 0 #22315e !important;color:#22315e !important}
.site-dialog::after{display:none !important}
.site-dialog__eyebrow{color:rgba(34,49,94,.62) !important}
.site-dialog h3,.site-dialog__body,.site-dialog p,.site-dialog strong{color:#22315e !important}

/* --- v6: brand accent + dotted background texture (match main site) --- */
.figma-route-hero--stickers h1 span{color:#3ba2f2 !important}
.figma-site:not(.figma-site--admin){
  background:radial-gradient(rgba(34,49,94,.07) 1.6px,transparent 1.6px) #faf9f5 !important;
  background-size:26px 26px !important}
/* recolor any other leftover mint/green accents to brand */
[style*="6cf4be"],[style*="7df0b1"]{color:#3ba2f2 !important}

/* --- v7: Lambo cursor (match landing) --- */
*{cursor:url("data:image/png;base64,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") 10 11, auto !important}

/* --- v8: fix header after stkrs redeploy. Their nav is 3 flex children of
   .figma-public-nav__inner (space-between): [logo nav__links][wallet-link][our switcher],
   which floated the wallet button to the center. Give the wallet button margin-left:auto
   so the free space collapses to its left: logo stays left, wallet + switcher pack right. --- */
.figma-public-nav__inner>.figma-wallet-link{margin-left:auto !important}

/* --- v13: stat-card values (.figma-stat-grid article strong) use the wide Unbounded
   display face; long RU words (ЦЕННОСТЬ/ПЕРВОГО) overflowed the narrow cards and got
   clipped by overflow:hidden. Shrink + tighten so they fit; break long words as a net. --- */
.figma-stat-grid article strong{font-size:25px !important;letter-spacing:-.02em !important;overflow-wrap:break-word;word-break:break-word;hyphens:none;max-width:100%}

/* --- v14: .figma-compare-strip had only a bottom box-shadow shelf and no border,
   so its outline looked half-erased vs every other card. Give it the same 3px navy
   border for a complete, crisp frame. --- */
.figma-compare-strip{border:3px solid #22315e !important}

/* --- v16: anti-FOUC. The stkrs bundle renders the hero in English and paints it before
   our (deferred) overlay can translate, so RU/中文/한국어 users saw an English flash on load.
   Hide the main content until the overlay adds html.wl-ready (right after its first
   translation pass); a keyframe reveals it after 1s regardless, so it can never get stuck. --- */
@keyframes wlReveal{to{opacity:1}}
html:not(.wl-ready) .figma-public-main{opacity:0;animation:wlReveal 0s 1s forwards}
html.wl-ready .figma-public-main{opacity:1;animation:none}
