/* Príspevok artistovi – karta na jeho profile.
   Používa premenné zo style.css, takže drží tému aj zvolenú farbu. */

.donate.hidden { display: none; }

.donate-title { font-size: 1.1rem; margin-bottom: 4px; }
.donate-lead { margin-bottom: 14px; }

.donate-amounts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.donate-amount {
  padding: 9px 16px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text-secondary);
  font: inherit;
  font-size: .92rem;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.donate-amount:hover { background: var(--surface-hover); }
.donate-amount.active {
  border-color: var(--accent);
  background: rgba(var(--accent-rgb), .12);
  color: var(--text);
  font-weight: 600;
}

/* Vlastná suma – input musí prebiť globálne `input { width:100% }` */
.donate-custom { position: relative; display: inline-flex; }
.donate-custom input {
  width: 130px;
  margin: 0;
  padding: 9px 26px 9px 14px;
  border-radius: 999px;
  font-size: .92rem;
}
.donate-custom em {
  position: absolute;
  right: 13px; top: 50%;
  transform: translateY(-50%);
  font-style: normal;
  color: var(--text-muted);
  pointer-events: none;
}

.donate-go { min-width: 190px; }
.donate-go:disabled { opacity: .5; cursor: default; }

.donate-err {
  font-size: .85rem;
  color: var(--live, #e0393e);
  margin: 10px 0 0;
}
.donate-err:empty { display: none; }

.donate-thanks-title { font-size: 1.05rem; font-weight: 600; margin-bottom: 4px; }
.donate-thanks .btn { margin-top: 10px; }

@media (max-width: 620px) {
  .donate-amounts { gap: 7px; }
  .donate-amount { padding: 9px 14px; }
  .donate-custom, .donate-custom input { width: 100%; }
  .donate-go { width: 100%; }
}

/* Zamknuté stavy: sumy sú vidieť, ale nedajú sa vybrať – človek má vidieť,
   čo ho čaká, nielen prázdnu kartu. */
.donate-amounts.locked { opacity: .55; }
.donate-amount:disabled { cursor: default; }
.donate-custom input:disabled { cursor: default; }

.donate-hint {
  font-size: .82rem;
  color: var(--text-muted);
  margin: 9px 0 0;
}