/* ConectaBRUSA — Theme Dark (SAFE + ESTÁVEL)
   Objetivo:
   - Fundo escuro geral
   - Conteúdo fora de cards: texto claro
   - Conteúdo dentro de cards claros (cb-card e similares): texto escuro
   - Evitar “apagado” por opacity global
*/

:root{
  --d-bg: #0b0f14;
  --d-border: rgba(255,255,255,.10);
  --d-text: rgba(242,244,248,.94);
  --d-muted: rgba(242,244,248,.72);
  --d-link: rgba(255,255,255,.94);

  /* Tokens para superfícies claras */
  --l-bg: #ffffff;
  --l-text: #111827;
  --l-muted: rgba(17,24,39,.68);
  --l-link: #1d4ed8;
}

/* Fundo geral */
html, body{
  background: var(--d-bg) !important;
  color: var(--d-text) !important;
}

/* Header / Footer / Sticky */
.cb-header{
  background: var(--d-bg) !important;
  border-bottom: 1px solid var(--d-border) !important;
}
.cb-footer, footer, .cb-sticky-bar, .cb-mobilebar{
  background: var(--d-bg) !important;
  border-top: 1px solid var(--d-border) !important;
  color: var(--d-muted) !important;
}

/* Links em áreas escuras (header/footer/mobilebar) */
.cb-header a,
.cb-footer a,
.cb-sticky-bar a,
.cb-mobilebar a{
  color: var(--d-link) !important;
}

/* Conteúdo fora de cards (em fundo escuro) */
.cb-section{
  color: var(--d-text) !important;
}
.cb-section p,
.cb-section span,
.cb-section small,
.cb-section li,
.cb-section label{
  color: inherit;
}

/* NÃO forçar cor no container inteiro.
   (Esta era a causa raiz do “apagado” em cards claros) */
/* removido: .cb-section > .container{ color: var(--d-text) !important; } */

/* ==========================
   SUPERFÍCIES CLARAS
   ========================== */

/* Lista de superfícies claras comuns */
.cb-card,
.cb-plan,
.cb-panel-card,
.cb-ad-card,
.cb-anuncio-card,
.cb-listing-card,
.anuncio-card,
.listing-card,
.card,
.table-card,
.cb-table-wrap{
  color: var(--l-text) !important;
}

/* Se o componente tiver background claro, garantimos legibilidade do texto */
.cb-card,
.cb-plan,
.cb-panel-card,
.cb-ad-card,
.cb-anuncio-card,
.cb-listing-card,
.anuncio-card,
.listing-card,
.card,
.table-card,
.cb-table-wrap{
  /* não altera background de quem já define;
     só impede “apagado” */
}

/* Remove apagado dentro de superfícies claras */
.cb-card *,
.cb-plan *,
.cb-panel-card *,
.cb-ad-card *,
.cb-anuncio-card *,
.cb-listing-card *,
.anuncio-card *,
.listing-card *,
.card *,
.table-card *,
.cb-table-wrap *{
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

/* Texto padrão dentro de superfícies claras */
.cb-card h1, .cb-card h2, .cb-card h3, .cb-card h4, .cb-card h5, .cb-card h6,
.cb-plan h1, .cb-plan h2, .cb-plan h3, .cb-plan h4, .cb-plan h5, .cb-plan h6,
.cb-panel-card h1, .cb-panel-card h2, .cb-panel-card h3, .cb-panel-card h4, .cb-panel-card h5, .cb-panel-card h6,
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
.cb-card p, .cb-card span, .cb-card small, .cb-card li, .cb-card label,
.cb-plan p, .cb-plan span, .cb-plan small, .cb-plan li, .cb-plan label,
.cb-panel-card p, .cb-panel-card span, .cb-panel-card small, .cb-panel-card li, .cb-panel-card label,
.card p, .card span, .card small, .card li, .card label{
  color: var(--l-text) !important;
}

/* “Muted” dentro de superfícies claras */
.cb-card .muted, .cb-card .cb-muted,
.cb-plan .muted, .cb-plan .cb-muted,
.cb-panel-card .muted, .cb-panel-card .cb-muted,
.card .muted, .card .cb-muted{
  color: var(--l-muted) !important;
}

/* Tabelas dentro de superfícies claras */
.cb-card table, .cb-card th, .cb-card td,
.cb-panel-card table, .cb-panel-card th, .cb-panel-card td,
.card table, .card th, .card td{
  color: var(--l-text) !important;
  opacity: 1 !important;
}

/* Links normais dentro de cards claros */
.cb-card a,
.cb-plan a,
.cb-panel-card a,
.card a{
  color: var(--l-link) !important;
}

/* Inputs dentro de cards claros */
.cb-card input,
.cb-card textarea,
.cb-card select,
.cb-panel-card input,
.cb-panel-card textarea,
.cb-panel-card select,
.card input,
.card textarea,
.card select{
  background: #ffffff !important;
  color: var(--l-text) !important;
  border-color: rgba(0,0,0,.18) !important;
}

/* Placeholders dentro de cards */
.cb-card input::placeholder,
.cb-card textarea::placeholder,
.cb-panel-card input::placeholder,
.cb-panel-card textarea::placeholder,
.card input::placeholder,
.card textarea::placeholder{
  color: rgba(17,24,39,.55) !important;
}