/* =========================================================================
   donate.css — donate.html only
   ========================================================================= */

.donate-list{
  display:flex; flex-direction:column; gap:1px;
  background:var(--line-soft); border:1px solid var(--line-soft); border-radius:14px;
  overflow:hidden; margin-bottom:24px;
}

.donate-row{
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  padding:20px 24px;
  background:var(--panel);
  transition:background .25s ease;
}
.donate-row:hover{ background:var(--bg-soft); }

.donate-info{
  display:flex; flex-direction:column; gap:2px;
  min-width:140px; flex:0 0 auto;
}
.donate-coin{ font-family:'Fraunces',serif; font-size:15px; color:var(--ink); }
.donate-ticker{ font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--dim); }

.donate-address{
  flex:1 1 260px; min-width:0;
  font-family:'Courier New', monospace; font-size:12.5px; color:var(--body);
  background:var(--line-soft); border:1px solid var(--line);
  border-radius:8px; padding:10px 14px;
  overflow-x:auto; white-space:nowrap;
}

.donate-copy{
  flex:0 0 auto;
  padding:9px 16px; border-radius:100px;
  font-size:12.5px; letter-spacing:.02em;
  border:1px solid var(--line); background:transparent; color:var(--body);
  cursor:pointer;
  transition:border-color .25s ease, color .25s ease, background .25s ease;
}
.donate-copy:hover{ border-color:var(--red); color:var(--red-soft); }
.donate-copy.copied{
  border-color:var(--red); background:var(--red); color:#0a0303; font-weight:500;
}

.donate-note{
  font-size:13px; color:var(--dim); line-height:1.7; max-width:64ch;
}

@media (max-width:640px){
  .donate-row{ padding:16px 18px; gap:12px; }
  .donate-info{ min-width:0; flex:1 1 100%; flex-direction:row; align-items:baseline; gap:8px; }
  .donate-address{ order:3; flex:1 1 100%; }
  .donate-copy{ order:2; }
}