/* === Stripe donate — toned surface, high-contrast, light/dark =============== */

/* Painel com fundo neutro (nem branco puro, nem muito escuro) */
.donate{
  color:var(--fg);
  background:var(--card); /* fallback */
  background:color-mix(in oklab, var(--card) 86%, var(--bg));
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
  box-shadow:var(--shadow);
  color-scheme: light dark;
}

.donate-sub{
  color:color-mix(in oklab, var(--muted) 80%, var(--fg));
  margin:0 0 12px 0;
  font-size:.95rem;
}

/* Montantes rápidos */
.donate-quick{
  display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 14px;
}
.donate-quick button{
  border:1px solid var(--line);
  background:var(--card2);
  color:var(--fg);
  border-radius:999px;
  padding:8px 12px;
  cursor:pointer;
}
.donate-quick button:hover{
  border-color:color-mix(in oklab, var(--brand) 35%, var(--line));
}
.donate-quick button:focus-visible{
  outline:3px solid color-mix(in oklab, var(--brand) 35%, transparent);
  outline-offset:2px;
}
.donate-quick button[aria-pressed="true"]{
  background:color-mix(in oklab, var(--brand) 18%, var(--card2));
  border-color:color-mix(in oklab, var(--brand) 55%, var(--line));
  box-shadow:0 0 0 3px color-mix(in oklab, var(--brand) 22%, transparent);
}

/* Labels acima dos inputs */
.donate label{
  display:grid; gap:6px; margin:10px 0 0;
}
.donate label > span{
  color:color-mix(in oklab, var(--muted) 72%, var(--fg));
  font-size:.86rem;
}

/* Inputs */
.donate input[type="number"],
.donate input[type="text"]{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--card); /* evita branco puro */
  color:var(--fg);
}
.donate input::placeholder{
  color:color-mix(in oklab, var(--muted) 68%, var(--fg)); /* mais visível */
  opacity:1;
}
.donate input:focus{
  outline:none;
  border-color:color-mix(in oklab, var(--brand) 60%, var(--line));
  box-shadow:0 0 0 3px color-mix(in oklab, var(--brand) 26%, transparent);
}

/* Ações */
.donate .actions{ display:flex; align-items:center; gap:10px; margin-top:10px; }
.donate .btn.btn-primary{ filter:none; }
.donate .btn.btn-primary:disabled,
.donate .btn[disabled]{ opacity:.7; cursor:not-allowed; }

/* Mensagens e legal */
.donate .legal{
  color:color-mix(in oklab, var(--muted) 70%, var(--fg)); /* mais legível */
  margin-top:10px; font-size:.9rem;
}
.donate-msg{ margin-top:10px; font-size:.95rem; }
.donate-msg.ok{ color:var(--ok); }
.donate-msg.err{ color:var(--err); }

/* Mobile */
@media (max-width:768px){
  .donate .actions{ flex-direction:column; align-items:stretch; }
  .donate .actions .btn{ width:100%; justify-content:center; }
}