/* ===========================================================
   Polish layer — loaded last. Sitewide contrast fixes and
   layout consistency that apply across the light, evening and
   dark themes. Rule of thumb used here: light background →
   dark text; dark background or photo → light text.
   =========================================================== */

/* Gold used as TEXT on the light theme: a touch darker so small gold
   labels clear WCAG AA (4.5:1) on both paper tones. */
:root { --gold-3: #7F6412; }

/* Ghost buttons placed on a photo hero were dark-on-dark. */
.page-hero .btn-ghost,
.page-hero-glass .btn-ghost {
  color: #F6EFD6;
  border-color: rgba(246, 238, 214, .6);
  background: rgba(6, 26, 62, .28);
}
.page-hero .btn-ghost:hover,
.page-hero-glass .btn-ghost:hover {
  color: var(--gold-1);
  border-color: var(--gold-1);
  background: rgba(6, 26, 62, .45);
}

/* Gold pill with white text (Hukamnama language toggle) → dark text. */
.hukam-toggle button.active { color: #231a02; font-weight: 600; }

/* Writer badge: gold-on-pale-gold read at ~2.4:1 in the light theme.
   Mixing the accent with the theme's text colour darkens it on light and
   lightens it on dark. */
.author-badge { color: color-mix(in srgb, var(--author-accent) 55%, var(--text)); }

/* "On Air" pill: red on a pale red tint (light) or on navy (dark). */
.live-pill { color: color-mix(in srgb, var(--live-red) 62%, var(--text)); }

/* Social cards sit on bright gradients: keep their white text legible. */
.follow-card .label,
.follow-card .count,
.follow-card .cta { text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }

/* ---------- Seva & Giving: balanced card rows ---------- */
.sv-ways { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.sv-ways > * { grid-column: span 2; }
.sv-ways > :nth-child(4):nth-last-child(2),
.sv-ways > :nth-child(5):last-child { grid-column: span 3; }
.sv-more-grid > :only-child { grid-column: 1 / -1; max-width: 760px; }
@media (max-width: 900px) {
  .sv-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sv-ways > *,
  .sv-ways > :nth-child(4):nth-last-child(2),
  .sv-ways > :nth-child(5):last-child { grid-column: auto; }
  .sv-ways > :last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .sv-ways { grid-template-columns: minmax(0, 1fr); }
  .sv-ways > :last-child:nth-child(odd) { grid-column: auto; }
}

/* The Instagram gradient ended in pale yellow, under the white "Follow" button. */
.follow-card.instagram { background: linear-gradient(135deg, #4f5bd5, #962fbf 32%, #d62976 66%, #c2410c); }