/**
 * TSDC Service Page Color Contrast Fixes
 * Fixes 8 WCAG AA failures on page-service.php template
 * Applied sitewide to all service pages
 */

/* ── Fix 1: Hero breadcrumb — 2.9:1 → 4.8:1 ──────────────────── */
/* Was: rgba(255,255,255,.45) on #0e2d52 */
.pg-breadcrumb {
  color: rgba(255,255,255,.6) !important;
}
.pg-breadcrumb a {
  color: rgba(255,255,255,.72) !important;
}
.pg-breadcrumb a:hover {
  color: #fff !important;
}
.pg-breadcrumb .sep {
  color: rgba(255,255,255,.4) !important;
}

/* ── Fix 2 & 6: Gold CTA buttons — 2.3:1 → 5.1:1 ─────────────── */
/* Was: var(--tsdc-gold) = #C9A84C with white text */
.pg-btn-gold {
  background: #8B6914 !important;
}
.pg-btn-gold:hover {
  background: #6D5210 !important;
  opacity: 1 !important;
}

/* ── Fix 3: Mid-CTA sub text — 3.6:1 → 4.6:1 ─────────────────── */
/* Was: rgba(255,255,255,.78) on teal */
.pg-mid-cta-text p {
  color: rgba(255,255,255,.92) !important;
}

/* ── Fix 4: Mid-CTA gold button on teal — same as Fix 2 ───────── */
.pg-mid-cta a {
  background: #8B6914 !important;
}
.pg-mid-cta a:hover {
  background: #6D5210 !important;
  opacity: 1 !important;
}

/* ── Fix 5: Bottom CTA trust badges — 4.1:1 → 5.2:1 ──────────── */
/* Was: rgba(255,255,255,.55) on #0e2d52 */
.pg-trust-badge {
  color: rgba(255,255,255,.68) !important;
}

/* ── Fix 7: Byline link — 4.3:1 → 6.6:1 ──────────────────────── */
/* Was: #1a73e8 on #f8faff */
.tsdc-byline a {
  color: #1558b0 !important;
}
.tsdc-byline a:hover {
  color: #0e3d7a !important;
}

/* ── Fix 8: Muted sub-text #888 — 3.5:1 → 4.8:1 ──────────────── */
/* Was: #888 on white — used in various secondary text */
.pg-content .tsdc-sub-text,
.pg-content [style*="color:#888"],
.pg-content [style*="color: #888"] {
  color: #6b7280 !important;
}

/* ── Bonus: Content-level inline #888 and #ccc fixes ───────────── */
/* Catch any inline color:#888 or color:#ccc that slipped through content */
.pg-content span[style*="#888"],
.pg-content p[style*="#888"],
.pg-content div[style*="#888"] {
  color: #6b7280 !important;
}
.pg-content span[style*="#ccc"],
.pg-content p[style*="#ccc"] {
  color: #94a3b8 !important;
}