/* Modo escuro — comprar_credito.php (+ include inc/rodape.php) — 30/09/2026
   Carregar depois dos <style> da página e do inc/hangar-dark.css.
   Classes do template (pt-classic, footer-light, button-default-outline) vêm de css/style.css,
   que não está na cópia local: regras abaixo são as prováveis, conferir no navegador. */

/* Página e títulos do template (h3/h4/h5 com cor escura fixa no style.css) */
html.dark .page { background-color: var(--hg-bg); }
html.dark .page :is(h1, h2, h3, h4, h5, h6) { color: var(--hg-text); }
html.dark .page hr { border-top-color: var(--hg-border); }

/* Tabela de preços (.pt-classic): cartão, título, divisor, nota; faixa colorida do topo (inline) mantida */
html.dark .pt-classic { background-color: var(--hg-surface); box-shadow: 0 6px 20px -6px rgba(0, 0, 0, .55); }
html.dark .pt-classic-title { color: var(--hg-text); }
html.dark .pt-classic-divider { background-color: var(--hg-border); border-color: var(--hg-border); }
html.dark .pt-classic-note { color: var(--hg-muted); }

/* Preço: o original usa !important (#777 / #333) */
html.dark .pt-classic-price-currency { color: var(--hg-muted) !important; }
html.dark .pt-classic-price-value { color: var(--hg-text) !important; }

/* Itens da lista do plano: cor #262f3c vem em style="" inline (ícones coloridos do banco mantidos) */
html.dark .pt-classic :is(.pt-classic-list1, .pt-classic-list2, .pt-classic-list3) li { color: var(--hg-text-2) !important; }

/* Botão contorno "COMPRAR" (template): texto e borda escuros → claros; botão primário sólido mantido */
html.dark .pt-classic .button-default-outline { color: var(--hg-text); border-color: #64748b; }

/* Modal do template (rodapé com borda clara) */
html.dark .modal-footer { border-top-color: var(--hg-border); }

/* Bônus Inglês Técnico (.hg-bonus-*): cartão, lista, preço; selo em degradê mantido */
html.dark .hg-bonus-card { background-color: var(--hg-surface); border-color: rgba(59, 130, 246, .3); box-shadow: 0 10px 28px rgba(0, 0, 0, .5); }
html.dark .hg-bonus-card:hover { box-shadow: 0 16px 38px rgba(0, 0, 0, .6); }
html.dark .hg-bonus-body ul li { color: var(--hg-text-2); }
html.dark .hg-bonus-price-row .price { color: var(--hg-muted); }
html.dark .hg-bonus-price-row .free { color: #60a5fa; }

/* Caixa "Você economiza" (botão azul .botao-harmonioso mantido) */
html.dark .destaque-economia { background-color: var(--hg-surface); box-shadow: 0 2px 6px rgba(0, 0, 0, .45); }
html.dark .destaque-economia h2 { color: #60a5fa; }

/* Rodapé (inc/rodape.php, .footer-light do template) */
html.dark .footer-light { background-color: var(--hg-soft); color: var(--hg-muted); border-top-color: var(--hg-border); }
html.dark .footer-light-list a { color: var(--hg-text-2); }
html.dark .footer-light-list a:hover { color: #fff; }
html.dark .footer-light .rights, html.dark .footer-light .rights a { color: var(--hg-muted); }