/* Osefafo Theme — supplementary styles (loaded after style.css) */

/* ── Donate toggle active state ── */
.donate-type-btn.active-type {
  color: #011936;
  font-weight: 700;
}

/* ── Donate amount btn selected ── */
.donate-amount-btn.selected {
  border-color: #FFC819;
  background-color: #fffbeb;
  color: #011936;
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.06);
}

/* ── Brand green text (not in standard Tailwind palette) ── */
.text-brand-green { color: #1C7C54; }
.bg-brand-green   { background-color: #1C7C54; }
.border-brand-green { border-color: #1C7C54; }
.fill-brand-green   { fill: #1C7C54; }

/* ── Gradient text (hero heading) ── */
.gradient-text {
  background: linear-gradient(to right, #0079B2, #FFC819);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Line clamp utilities (for older browsers) ── */
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ── Aspect ratio helper ── */
.aspect-3-4 {
  aspect-ratio: 3 / 4;
}

.aspect-4-3 {
  aspect-ratio: 4 / 3;
}

/* ── Stats ribbon skew compensation ── */
.ribbon-inner {
  transform: skewY(2deg);
}

/* ── WP image alignment ── */
figure.wp-block-image img {
  border-radius: 1.5rem;
}