/* Wallet connect sheet. Matches the site's pill and panel language. */

.wc-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;
  padding:24px;background:rgba(16,32,52,.42);backdrop-filter:blur(6px);
  animation:wcFade 180ms ease}
.wc-overlay[hidden]{display:none}
@keyframes wcFade{from{opacity:0}to{opacity:1}}
body.wc-open{overflow:hidden}

.wc-sheet{position:relative;width:min(430px,100%);max-height:86vh;overflow-y:auto;
  background:var(--panel,#fff);border:1px solid var(--line,#dbe7f2);border-radius:26px;
  padding:34px 30px 26px;box-shadow:0 30px 70px rgba(18,42,72,.24);
  animation:wcRise 260ms cubic-bezier(.22,1,.36,1)}
@keyframes wcRise{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

.wc-close{position:absolute;top:14px;right:16px;width:32px;height:32px;border:0;border-radius:50%;
  background:transparent;color:var(--muted,#4c5a6b);font-size:22px;line-height:1;cursor:pointer;
  transition:background 160ms ease,color 160ms ease}
.wc-close:hover{background:#eef5fc;color:var(--ink,#10151c)}
.wc-close:focus-visible,.wc-option:focus-visible{outline:2px solid var(--blue,#2b8fe6);outline-offset:2px}

.wc-eyebrow{margin:0 0 8px;font-size:9px;letter-spacing:1.6px;color:var(--blue,#2b8fe6);font-weight:600}
.wc-sheet h2{margin:0 0 8px;font-size:26px;letter-spacing:-1px;color:var(--ink,#10151c)}
.wc-lede{margin:0 0 18px;font-size:13px;line-height:1.6;color:var(--muted,#4c5a6b)}

.wc-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.wc-option{display:flex;align-items:center;gap:13px;width:100%;padding:12px 14px;text-decoration:none;
  border:1px solid var(--line,#dbe7f2);border-radius:16px;background:#fbfdff;cursor:pointer;
  font:inherit;text-align:left;color:var(--ink,#10151c);
  transition:transform 160ms var(--ease,cubic-bezier(.22,1,.36,1)),border-color 160ms ease,box-shadow 160ms ease}
.wc-option:hover:not(:disabled){transform:translateY(-1px);border-color:#bcd9f2;box-shadow:0 8px 20px rgba(28,92,143,.09)}
.wc-option:disabled{opacity:.5;cursor:default}
.wc-option.is-busy{opacity:1;border-color:var(--blue,#2b8fe6);box-shadow:0 0 0 3px rgba(43,143,230,.13)}

.wc-icon{width:32px;height:32px;border-radius:9px;object-fit:contain;flex-shrink:0;background:#fff}
.wc-icon-fallback{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;
  color:#fff;background:linear-gradient(150deg,#6fb4ea,#2b8fe6)}
.wc-name{flex:1;font-size:14px;font-weight:500}
.wc-tag{font-size:9px;letter-spacing:.9px;color:var(--muted,#4c5a6b);text-transform:uppercase}

.wc-account{display:flex;flex-direction:column;gap:2px;margin-bottom:14px;padding:6px 0;
  border-top:1px solid var(--line,#dbe7f2);border-bottom:1px solid var(--line,#dbe7f2)}
.wc-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 2px}
.wc-row+.wc-row{border-top:1px solid #eef4fa}
.wc-row span{font-size:11px;letter-spacing:.4px;color:var(--muted,#4c5a6b)}
.wc-row strong{font-size:13px;font-weight:600;color:var(--ink,#10151c);font-variant-numeric:tabular-nums}
.wc-dim{color:var(--muted,#4c5a6b);font-weight:400}

.wc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.wc-actions .pill{flex:1;min-width:120px;justify-content:center;font-size:11px;padding:11px 14px}

.wc-status{margin:0 0 12px;padding:10px 13px;border-radius:12px;font-size:12px;line-height:1.5}
.wc-status[data-kind=error]{background:#fdeeee;color:#a03e3e;border:1px solid #f4d4d4}
.wc-status[data-kind=wait]{background:#eef6fd;color:#1f6ba8;border:1px solid #d3e6f8}
.wc-status[data-kind=ok]{background:#eaf7f1;color:#1d7355;border:1px solid #cfeade}

.wc-foot{margin:0;font-size:10px;line-height:1.65;color:var(--muted,#4c5a6b);opacity:.85}

/* Nav trigger */
#wallet-connect.is-connected{font-variant-numeric:tabular-nums}
#wallet-connect.is-connected::before{content:"";width:7px;height:7px;border-radius:50%;
  background:#31b47c;box-shadow:0 0 0 3px rgba(49,180,124,.18);flex-shrink:0}
#wallet-connect{display:inline-flex;align-items:center;gap:8px}

body[data-theme=dark] .wc-sheet{background:#141b25;border-color:#26354a}
body[data-theme=dark] .wc-option{background:#1a2431;border-color:#2a3a50;color:#eaf2fb}
body[data-theme=dark] .wc-close:hover{background:#22303f;color:#eaf2fb}
body[data-theme=dark] .wc-sheet h2{color:#f2f7fc}
body[data-theme=dark] .wc-row strong{color:#f2f7fc}
body[data-theme=dark] .wc-row+.wc-row{border-color:#22303f}

@media(max-width:600px){
  .wc-sheet{padding:28px 20px 20px;border-radius:22px}
  .wc-sheet h2{font-size:22px}
  .wc-actions .pill{min-width:100%}
}
@media(prefers-reduced-motion:reduce){
  .wc-overlay,.wc-sheet{animation:none}
  .wc-option:hover:not(:disabled){transform:none}
}

/* Footer legal block */
.footer-legal{margin-top:34px;padding-top:26px;border-top:1px solid var(--line,#dbe7f2);max-width:640px}
.footer-legal-title{margin:0 0 12px;font-size:17px;font-weight:600;letter-spacing:-.5px;color:var(--ink,#10151c)}
.footer-legal p{margin:0;font-size:12px;line-height:1.75;color:var(--muted,#4c5a6b)}
.footer-legal-copy{margin-top:20px!important;font-size:11px!important;opacity:.8}
body[data-theme=dark] .footer-legal{border-color:#26354a}
body[data-theme=dark] .footer-legal-title{color:#f2f7fc}
@media(max-width:600px){.footer-legal{margin-top:26px;padding-top:20px}.footer-legal p{font-size:11px}}