/* SOLUNE — Tema escuro completo.
   Regra: no tema escuro NUNCA há fundo claro com letra clara. Todas as superfícies passam a escuras
   (a letra clara fica legível). No tema claro nada muda (este ficheiro só atua com data-tema="escuro").
   Carregado por último em todas as páginas públicas. */

html[data-tema="escuro"] {
  --bg: #1a1816;
  --card: #24211e;
  --soft: #302b27;
  --line: #3a3530;
  --teal: #5bc4b3;
  --btn: #25805a;
  --ink: #f2ebe4;
  --muted: #b3aaa1;
  --green: #4caf7a;
  --green-bg: #1e3a2c;
  --orange: #e09a4a;
  --orange-bg: #3a2a18;
  --gray: #9a9a9a;
  --gray-bg: #2e2b28;
  --surface: #24211e;
  color-scheme: dark;
}
html[data-tema="escuro"],
html[data-tema="escuro"] body { background: var(--bg); color: var(--ink); }

/* Cartões, painéis e caixas */
html[data-tema="escuro"] .card,
html[data-tema="escuro"] .caixa,
html[data-tema="escuro"] .panel,
html[data-tema="escuro"] .box,
html[data-tema="escuro"] .bloco,
html[data-tema="escuro"] .info-intro,
html[data-tema="escuro"] .perk,
html[data-tema="escuro"] .pacote,
html[data-tema="escuro"] .sugestao,
html[data-tema="escuro"] .favoritos-vazio,
html[data-tema="escuro"] .produto-foto,
html[data-tema="escuro"] .photo,
html[data-tema="escuro"] .categoria-item,
html[data-tema="escuro"] .checkout-quantidade,
html[data-tema="escuro"] .confirmation-note,
html[data-tema="escuro"] .atalhos-info a {
  background: var(--card);
  color: var(--ink);
  border-color: var(--line);
}
html[data-tema="escuro"] .photo { background: #2d2926; }
html[data-tema="escuro"] .card { box-shadow: 0 3px 12px rgba(0, 0, 0, .35); }

/* Menu das três barras */
html[data-tema="escuro"] .categoria-modal,
html[data-tema="escuro"] .menu-painel { background: var(--card); color: var(--ink); }
html[data-tema="escuro"] .categoria-modal h2,
html[data-tema="escuro"] .categoria-modal h3,
html[data-tema="escuro"] .categoria-modal b,
html[data-tema="escuro"] .categoria-modal strong,
html[data-tema="escuro"] .categoria-modal span,
html[data-tema="escuro"] .categoria-modal a { color: var(--ink); }
html[data-tema="escuro"] .categoria-modal small,
html[data-tema="escuro"] .categoria-modal .idiomas-rotulo { color: var(--muted); }
html[data-tema="escuro"] .fechar-modal { background: var(--soft); color: var(--ink); }
html[data-tema="escuro"] .categoria-icon { background: #2f4a42; color: #9fe0d2; }
html[data-tema="escuro"] .categoria-item strong { color: #9fe0d2; }
html[data-tema="escuro"] .idioma-btn { background: var(--soft); color: var(--ink); border-color: var(--line); }
html[data-tema="escuro"] .idioma-btn.on { background: var(--btn); color: #fff; border-color: var(--btn); }

/* Faixas e destaques */
html[data-tema="escuro"] .banner-consultoria { background: #1f3a2e; color: var(--ink); border-color: #365b4d; }
html[data-tema="escuro"] .banner-consultoria b,
html[data-tema="escuro"] .banner-consultoria span { color: var(--ink); }
html[data-tema="escuro"] .banner-consultoria small { color: #cfd9d3; }
html[data-tema="escuro"] .banner-consultoria em { color: #9fe0d2; }
html[data-tema="escuro"] .subnav { background: rgba(26, 24, 22, .95); border-color: var(--line); }
html[data-tema="escuro"] .perk b,
html[data-tema="escuro"] .perk strong { color: #9fe0d2; }
html[data-tema="escuro"] .perk small,
html[data-tema="escuro"] .perk div { color: var(--muted); }
html[data-tema="escuro"] .favoritos-coracao { color: #9fe0d2; }
html[data-tema="escuro"] .aviso-rascunho,
html[data-tema="escuro"] .pendente { background: var(--orange-bg); color: #f0c58c; border-color: #6b4a27; }

/* Textos que tinham cor escura fixa */
html[data-tema="escuro"] .info-texto,
html[data-tema="escuro"] .info p,
html[data-tema="escuro"] .info li,
html[data-tema="escuro"] .info em,
html[data-tema="escuro"] .info b,
html[data-tema="escuro"] .bloco p,
html[data-tema="escuro"] .bloco li,
html[data-tema="escuro"] .bloco em,
html[data-tema="escuro"] .bloco b,
html[data-tema="escuro"] .panel p,
html[data-tema="escuro"] .panel li,
html[data-tema="escuro"] .panel em,
html[data-tema="escuro"] .panel b { color: var(--ink); }
html[data-tema="escuro"] .muted,
html[data-tema="escuro"] .panel .muted { color: var(--muted); }

/* Botões e etiquetas */
html[data-tema="escuro"] .badge,
html[data-tema="escuro"] a.on,
html[data-tema="escuro"] button.on { background: var(--btn); color: #fff; }
html[data-tema="escuro"] .tag { background: var(--soft) !important; color: var(--ink); border-color: var(--line) !important; }
html[data-tema="escuro"] .tag.ok { background: var(--green-bg) !important; color: #a7e0bd; }
html[data-tema="escuro"] .tag.low { background: var(--orange-bg) !important; color: #f0c58c; }
html[data-tema="escuro"] .tag.out { background: #3a2421 !important; color: #ffaaa3; }
html[data-tema="escuro"] button.buy:disabled,
html[data-tema="escuro"] .buy[disabled] { background: #3a3530; color: var(--muted); }
html[data-tema="escuro"] .fav,
html[data-tema="escuro"] .wa-flutuante { background: rgba(36, 33, 30, .92); color: var(--ink); border-color: var(--line); }

/* Filtros, separadores e atalhos */
html[data-tema="escuro"] .filtros a:not(.on),
html[data-tema="escuro"] .abas button:not(.on),
html[data-tema="escuro"] .atalhos-info a,
html[data-tema="escuro"] .subnav a { background: var(--card); color: var(--ink); border-color: var(--line); }
html[data-tema="escuro"] .filtros a.on,
html[data-tema="escuro"] .abas button.on { background: var(--btn); border-color: var(--btn); color: #fff; }

/* Formulários */
html[data-tema="escuro"] input,
html[data-tema="escuro"] select,
html[data-tema="escuro"] textarea,
html[data-tema="escuro"] .campo {
  background: #1a1816;
  color: var(--ink);
  border-color: var(--line);
}
html[data-tema="escuro"] ::placeholder { color: #8d847b; opacity: 1; }
html[data-tema="escuro"] label { color: var(--ink); }
html[data-tema="escuro"] button:not(.on):not(.btn):not(.buy):not(.fav):not(.cta-wa) { color: var(--ink); }
html[data-tema="escuro"] .btn-sec,
html[data-tema="escuro"] .btn.secondary,
html[data-tema="escuro"] a.sec { background: var(--soft); color: var(--ink); border-color: var(--line); }

/* Checkout e página "encomenda recebida" */
html[data-tema="escuro"] .checkout-imagem { background: #2d2926; }
html[data-tema="escuro"] .success-icon { background: var(--green-bg); color: #a7e0bd; }
html[data-tema="escuro"] .brand,
html[data-tema="escuro"] a.brand { color: #9fe0d2; }
html[data-tema="escuro"] .row,
html[data-tema="escuro"] .row strong { color: var(--ink); }

/* Barra de navegação de baixo e cabeçalho */
html[data-tema="escuro"] header,
html[data-tema="escuro"] nav { background: var(--card); color: var(--ink); border-color: var(--line); }
html[data-tema="escuro"] nav a { color: var(--muted); }
html[data-tema="escuro"] nav a.on,
html[data-tema="escuro"] nav a[aria-current] { color: #9fe0d2; background: transparent; }

/* O rodapé já é verde-escuro com letras brancas nos dois temas. */

/* Botão secundário do popup de sugestão ("Informações") */
html[data-tema="escuro"] .sugestao .sug-acoes a.sec { background: var(--soft); color: var(--ink); border-color: var(--line); }

/* Perfil: cartões "As minhas encomendas" (fundo claro fixo no CSS base) */
html[data-tema="escuro"] .encomenda-item { background: var(--card); border-color: var(--line); color: var(--ink); }
html[data-tema="escuro"] .encomenda-item b { color: var(--ink); }
html[data-tema="escuro"] .encomenda-item small { color: var(--muted); }

/* Pesquisa e notificações: cartões escuros com letra clara (nunca fundo branco) */
html[data-tema="escuro"] .pesq-item,
html[data-tema="escuro"] .pesq-campo,
html[data-tema="escuro"] .campo { background: var(--soft); color: var(--ink); border-color: var(--line); }
html[data-tema="escuro"] .pesq-item b,
html[data-tema="escuro"] .pesq-item span,
html[data-tema="escuro"] .categoria-modal .pesq-item b,
html[data-tema="escuro"] .categoria-modal .pesq-item span { color: var(--ink); }
html[data-tema="escuro"] .pesq-item small,
html[data-tema="escuro"] .categoria-modal .pesq-item small:not(.tag) { color: var(--muted); }
html[data-tema="escuro"] .pesq-campo::placeholder { color: var(--muted); }