/* =====================================================================
   Generische Formular-/Info-Seiten (Feedback, Spenden)
   ===================================================================== */

.form-hero {
  background: linear-gradient(180deg, #eaf2fb 0%, #d8e6f5 100%);
  border-bottom: 4px solid var(--accent);
}
.form-hero--gold {
  background: linear-gradient(180deg, #fdf3d4 0%, #f5d984 100%);
  border-bottom-color: #b88a3b;
}
.form-hero__title {
  font-family: 'Playfair Display', Georgia, serif;
  font-style: italic;
  font-weight: 600;
  color: var(--accent);
  font-size: clamp(1.6rem, 2.4vw + .8rem, 2.6rem);
  margin: 0;
}
.form-hero--gold .form-hero__title { color: #6a4a14; }

.form-card {
  max-width: 720px;
  background: #fff;
  border: 1px solid #ebe1c9;
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
  margin-bottom: 1.5rem;
}
.form-card--wide { max-width: 920px; }
.form-card__intro { color: var(--ink); margin-bottom: 1rem; }
.form-card__intro p { margin: 0 0 .65rem; }
.form-card__intro p:last-child { margin: 0; }

/* Support / Spenden */
.support-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  max-width: 980px;
  margin: 0 auto 1.5rem;
}
@media (min-width: 820px) {
  .support-grid { grid-template-columns: 1fr 1fr; }
}
.support-card {
  background: #fff;
  border: 1px solid #ebe1c9;
  border-radius: 12px;
  padding: 1.5rem 1.5rem 1.75rem;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
  text-align: center;
}
.support-card__title {
  font-family: 'Playfair Display', Georgia, serif;
  font-style: italic;
  color: #6a4a14;
  font-size: 1.4rem;
  margin: 0 0 1rem;
}
.support-card__qr {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.support-card__qr-box {
  background: #fff;
  padding: 8px;
  border: 1px solid #d8caa3;
  border-radius: 8px;
  display: inline-block;
}
.support-card__qr-box img,
.support-card__qr-box canvas { display: block; }
.support-card__data {
  text-align: left;
  margin: 0 0 .75rem;
  font-size: .95rem;
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 1rem;
  row-gap: .35rem;
}
.support-card__data dt { color: var(--muted); font-weight: 400; }
.support-card__data dd { margin: 0; font-weight: 600; }
.support-card__data code { font-size: .95rem; color: var(--ink); }
.support-card__hint { color: var(--muted); font-size: .9rem; }
.support-card__cta { margin: 1rem 0 .5rem; }
.support-card__url { word-break: break-all; }
.support-thanks {
  font-size: 1.15rem;
  margin: 1.5rem 0 .75rem;
  color: #6a4a14;
}

/* ---- Provider-Varianten der Bezahl-Karte ---- */

/* PayPal: gelber Akzent (Default-Verhalten) */
.support-card__btn--paypal {
  background: #ffc439;
  color: #1f2933;
  font-weight: 700;
  border: 1px solid #d8a520;
}
.support-card__btn--paypal:hover { background: #ffb800; color: #1f2933; }

/* Buy Coffee: warmer Kaffee-Ton + dezenter Hintergrund-Schimmer */
.support-card--coffee {
  background: linear-gradient(180deg, #fff7ec 0%, #fff 60%);
  border-color: #d8b48a;
}
.support-card--coffee .support-card__title { color: #6b3a14; }
.support-card__btn--coffee {
  background: #b07440;
  color: #fff;
  font-weight: 700;
  border: 1px solid #8c5527;
}
.support-card__btn--coffee:hover { background: #9a5e2e; color: #fff; }

/* Generic: schlichtes Blaugrau */
.support-card__btn--generic {
  background: #2f6fb5;
  color: #fff;
  font-weight: 700;
  border: 1px solid #234f80;
}
.support-card__btn--generic:hover { background: #235591; color: #fff; }