/* === CryptoEcho BTC Tip – Futuriste v1.3.1 === */
.ce-btc-card,.ce-btc-qr-only{
  --bg1:#0b0c0e; --bg2:#131316;
  --text:#fff; --muted:#a1a1aa;
  --y1:#ffd500; --y2:#ff9a00;
  --ring: rgba(255,213,0,.15);
  color:var(--text);
  background:
    radial-gradient(120% 120% at 110% 0%, rgba(255,213,0,.08) 0%, transparent 40%),
    linear-gradient(160deg,var(--bg1),var(--bg2));
  border:1px solid rgba(255,255,255,.07);
  border-radius:24px; padding:24px; position:relative; overflow:hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ce-btc-card.neon::before{ content:""; position:absolute; inset:-2px;
  background: conic-gradient(from 180deg at 50% 50%, rgba(255,213,0,.28), rgba(255,154,0,.28), transparent 40%);
  filter: blur(28px); opacity:.0; transition:opacity .35s ease; pointer-events:none; }
.ce-btc-card.neon:hover{ transform: translateY(-2px); border-color: rgba(255,213,0,.28); box-shadow: 0 26px 70px rgba(255,213,0,.12) }
.ce-btc-card.neon:hover::before{ opacity:.65 }

.ce-btc-header{ margin-bottom:16px }
.ce-badge{ position:absolute; top:16px; right:16px; padding:8px 12px; border-radius:999px; font-size:13.5px; font-weight:900;
  background: linear-gradient(135deg, var(--y1), var(--y2)); color:#121212; box-shadow:0 8px 22px rgba(255,154,0,.35); }
.ce-title{ margin:0 0 6px 0; font-weight:900; letter-spacing:.2px; font-size: clamp(22px, 2.2vw, 28px); }
.ce-subtitle{ margin:0; color:var(--muted) }

.ce-qr-wrap{ border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:14px; margin:14px 0 18px; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); box-shadow: inset 0 0 0 1px rgba(0,0,0,.35); display:flex; justify-content:center; align-items:center }
.ce-qr{ width:280px; height:280px; background:#fff; border-radius:14px; overflow:hidden }

/* Adresse + bouton */
.ce-address{ display:flex; gap:10px; align-items:center }
.ce-btc-card.layout-stack .ce-address{ flex-direction:column; align-items:stretch }
.ce-address-input{ flex:1; padding:14px; border-radius:14px; border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04); color:#fff; font-weight:650; transition: border-color .25s, box-shadow .25s, background .25s; }
.ce-address-input:hover{ border-color: rgba(255,213,0,.45); box-shadow: 0 0 0 4px var(--ring) }
.ce-address-input:focus{ outline:none; border-color: var(--y1); box-shadow: 0 0 0 5px var(--ring) }

/* Bouton jaune */
.ce-copy.yellow{
  border:none !important; cursor:pointer; padding:14px 18px; border-radius:14px; font-weight:900; letter-spacing:.2px;
  background: linear-gradient(135deg, var(--y1), var(--y2)) !important; color:#111 !important;
  box-shadow: 0 10px 24px rgba(255,154,0,.4), inset 0 -2px 0 rgba(0,0,0,.2);
  display:inline-flex; align-items:center; justify-content:center; min-width:120px;
  position:relative; overflow:hidden; transition: transform .15s ease, filter .2s ease, box-shadow .2s ease;
}
.ce-copy.yellow::after{ content:""; position:absolute; left:-40%; top:-40%; width:180%; height:180%;
  background: radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.35), transparent 40%);
  opacity:0; transition: opacity .25s ease; }
.ce-copy.yellow:hover{ transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 14px 28px rgba(255,154,0,.5) }
.ce-copy.yellow:hover::after{ opacity:.6 }
.ce-copy.yellow:active{ transform: translateY(0); filter:brightness(.95) }

.ce-footnote{ margin-top:10px; font-size:13px; color:var(--muted) }
.ce-btc-warning{ background:#2b2b2b; color:#fff; border:1px dashed #ff6666; padding:12px; border-radius:12px }

/* QR only */
.ce-btc-qr-only{ display:inline-block }
.ce-btc-qr-only .ce-qr{ width: var(--qr, 240px); height: var(--qr, 240px); border-radius:14px; background:#fff }
.ce-btc-qr-only .ce-address-input{ min-width: 280px }

/* Mobile fixes */
@media (max-width: 768px){
  .ce-btc-card .ce-address{ flex-direction:column; gap:12px; align-items:stretch }
  .ce-btc-card .ce-copy.yellow{ width:100% }
}