/* ==========================================================================
   WAI GoFundMe — campaign card + CTA bar
   ========================================================================== */
.waigf-card, .waigf-bar {
  --waigf-accent: #02a95c;
  --waigf-ink: #1a2233;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}
.waigf-card *, .waigf-bar * { box-sizing: border-box; }

/* ---- Card ---- */
.waigf-card {
  max-width: 480px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}
.waigf-card-media {
  height: 200px;
  background-size: cover;
  background-position: center;
}
.waigf-card-body { padding: 22px 24px 26px; }

.waigf-gf-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--waigf-accent);
  margin-bottom: 10px;
}
.waigf-heart { width: 15px; height: 15px; fill: var(--waigf-accent); }

.waigf-title { font-size: 1.35rem; font-weight: 800; color: var(--waigf-ink); margin: 0 0 8px; line-height: 1.2; }
.waigf-desc  { font-size: .95rem; line-height: 1.6; color: #55637a; margin: 0 0 18px; }

.waigf-progress {
  height: 10px;
  background: #eef1f5;
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 10px;
}
.waigf-progress-fill {
  display: block;
  height: 100%;
  background: var(--waigf-accent);
  border-radius: 999px;
  transition: width .6s ease;
}
.waigf-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  font-size: .9rem;
  color: #55637a;
  margin-bottom: 20px;
}
.waigf-raised strong { color: var(--waigf-ink); font-size: 1.05rem; }
.waigf-donors { margin-left: auto; }

.waigf-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 13px 24px;
  border-radius: 999px;
  background: var(--waigf-accent);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  transition: filter .15s ease;
}
.waigf-btn:hover { filter: brightness(0.92); color: #fff; }

/* ---- Bar ---- */
.waigf-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding: 14px 20px;
  border: 1px solid #e2e8f0;
  border-left: 5px solid var(--waigf-accent);
  border-radius: 10px;
  background: #fff;
}
.waigf-bar-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--waigf-ink);
  flex: 1 1 auto;
}
.waigf-bar .waigf-btn { width: auto; padding: 10px 26px; }

@media (max-width: 520px){
  .waigf-bar { flex-direction: column; align-items: stretch; text-align: center; }
  .waigf-bar .waigf-btn { width: 100%; }
  .waigf-donors { margin-left: 0; }
}