/* =============================================
   SKY BETS — WALLET (Deposit & Withdraw)
   Black · White · Blue
   ============================================= */

.wallet-main { padding:16px 16px 40px; display:flex; flex-direction:column; gap:16px; }

/* Balance strip */
.wallet-balance-strip {
  display:flex; align-items:center;
  background:linear-gradient(135deg,#0f172a,var(--accent-mid),var(--accent));
  border-radius:var(--r-xl); padding:16px 20px; gap:0;
}
.wallet-balance-strip__item { flex:1; display:flex; flex-direction:column; gap:3px; }
.wbs-label { font-size:0.62rem; font-weight:700; color:rgba(255,255,255,0.55); text-transform:uppercase; letter-spacing:0.05em; }
.wbs-amount { font-size:1.2rem; font-weight:900; color:#fff; }
.wbs-amount--bonus { font-size:0.95rem; color:rgba(255,255,255,0.75); }
.wbs-divider { width:1px; height:36px; background:rgba(255,255,255,0.15); margin:0 20px; }

.wallet-section { display:flex; flex-direction:column; gap:10px; }
.wallet-section__label { font-size:0.72rem; font-weight:700; color:var(--t2); text-transform:uppercase; letter-spacing:0.05em; }
.wallet-section__hint { font-size:0.66rem; font-weight:700; color:var(--accent-light); text-transform:none; letter-spacing:0; }
.wallet-label { font-size:0.72rem; font-weight:700; color:var(--t2); letter-spacing:0.03em; margin-bottom:2px; }
.wallet-hint  { font-size:0.65rem; color:var(--t3); font-weight:600; }

.quick-amounts { display:flex; flex-wrap:wrap; gap:8px; }
.quick-amt {
  padding:8px 14px; background:var(--surface-1); border:1.5px solid var(--border-md);
  border-radius:var(--r-pill); font-size:0.78rem; font-weight:800; color:var(--t1);
  font-family:inherit; cursor:pointer; transition:all var(--t); white-space:nowrap;
}
.quick-amt:hover  { border-color:var(--accent); color:var(--accent-light); }
.quick-amt.selected { background:var(--accent); border-color:var(--accent); color:#fff; box-shadow:0 2px 12px var(--accent-glow); }

.field-input--currency { padding-left:30px; font-size:1.1rem; font-weight:900; }
.currency-prefix { position:absolute; left:14px; font-size:1rem; font-weight:800; color:var(--t2); z-index:1; pointer-events:none; }

/* Payment methods */
.pay-methods { display:flex; flex-direction:column; gap:8px; }
.pay-method {
  display:flex; align-items:center; gap:12px; padding:14px 16px;
  background:var(--surface-1); border:1.5px solid var(--border-md);
  border-radius:var(--r-xl); cursor:pointer; transition:all var(--t);
}
.pay-method--active { border-color:var(--accent); background:var(--glass-bg); }
.pay-method__logo { display:flex; align-items:center; justify-content:center; width:80px; flex-shrink:0; }
.pay-method__icon {
  width:38px; height:38px; background:var(--surface-3); border-radius:var(--r-sm);
  display:flex; align-items:center; justify-content:center;
  font-size:1rem; color:var(--accent-light); flex-shrink:0;
}
.pay-method__info { flex:1; display:flex; flex-direction:column; gap:2px; }
.pay-method__name { font-size:0.85rem; font-weight:800; color:var(--t1); }
.pay-method__desc { font-size:0.68rem; color:var(--t3); }
.pay-method__check { color:var(--t3); font-size:1rem; transition:color var(--t); }
.pay-method--active .pay-method__check { color:var(--accent-light); }

.pay-method__icon--crypto {
  background:linear-gradient(135deg,#f7931a,#c2691a); color:#fff;
}

.paystack-info-card {
  background:var(--surface-1); border:1px solid var(--border);
  border-radius:var(--r-xl); padding:14px 16px; display:flex; flex-direction:column; gap:10px;
}
.paystack-info-card__row { display:flex; align-items:center; gap:10px; font-size:0.75rem; font-weight:600; color:var(--t2); }
.paystack-info-card__row i { color:var(--accent-light); font-size:0.85rem; width:16px; text-align:center; flex-shrink:0; }

.bank-details-card { background:var(--surface-1); border:1.5px solid rgba(59,130,246,0.2); border-radius:var(--r-xl); overflow:hidden; }
.bank-details-card__header { background:var(--surface-2); padding:10px 16px; font-size:0.72rem; font-weight:700; color:var(--t2); text-transform:uppercase; letter-spacing:0.05em; border-bottom:1px solid var(--border); }
.bank-detail-row { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid var(--border); gap:10px; }
.bank-detail-row:last-of-type { border-bottom:none; }
.bd-label { font-size:0.68rem; font-weight:600; color:var(--t3); flex-shrink:0; }
.bd-val   { font-size:0.85rem; font-weight:800; color:var(--t1); }
.bd-copy-row { display:flex; align-items:center; gap:8px; }
.bd-copy { display:flex; align-items:center; gap:4px; padding:5px 10px; background:var(--accent); color:#fff; border-radius:var(--r-pill); font-size:0.68rem; font-weight:700; font-family:inherit; cursor:pointer; transition:opacity var(--t); }
.bd-copy:hover { opacity:0.85; }
.bank-note { padding:10px 16px 14px; font-size:0.68rem; color:var(--t3); line-height:1.5; font-style:italic; }

/* ── Crypto deposit ── */
.crypto-coin-tabs { display:flex; gap:8px; overflow-x:auto; padding-bottom:2px; margin-bottom:14px; scrollbar-width:none; }
.crypto-coin-tabs::-webkit-scrollbar { display:none; }
.crypto-coin-tab {
  flex-shrink:0; display:flex; align-items:center; gap:6px;
  background:var(--surface-1); border:1.5px solid var(--border-md);
  border-radius:var(--r-pill); padding:8px 14px;
  font-size:0.74rem; font-weight:700; color:var(--t2); white-space:nowrap;
  transition:all var(--t);
}
.crypto-coin-tab i { font-size:0.8rem; color:var(--t3); }
.crypto-coin-tab span { font-size:0.62rem; color:var(--t3); font-weight:700; }
.crypto-coin-tab--active { border-color:var(--accent); background:var(--glass-bg); color:var(--t1); }
.crypto-coin-tab--active i, .crypto-coin-tab--active span { color:var(--accent-light); }

.crypto-deposit-card {
  display:flex; flex-direction:column; align-items:center; gap:10px;
  background:var(--surface-1); border:1.5px solid rgba(59,130,246,0.2);
  border-radius:var(--r-xl); padding:20px 16px;
}
.crypto-qr {
  width:150px; height:150px; border-radius:var(--r-lg);
  background:#fff; padding:10px; display:flex; align-items:center; justify-content:center;
}
.crypto-qr img { width:100%; height:100%; object-fit:contain; }
.crypto-coin-label { font-size:0.78rem; font-weight:800; color:var(--t1); }
.crypto-address-row {
  display:flex; align-items:center; gap:8px; width:100%;
  background:var(--surface-2); border:1px solid var(--border-md);
  border-radius:var(--r-md); padding:9px 8px 9px 14px;
}
.crypto-address {
  flex:1; min-width:0; font-size:0.72rem; font-weight:700; color:var(--t1);
  word-break:break-all; font-family:'Courier New',monospace; letter-spacing:0.01em;
}
.crypto-copy-btn {
  width:30px; height:30px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--accent); color:#fff; font-size:0.7rem; transition:opacity var(--t);
}
.crypto-copy-btn:hover { opacity:0.85; }
.crypto-network-tag {
  display:flex; align-items:flex-start; gap:8px; width:100%;
  background:rgba(245,158,11,0.08); border:1px solid rgba(245,158,11,0.2);
  border-radius:var(--r-md); padding:9px 12px;
  font-size:0.66rem; color:var(--t2); line-height:1.5;
}
.crypto-network-tag i { color:var(--gold); font-size:0.72rem; margin-top:2px; flex-shrink:0; }
.crypto-network-tag b { color:var(--t1); font-weight:800; }

.crypto-info-card {
  background:var(--surface-1); border:1px solid var(--border);
  border-radius:var(--r-xl); padding:14px 16px; display:flex; flex-direction:column; gap:10px;
  margin-top:14px;
}
.crypto-info-row { display:flex; align-items:center; justify-content:space-between; font-size:0.74rem; }
.crypto-info-row span { color:var(--t3); font-weight:600; }
.crypto-info-row b { color:var(--t1); font-weight:800; }

.crypto-note {
  display:flex; align-items:flex-start; gap:8px;
  font-size:0.66rem; color:var(--t3); line-height:1.5; padding:12px 2px 0;
}
.crypto-note i { color:var(--accent-light); margin-top:1px; flex-shrink:0; }

.promo-notice {
  display:flex; align-items:flex-start; gap:12px;
  background:var(--glass-bg); border:1.5px solid var(--glass-border);
  border-radius:var(--r-xl); padding:14px 16px;
}
.promo-notice__icon { color:var(--accent-light); font-size:1.1rem; margin-top:1px; flex-shrink:0; }
.promo-notice__title { font-size:0.82rem; font-weight:800; color:var(--t1); margin-bottom:3px; }
.promo-notice__desc  { font-size:0.7rem; color:var(--t2); line-height:1.5; }

.info-notice {
  display:flex; align-items:flex-start; gap:12px;
  background:var(--surface-1); border:1px solid var(--border);
  border-radius:var(--r-xl); padding:14px 16px;
}
.info-notice__icon  { color:var(--accent-light); font-size:1rem; margin-top:2px; flex-shrink:0; }
.info-notice__title { font-size:0.78rem; font-weight:800; color:var(--t1); margin-bottom:4px; }
.info-notice__desc  { font-size:0.68rem; color:var(--t2); line-height:1.6; }

.saved-account {
  display:flex; align-items:center; gap:12px;
  background:var(--surface-1); border:1.5px solid rgba(34,197,94,0.2);
  border-radius:var(--r-xl); padding:14px 16px;
}
.saved-account__icon {
  width:38px; height:38px; background:var(--surface-3); border-radius:var(--r-sm);
  display:flex; align-items:center; justify-content:center; font-size:0.9rem; color:var(--green); flex-shrink:0;
}
.saved-account__info   { flex:1; display:flex; flex-direction:column; gap:2px; }
.saved-account__name   { font-size:0.85rem; font-weight:800; color:var(--t1); }
.saved-account__detail { font-size:0.7rem; color:var(--t3); }
.saved-account__change { font-size:0.72rem; font-weight:700; color:var(--accent-light); background:none; border:none; font-family:inherit; cursor:pointer; transition:opacity var(--t); }
.saved-account__change:hover { opacity:0.75; }

.account-verify-status { font-size:0.68rem; font-weight:600; min-height:14px; color:var(--green); }

.btn-wallet-submit {
  width:100%; display:flex; align-items:center; justify-content:center; gap:8px;
  padding:14px; background:var(--accent); color:#fff; border:none; border-radius:var(--r-xl);
  font-size:0.92rem; font-weight:800; letter-spacing:0.03em; text-transform:uppercase;
  font-family:inherit; cursor:pointer; box-shadow:0 4px 18px var(--accent-glow);
  transition:opacity var(--t), transform var(--t);
}
.btn-wallet-submit:hover  { opacity:0.88; transform:translateY(-1px); }
.btn-wallet-submit:active { transform:translateY(0); }
.btn-wallet-submit:disabled { opacity:0.5; cursor:not-allowed; transform:none; }

.wallet-footer-note { text-align:center; font-size:0.65rem; color:var(--t3); line-height:1.6; padding:4px 0 20px; }
.wallet-link { color:var(--accent-light); font-weight:700; }