/* =============================================
   LEGACY COMPATIBILITY
   REMOVE AFTER CONTENT MIGRATION / ETAPA 5
   =============================================
   Este arquivo isola hacks de CSS que existem SOMENTE porque conteúdo dos 454
   posts publicados pelo pipeline V1 embute `style="background:#f..."` inline
   (caixas de verdict-box/quick-answer geradas pelo SEO Writer — ver
   docs/restructure/46-schema-audit.md e 48-component-inventory.md, achado real:
   squads/decodegear-review-squad/agents/seo-writer.agent.md gera
   `style="background:#f90;color:#222"` inline no CTA de afiliado).

   Movido de style.css (bloco "DARK MODE" original) nesta etapa, sem alterar o
   comportamento — só isolando. NENHUM componente V8 novo depende deste
   arquivo. Quando a Etapa 5 normalizar o HTML inline dos posts antigos (ou
   quando o Squad V2/Publisher V2 passar a gerar apenas classes controladas —
   ver seção 28 do plano da Etapa 4B), este arquivo pode ser removido.
   ============================================= */

/* Caixas de conteúdo com fundo claro em style inline (verdict-box, quick-answer
   etc. gerados pelo squad V1): no dark mode o texto herdava --color-text claro
   e sumia sobre o fundo claro. Força texto escuro dentro dessas caixas —
   corrige todos os posts já publicados sem editar um a um. Elementos com color
   inline próprio (ex.: botões CTA laranja) não são afetados: inline vence
   stylesheet. */
[data-theme="dark"] .entry-content [style*="background:#f" i],
[data-theme="dark"] .entry-content [style*="background: #f" i],
[data-theme="dark"] .entry-content [style*="background-color:#f" i],
[data-theme="dark"] .entry-content [style*="background-color: #f" i],
[data-theme="dark"] .entry-content [style*="background:#f" i] :is(h2, h3, h4, h5, p, li, td, th, strong, em, b, span),
[data-theme="dark"] .entry-content [style*="background: #f" i] :is(h2, h3, h4, h5, p, li, td, th, strong, em, b, span),
[data-theme="dark"] .entry-content [style*="background-color:#f" i] :is(h2, h3, h4, h5, p, li, td, th, strong, em, b, span),
[data-theme="dark"] .entry-content [style*="background-color: #f" i] :is(h2, h3, h4, h5, p, li, td, th, strong, em, b, span) {
  color: #1a1a1a;
}

/* Componentes do dark mode que pintam FUNDO escuro (zebra de tabela, blockquote)
   não podem valer dentro de caixas claras inline: linha escura + texto escuro
   forçado pelo guard acima = linha invisível (incidente 17/07, posts 1089/1093 —
   tabelas do Quick Verdict com metade dos produtos sumidos). Zebra clara no lugar. */
[data-theme="dark"] .entry-content [style*="background:#f" i] table tr:nth-child(even),
[data-theme="dark"] .entry-content [style*="background: #f" i] table tr:nth-child(even),
[data-theme="dark"] .entry-content [style*="background-color:#f" i] table tr:nth-child(even),
[data-theme="dark"] .entry-content [style*="background-color: #f" i] table tr:nth-child(even),
[data-theme="dark"] .entry-content [style*="background:#f" i] blockquote,
[data-theme="dark"] .entry-content [style*="background: #f" i] blockquote,
[data-theme="dark"] .entry-content [style*="background-color:#f" i] blockquote,
[data-theme="dark"] .entry-content [style*="background-color: #f" i] blockquote {
  background: rgba(0, 0, 0, 0.05);
}

/* Links dentro dessas caixas: o azul claro do dark mode não lê em fundo claro. */
[data-theme="dark"] .entry-content [style*="background:#f" i] a,
[data-theme="dark"] .entry-content [style*="background: #f" i] a,
[data-theme="dark"] .entry-content [style*="background-color:#f" i] a,
[data-theme="dark"] .entry-content [style*="background-color: #f" i] a {
  color: var(--color-primary-dark, #1F6FEB);
}

/* Selo/score legado (_dg_score) — ainda usado pelos 454 posts antigos e por
   inc/schema.php (reviewRating). O V8 não usa mais este badge como
   protagonista visual (ver docs/restructure/46-schema-audit.md), mas os
   estilos .score-box/.score-bar/.dg-compare__bar continuam ativos em
   style.css para o conteúdo legado — nada a duplicar aqui, só documentando a
   dependência para quem for remover na Etapa 5. */