/* ============================================================
   THDC — Color Contrast fixes (WCAG 1.4.3 / GIGW)
   Load this AFTER reflow-fixes.css so it wins any tie.
   ============================================================ */

/* 1. Tagline "Generating Power... Transmitting Prosperity..." —
   light blue text on white was failing 4.5:1. Darkened to a deep
   blue that keeps the brand feel but passes with margin (~7.3:1). */
.toptag {
  color: #0056a3 !important;
}

/* 2. Main navigation (Home / About Us / Vigilance / Investors Corner
   etc.) — white text on the nav's blue fill was ~3.1:1, just under
   the 4.5:1 required for text this size. Darkened the blue itself
   so white text passes comfortably (~8.6:1), keeping it recognizably
   blue rather than switching text color. */
.tbm-link,
.tbm-item.active > .tbm-link,
.tbm-item.active-trail > .tbm-link {
  background-color: #0D47A1 !important;
}

/* 3. "READ MORE" buttons on light pastel fills (thermal/wind/hydro/
   solar project cards) — white text on these mid-brightness pastels
   was only ~2-3:1. Switched to dark text; background accent colors
   are untouched. */
.btn-thermal,
.btn-wind,
.btn-hydro,
.btn-solor {
  color: #1a1a1a !important;
  font-weight: 700;
}

/* 4. Quick-link tiles (OIMSP / Retired Employee Desk / Complaint-
   Grievance) — medium-brightness pastel fills where white text drops
   below 4.5:1. Dark text passes comfortably (~7-8:1) against all of
   them. NOTE: darker tiles like "Tender" were NOT flagged by the
   audit and are deliberately left alone — white text already passes
   there, so don't apply this same treatment to it. */
.oimsp,
.oimsp a,
.ried,
.ried a,
.griv,
.griv a {
  color: #1a1a1a !important;
}

/* Whistle Blower Complaint Form link — the audit shows this reusing
   the .oimsp class (likely a mislabeled/duplicated wrapper), so this
   targets it directly by href to be safe regardless of class. */
a[href*="whistle-blower-complaint"] {
  color: #1a1a1a !important;
  font-weight: 700;
}

/* 5. FIX FOR MY OWN EARLIER RULE: news-ticker link text was set to
   white (#fff) against the ticker's gold background (#b7910b) in
   reflow-fixes.css — that combination is only ~2.97:1. Dark text
   against that gold passes at ~7:1. (The "Important News" yellow
   label on the maroon background is a separate element and was NOT
   flagged — leave that one as-is.) */
.news-ticker__content a,
.news-ticker__content p.home-news {
  color: #1a1a1a !important;
}

/* 6. Latest-update / media-link list items (sidebar news links) —
   best-guess selectors based on the region names in page.html.twig;
   confirm the actual class in DevTools if any of these still fail
   after deploying. */
.lt-update a,
.lt_update a,
.pmnrf a,
.oth-lnk a,
.oth_lnk a {
  color: #1a1a1a !important;
}