/* F11 A11y fixes WCAG 2.1 AA — contraste ≥4.5:1 + link distinguíveis
   Gerado 2026-04-21. Preserva palette marca, ajusta apenas contraste mínimo necessário. */

/* 1. TL;DR (inserido em F10): copper darker ratio ~5.8:1 */
.tldr > strong { color: #8a5a08 !important; }

/* 2. Nav-logo-tag (cinza claro em dark bg) */
.nav-logo-tag { color: #a0a2a8 !important; }

/* 3. Footer-tagline + Footer-copy + Footer-disclaimer */
.footer-tagline, .footer-copy, .footer-disclaimer { color: #a5a7ad !important; }

/* 4. Social-btn text */
.social-btn { color: #a5a7ad !important; }

/* 5. Breadcrumb links (copper em white bg) */
nav.breadcrumbs a, .breadcrumb a, nav[aria-label*="bread" i] a {
  color: #8a5a08 !important; text-decoration: underline !important;
}

/* 6. Links em blocos de texto — underline obrigatório */
.post-content p a[href], .post-content li a[href],
article p a[href], article li a[href],
main p a[href], main li a[href],
footer a[href]:not(.social-btn):not(.btn), .footer a[href]:not(.social-btn):not(.btn) {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

/* 7. Links em breadcrumbs ou nav que eram só cor */
.tldr a[href], .fontes-oficiais a[href] { text-decoration: underline; }

/* 8. Focus visible universal */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #1a7fe8; outline-offset: 2px;
}

/* ─── Correções amplas para elementos com cinza escuro em fundo dark ─── */

/* 9. Labels, sub-titulos, stats, media items (patrimonialGlobal, home, etc.) */
.sub,
.companies-label, .brands-label,
.joe-stat-label,
.number-label, .num-label,
.compare-country, .compare-metric,
.media-item,
.logo-name,
th { color: #a5a7ad !important; }

/* 10. Valores numéricos em tabelas e número-item */
.compare-val, .num-item .num-value { color: #c0c3c8 !important; }

/* 11. Pillar numbers (ratio era 1.61 — dramaticamente baixo) */
.pillar-num { color: #8a92b5 !important; }

/* 12. Brand-items (Forbes, Podcast, Câmara — ratio era 1.85) */
.brand-item { color: #a5a7ad !important; }
.brand-item .brand-icon { opacity: 1; }

/* 13. Footer links genéricos */
footer a, .footer a, .footer-links a,
footer p a, .footer p a { color: #a5a7ad !important; }

/* 14. Link cards descrições */
.link-card p, a.link-card p { color: #a5a7ad !important; }

/* 15. Inline styles com rgba(255,255,255,0.35-0.40) que viram ratio baixo
       Para esses, aumenta opacidade via CSS sobrescrevendo o inline */
[style*="rgba(255,255,255,0.4"] { color: #a5a7ad !important; }
[style*="rgba(255,255,255,0.35"] { color: #a5a7ad !important; }
[style*="color:var(--white-40)"] { color: #a5a7ad !important; }
[style*="color: var(--white-40)"] { color: #a5a7ad !important; }

/* 16. Footer disclaimer em #0f1420 bg */
.footer-inner div[style*="0.7rem"], .footer-inner div[style*="0.65rem"] { color: #a5a7ad !important; }

/* 17. Texto em partiueua link dentro de strong com amarelo em fundo cream */
strong a[href*="partiueua"][style*="#e8a830"] { color: #8a5a08 !important; }

/* ─── Round 3: specificity forçada para elementos que não responderam ─── */
body .pillar-num, .pillar .pillar-num { color: #8a92b5 !important; }
body .brand-item, section .brand-item { color: #a5a7ad !important; }
body .footer-disclaimer, footer .footer-disclaimer { color: #b5b7bd !important; }
body footer > p, footer > p, footer p { color: #a5a7ad !important; }
body footer a, footer > p a { color: #c5c7cd !important; }