/* ============================================================================
   OMEGA Review Theme — "Consumer Report / Lab" Skin
   Estilo inspirado em sites de teste independente (Roboto + branco + verde,
   layout clínico e escaneável). Identidade própria — sem logo/marca de terceiros.
   Aplicada por cima do main.css (sobrescreve as variáveis do tema).
   ========================================================================== */

:root {
  /* Fonte igual à dos grandes sites de review/saúde */
  --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  /* Paleta "laboratório": verde confiável + branco + cinzas neutros */
  --color-primary:       #2e7d32;   /* verde credibilidade (links, botões) */
  --color-primary-dark:  #1b5e20;
  --color-primary-light: #e8f5e9;

  --color-success:       #2e7d32;   /* APPROVED */
  --color-success-light: #e8f5e9;
  --color-danger:        #c62828;   /* NOT APPROVED / warning */
  --color-danger-light:  #fdecea;

  --color-heading:       #17301f;   /* verde-grafite escuro */
  --color-text:          #212529;
  --color-border:        #e4e9e4;
  --color-bg:            #ffffff;
  --color-bg-light:      #f6f8f6;
}

/* Fonte Roboto de verdade em tudo */
body, .site, h1, h2, h3, h4, h5, h6, p, li, a, button, input, select, textarea, table {
  font-family: var(--font-body) !important;
}
body { color: var(--color-text); background: var(--color-bg); }

h1, h2, h3, h4 { color: var(--color-heading); font-weight: 700; }
a { color: var(--color-primary); }
a:hover { color: var(--color-primary-dark); }

/* ── Cabeçalho limpo (branco, borda fina embaixo) ── */
.site-header, header, #masthead {
  background: #fff !important;
  border-bottom: 1px solid var(--color-border);
}

/* ── Botões / CTA: verde sólido, cantos suaves (estilo consumer-report) ── */
.omega-cta-btn, .ort-btn, button[type="submit"], .btn-dark {
  background: var(--color-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  padding: 12px 22px !important;
  display: inline-block;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.omega-cta-btn:hover, .btn-dark:hover { background: var(--color-primary-dark) !important; }

/* ── Status APPROVED / NOT APPROVED (a marca visual de "teste") ── */
.omega-approved, .approved, strong.approved { color: var(--color-success) !important; font-weight: 700; }
.omega-not-approved, .not-approved, strong.not-approved { color: var(--color-danger) !important; font-weight: 700; }
/* selo redondo opcional */
.omega-status-badge {
  display:inline-block; padding:2px 12px; border-radius:999px; font-size:12px; font-weight:700;
  background: var(--color-success-light); color: var(--color-success);
}
.omega-status-badge.no { background: var(--color-danger-light); color: var(--color-danger); }

/* ── "Última atualização" em pill (byline clínica) ── */
.omega-updated-pill, .ort-updated {
  display:inline-block; background:var(--color-primary-light); color:var(--color-primary-dark);
  font-size:12px; font-weight:600; padding:3px 12px; border-radius:999px;
}

/* ── Byline "Medically reviewed by" com avatar ── */
.omega-byline, .ort-byline {
  display:flex; align-items:center; gap:10px; font-size:14px; color:var(--color-text);
  border-top:1px solid var(--color-border); border-bottom:1px solid var(--color-border);
  padding:12px 0; margin:14px 0;
}
.omega-byline img, .ort-byline img { width:40px; height:40px; border-radius:50%; }

/* ── Caixas de resumo (coverage / quick answer) estilo card limpo ── */
.omega-coverage-box, .omega-definition-box, .omega-ig-data, .omega-web-block {
  background:#fff !important; border:1px solid var(--color-border) !important;
  border-left:4px solid var(--color-primary) !important; border-radius:8px !important;
}
.omega-web-block .omega-web-lead { color: var(--color-primary) !important; }

/* ── Tabelas (ingredientes, evidência, comparação, verify) estilo laboratório ── */
.omega-ingredients-table, .omega-pros-cons, .omega-verify-table, .omega-cmp-table,
.omega-evidence-table, .omega-value-table, .omega-transparency-table, table.omega-summary-table {
  width:100%; border-collapse:collapse; margin:22px 0; font-size:14px;
  border:1px solid var(--color-border) !important; border-radius:8px; overflow:hidden;
}
.omega-ingredients-table th, .omega-pros-cons th, .omega-verify-table th, .omega-cmp-table th,
.omega-evidence-table th, .omega-value-table th, .omega-transparency-table th {
  background:#eef3ee !important; color:var(--color-heading) !important;
  text-align:left; padding:11px 14px; font-weight:700; border-bottom:1px solid var(--color-border) !important;
}
.omega-ingredients-table td, .omega-pros-cons td, .omega-verify-table td, .omega-cmp-table td,
.omega-evidence-table td, .omega-value-table td, .omega-transparency-table td {
  padding:11px 14px; border-bottom:1px solid #eef1ee; line-height:1.6; vertical-align:top;
}

/* ── Cards de produto / "More Reviews" (grade limpa) ── */
.ort-card, .product.with-image {
  background:#fff; border:1px solid var(--color-border); border-radius:8px; overflow:hidden;
  transition: box-shadow .15s ease;
}
.ort-card:hover, .product.with-image:hover { box-shadow:0 4px 16px rgba(0,0,0,.08); }

/* ── Depoimentos: sem cara de "vendedor"; card sóbrio ── */
.trustpilot-review {
  background:#fff; border:1px solid var(--color-border); border-left:3px solid var(--color-primary);
  border-radius:6px; padding:14px 16px; margin:12px 0;
}
.trustpilot-review blockquote { margin:0 0 8px; font-style:normal; color:var(--color-text); }
.trustpilot-review footer { font-size:13px; color:var(--color-neutral); }

/* ── Rodapé limpo ── */
.site-footer, footer, #colophon { background:#f6f8f6 !important; border-top:1px solid var(--color-border); }

/* ── Selo de qualidade (imagem responsiva, estilo CL) ── */
.responsive-seal, .omega-seal { max-width:120px; height:auto; }