/* ---------- Wallet button (nav, top right) ---------- */
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.wallet{position:relative}
.wallet-btn{white-space:nowrap;gap:9px}
.wallet[data-status="connected"] .wallet-btn{border-color:var(--flame-orange);color:#fff;box-shadow:0 0 14px rgba(242,106,27,.28)}
.wallet-icon{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}
.wallet-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);flex-shrink:0}
.wallet[data-status="reconnecting"] .wallet-dot{background:var(--flame-yellow);box-shadow:0 0 8px var(--flame-yellow)}
.wallet-label{font-style:italic}
.wallet-spin{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:var(--flame-orange);animation:wcSpin .8s linear infinite;flex-shrink:0}
@keyframes wcSpin{to{transform:rotate(360deg)}}
.wallet-menu{position:absolute;right:0;top:calc(100% + 12px);min-width:230px;background:rgba(18,10,10,.98);backdrop-filter:blur(12px);border:1px solid var(--smoke-600);border-radius:var(--radius-md);padding:8px;box-shadow:0 18px 40px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s,transform .16s,visibility .16s;z-index:70}
.wallet.open .wallet-menu{opacity:1;visibility:visible;transform:none}
.wallet.open .drop-caret{transform:rotate(180deg)}
.wallet-menu .drop-item{width:100%;background:none;border:0;text-align:left;cursor:pointer;font:inherit}
.wallet-menu-head{padding:8px 12px 10px;border-bottom:1px solid var(--smoke-600);margin-bottom:6px}
.wallet-menu-head .di-s{font-size:11.5px;color:var(--text-muted)}
.wallet-menu-head .di-t{font-weight:700;color:#fff;font-size:14px}
.wallet-addr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.brand .wm{white-space:nowrap}
@media(max-width:520px){.wallet-btn{padding:8px 12px}.wallet-btn .wallet-label{max-width:104px;overflow:hidden;text-overflow:ellipsis}.wl-x{display:none}.brand{gap:8px}.brand .wm{font-size:16px}.brand img{height:34px}.nav-inner{padding:10px 16px;gap:12px}}

/* ---------- WizardConnect dialog ---------- */
html.wc-lock{overflow:hidden}
.wc-overlay{position:fixed;inset:0;z-index:200;background:rgba(5,2,2,.78);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.wc-overlay.show{opacity:1;visibility:visible}
.wc-dialog{position:relative;width:100%;max-width:380px;max-height:calc(100vh - 32px);overflow:auto;background:var(--char-800);border:1px solid var(--smoke-600);border-radius:var(--radius-lg);padding:28px 26px 22px;text-align:center;box-shadow:0 0 0 1px rgba(194,15,53,.35),0 0 50px rgba(194,15,53,.25),0 30px 60px rgba(0,0,0,.6);transform:translateY(10px) scale(.98);transition:transform .22s}
.wc-overlay.show .wc-dialog{transform:none}
.wc-dialog::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad-flame);border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.wc-close{position:absolute;top:10px;right:12px;background:none;border:0;color:var(--text-muted);font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}
.wc-close:hover{color:#fff}
.wc-title{font-family:var(--font-display);font-style:italic;text-transform:uppercase;color:#fff;font-size:28px;line-height:1;margin:8px 0 8px}
.wc-sub{font-size:14.5px;margin-bottom:18px}
.wc-qr{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:200px;min-height:200px;background:#fff;border-radius:var(--radius-md);padding:6px;box-shadow:0 0 30px rgba(242,106,27,.35)}
.wc-qr canvas{display:block;opacity:0;transition:opacity .25s}
.wc-qr.ready canvas{opacity:1}
.wc-qr-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.wc-qr.ready .wc-qr-wait{display:none}
.wc-qr-wait .wallet-spin{width:28px;height:28px;border-color:rgba(0,0,0,.15);border-top-color:var(--blaze-red)}
.wc-actions{display:flex;gap:10px;justify-content:center;margin-top:18px;opacity:.35;pointer-events:none}
.wc-actions.ready{opacity:1;pointer-events:auto}
.wc-status{margin-top:16px;font-size:14px}
.wc-status.err{color:var(--blaze-red-bright)}
.wc-foot{font-size:12.5px;margin-top:10px}

/* Wallet button sits right next to the Register CTA on desktop */
.nav-inner{justify-content:flex-start}
.nav-links{margin-left:auto}
.nav-right{margin-left:-14px}
@media(max-width:1100px){.nav-right{margin-left:auto}}