/* ============================================================
   1MB clone — custom additions (applied on top of the original)
   - CA copyable placeholder (replaces the tokenization waitlist)
   - X (Twitter) icon button in the header
   - Docs nav link + hero Docs button
   These are injected/transformed by /customizations.js after
   hydration so React doesn't revert them.
   ============================================================ */

/* ---- CA copyable placeholder ---- */
.redesign-ca-copy{display:inline-flex;align-items:center;gap:10px;cursor:pointer;border:1px solid var(--primary,#00e6c5);background:rgba(0,230,197,.06);color:var(--primary,#00e6c5);font-family:var(--mono,monospace);font-size:14px;letter-spacing:.04em;padding:11px 16px;border-radius:10px;transition:background .18s,box-shadow .18s,color .18s;line-height:1;}
.redesign-ca-copy:hover{background:rgba(0,230,197,.14);box-shadow:0 0 0 3px rgba(0,230,197,.12);}
.redesign-ca-copy .redesign-ca-tag{font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.7;border-right:1px solid rgba(0,230,197,.45);padding-right:10px;}
.redesign-ca-copy .redesign-ca-addr-sm{font-family:var(--mono,monospace);}
.redesign-ca-copy .redesign-ca-state{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.85;border-left:1px solid rgba(0,230,197,.45);padding-left:10px;}
.redesign-ca-copy.copied{background:var(--primary,#00e6c5);color:#04110e;}
.redesign-ca-copy.copied .redesign-ca-tag,.redesign-ca-copy.copied .redesign-ca-state{border-color:rgba(0,0,0,.25);color:#04110e;opacity:1;}
.redesign-ca-wrap{display:flex;flex-direction:column;gap:10px;align-items:center;}
.redesign-ca-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;max-width:600px;margin:0 auto;border:1px solid rgba(0,230,197,.45);background:rgba(255,255,255,.025);border-radius:14px;padding:14px 16px;}
.redesign-ca-box .redesign-ca-tag{font-family:var(--mono,monospace);font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.7;color:var(--primary,#00e6c5);}
.redesign-ca-box .redesign-ca-addr{font-family:var(--mono,monospace);font-size:14px;color:var(--primary,#00e6c5);word-break:break-all;flex:1;min-width:200px;text-align:left;}
.redesign-ca-copy-btn{border:none;}
.redesign-ca-copy-btn.copied{background:#04110e!important;color:var(--primary,#00e6c5)!important;}
.redesign-ca-note{font-family:var(--mono,monospace);font-size:11px;opacity:.55;letter-spacing:.04em;text-align:center;}

/* ---- X (Twitter) icon button in header ---- */
.cust-x{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--rule,#1d231b);border-radius:10px;color:var(--bone,#ecefe6);transition:border-color .18s,color .18s;flex-shrink:0;}
.cust-x:hover{border-color:var(--primary,#00e6c5);color:var(--primary,#00e6c5);}
.cust-x.cust-x-desktop{margin-left:18px;}
.cust-x.cust-x-mobile{margin-left:12px;}

/* ---- Docs hero button (ghost, matches site) ---- */
.cust-hero-docs{display:inline-flex;align-items:center;gap:6px;}

/* ---- homepage hero CA chip row ---- */
.cust-hero-ca{margin-top:22px;}