/*
 * Text and background pairs for the BRASI partner page.
 *
 * The site's dark mode (palette-enforce.css) forces cream text onto every
 * element with !important. On this page that made card titles and summaries
 * nearly invisible on white cards, and put cream labels on the gold buttons.
 *
 * Every rule here is scoped to .brasi-courses-section and uses !important so it
 * wins over that site-wide rule. Each ground gets the text colour that reads on
 * it: dark text on light grounds, white on navy and green, navy on gold.
 */

.brasi-courses-section {
  --brasi-text: #1e2a38;
  --brasi-on-dark: #ffffff;
  --brasi-on-gold: #00205b;
  --brasi-muted: #5a6b82;
  color: var(--brasi-text) !important;
  direction: ltr;
}

/* Light grounds: the controls bar, the course cards and the empty state. */
.brasi-courses-section .controls-wrapper,
.brasi-courses-section .controls-wrapper *,
.brasi-courses-section .course-card,
.brasi-courses-section .course-card *,
.brasi-courses-section .no-results,
.brasi-courses-section .no-results * {
  color: var(--brasi-text) !important;
}

.brasi-courses-section .course-type-badge,
.brasi-courses-section .course-summary {
  color: var(--brasi-muted) !important;
}

.brasi-courses-section .course-acronym {
  color: var(--primary-color) !important;
}

/* Navy grounds: the hero, with white text throughout. */
.brasi-courses-section .header-section,
.brasi-courses-section .header-section * {
  color: var(--brasi-on-dark) !important;
}

/* Filter buttons: the active one is navy, so its text is white. */
.brasi-courses-section .filter-btn.active {
  color: var(--brasi-on-dark) !important;
}

/* Green coupon strip on each card: white text, with the code on a white chip.
   The green is darkened from #16a34a, which gave white text only 3.3:1. */
.brasi-courses-section .card-coupon,
.brasi-courses-section .card-coupon * {
  color: var(--brasi-on-dark) !important;
}

.brasi-courses-section .card-coupon {
  background-color: #15803d !important;
}

.brasi-courses-section .card-coupon-highlight {
  color: #15803d !important;
  background-color: #ffffff !important;
}

/* Gold grounds: navy text, because white on gold is unreadable. The selector
   is deliberately longer than the site's own link rules, which force cream. */
.brasi-courses-section .card-actions a.btn-filled,
.brasi-courses-section .coupon-code,
.brasi-courses-section .coupon-code * {
  color: var(--brasi-on-gold) !important;
}

/* Inline coupon chip inside the hero text: its label stays white on navy. */
.brasi-courses-section .promo-box,
.brasi-courses-section .promo-box span,
.brasi-courses-section .promo-box strong:not(.coupon-code) {
  color: var(--brasi-on-dark) !important;
}