/* Donation Kindflow template — layout polish (base styles in haft-locations.css) */

.haft-donation-cause-picker-wrap {
  max-width: 480px;
  margin: 0 auto 1.5rem;
  padding: 0 0.5rem;
}

.haft-donation-cause-label {
  display: block;
  font-family: Manrope, sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: #454948;
  margin-bottom: 0.4rem;
}

.haft-donation-cause-picker {
  width: 100%;
  min-height: 48px;
  border-radius: 10px;
  border: 1px solid #e8e8e8;
  padding: 0.5rem 0.85rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  background-color: #fff;
}

.donate-section .donate-area {
  padding-bottom: 2rem;
}

.haft-donation-impact-footnote {
  margin: 2rem 0 0;
  text-align: center;
  font-family: var(--font--paragraph, Manrope, sans-serif);
  font-size: 17px;
  line-height: 1.65;
  color: #3d4f5c;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.haft-donation-urgency-intro {
  margin: 0 0 1rem;
  font-family: var(--font--paragraph, Manrope, sans-serif);
  font-size: 17px;
  line-height: 1.65;
  color: #3d4f5c;
}

.haft-donation-causes-strip .cases-title-wrap {
  opacity: 1 !important;
}

.haft-donation-causes-strip .cases-post-card {
  opacity: 1 !important;
}

.haft-donation-causes-cta {
  margin-top: 2.5rem;
  text-align: center;
}

.donation-about-project.ck-content {
  max-width: 820px;
  margin: 0 auto;
  padding: 2.25rem 2rem;
  border-radius: 18px;
  border: 1px solid #e5ddce;
  background: linear-gradient(
    135deg,
    #fffbf7 0%,
    var(--color--white, #fff) 55%,
    var(--bg-color--light-bg-color, #faf8f3) 100%
  );
}

.donation-campaign-inner > .donation-about-project.ck-content {
  margin-top: 0;
}

.banner-area.pd-170 .banner-title {
  margin-bottom: 0;
}

.haft-donation-gift-type-wrap {
  margin-top: 0.5rem;
}

.haft-donation-gift-type-wrap .donation-form-field {
  width: 100%;
  max-width: 420px;
}

/* Botble payment method list — closer to Kindflow (less “admin Bootstrap”) */
.donate-section .list_payment_method.list-group {
  background: transparent;
  gap: 0.5rem;
}

.donate-section .list_payment_method .list-group-item {
  border-radius: 12px;
  border: 1px solid rgba(30, 30, 30, 0.1);
  padding: 0.75rem 1rem;
}