/* Страница «Поддержать проект» — крипто-чаевые + бесплатные способы помочь.
   Подключается через $extraCss только на podderzhat.php (не грузится на всех страницах).
   Цвета берём из общих токенов style.css — страница корректна в light и dark. */

.donate-intro { font-size: 1.1rem; line-height: 1.7; color: var(--text-light); max-width: 720px; }

.donate-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 28px 0; }

.donate-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 18px var(--shadow);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.donate-net {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--brick); color: #fff;
  font-weight: 700; font-size: .78rem; letter-spacing: .4px;
  padding: 5px 12px; border-radius: 999px; align-self: flex-start;
}
.donate-assets { font-family: var(--font-display); color: var(--heading); font-size: 1.15rem; margin: 0; }
.donate-assets small { display: block; font-family: var(--font-body); font-weight: 400; font-size: .85rem; color: var(--text-muted); margin-top: 2px; }

.donate-qr {
  align-self: center;
  background: #fff;               /* QR всегда на белом — иначе не сканируется в тёмной теме */
  padding: 10px; border-radius: 12px; line-height: 0;
  border: 1px solid var(--border);
}
.donate-qr img { width: 168px; height: 168px; display: block; }

.donate-addr-row { display: flex; gap: 8px; align-items: stretch; }
.donate-addr {
  flex: 1 1 auto; min-width: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .82rem; line-height: 1.4; word-break: break-all;
  background: var(--beige); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 10px 12px; color: var(--heading);
}
.donate-copy {
  flex: 0 0 auto; cursor: pointer; border: 0; border-radius: var(--radius);
  background: var(--brick); color: #fff; font-weight: 600; font-size: .85rem;
  padding: 0 16px; transition: background var(--transition); white-space: nowrap;
}
.donate-copy:hover { background: var(--brick-dark); }

.donate-warn {
  font-size: .86rem; line-height: 1.5; color: var(--text);
  background: color-mix(in srgb, var(--warn, #b8792a) 12%, var(--white));
  border: 1px solid color-mix(in srgb, var(--warn, #b8792a) 30%, var(--border));
  border-radius: var(--radius); padding: 10px 12px;
}
.donate-warn b { color: var(--heading); }

/* Общий блок-предупреждение и дисклеймеры */
.donate-note {
  border-left: 3px solid var(--brick);
  background: var(--beige);
  border-radius: var(--radius);
  padding: 14px 18px; margin: 22px 0; font-size: .95rem; line-height: 1.6;
}

/* Бесплатные способы помочь */
.help-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 4px; }
.help-btn {
  display: inline-flex; align-items: center; gap: 8px;
  text-decoration: none; cursor: pointer;
  border: 1px solid var(--border); background: var(--white); color: var(--heading);
  border-radius: 999px; padding: 10px 16px; font-weight: 600; font-size: .9rem;
  transition: border-color var(--transition), transform var(--transition), box-shadow var(--transition);
}
.help-btn:hover { border-color: var(--brick); transform: translateY(-2px); box-shadow: 0 6px 16px var(--shadow); }
.help-btn.tg { border-color: color-mix(in srgb, #2AABEE 45%, var(--border)); }
.help-btn.gh { border-color: color-mix(in srgb, var(--heading) 30%, var(--border)); }