/* ============================================================
   Tema Neon 3D — camada de compatibilidade (mesma do New World)
   O layout do tema continua carregando o Bootstrap 3 e o style.css do template
   antigo, porque as páginas internas (carrinho, pagamento, minha conta...) dependem
   deles. Este arquivo vem DEPOIS deles e ANTES do t3d-base.css e devolve aos
   elementos das áreas do tema (.t3d-scope: faixa, header, busca, gaveta, home, rodapé) o
   comportamento padrão do navegador, que é a base sobre a qual o tema foi feito.

   :where() zera a especificidade do escopo: as regras abaixo ganham do Bootstrap
   (mesma especificidade, vêm depois) e perdem para qualquer classe do tema.
   ============================================================ */

/* Bootstrap 3 fixa 10px no html e encolheria tudo que o tema mede em rem */
html { font-size: 16px; }

:where(.t3d-scope) {
  font-size: 16px;
  line-height: normal;
}

:where(.t3d-scope) h1 { font-size: 2em;    margin: .67em 0; }
:where(.t3d-scope) h2 { font-size: 1.5em;  margin: .83em 0; }
:where(.t3d-scope) h3 { font-size: 1.17em; margin: 1em 0; }
:where(.t3d-scope) h4 { font-size: 1em;    margin: 1.33em 0; }
:where(.t3d-scope) h5 { font-size: .83em;  margin: 1.67em 0; }
:where(.t3d-scope) h6 { font-size: .67em;  margin: 2.33em 0; }
:where(.t3d-scope) :is(h1, h2, h3, h4, h5, h6) {
  font-family: inherit;
  font-weight: bold;
  line-height: normal;
  color: inherit;
}

:where(.t3d-scope) p { margin: 1em 0; }
:where(.t3d-scope) ul { margin: 1em 0; padding-left: 40px; list-style: disc; }
:where(.t3d-scope) ol { margin: 1em 0; padding-left: 40px; list-style: decimal; }
:where(.t3d-scope) small { font-size: 80%; }
:where(.t3d-scope) label { display: inline; max-width: none; margin: 0; font-weight: normal; }
:where(.t3d-scope) :is(button, input, select, textarea) { line-height: normal; }
:where(.t3d-scope) table { border-collapse: separate; border-spacing: 2px; }
:where(.t3d-scope) img { vertical-align: baseline; }

/* style.css antigo: a {color:#2B2D42} e a:hover {color:#D10024} */
:where(.t3d-scope) a,
:where(.t3d-scope) a:hover,
:where(.t3d-scope) a:focus {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}
/* style.css antigo: a {transition: .2s color} */
:where(.t3d-scope) a { transition: none; }

/* normalize do Bootstrap: button, input... {color: inherit} */
:where(.t3d-scope) button { color: ButtonText; }
:where(.t3d-scope) :is(input, select, textarea) { color: FieldText; }

/* ecommerce_extend.css pinta todo <i> com a cor principal; o tema usa <i> como
   separador decorativo (.trust-row i, .subscription-summary i ...) */
:where(.t3d-scope) i { color: inherit; }

/* Neon 3D: o tema desenha os próprios botões e campos (fundo escuro); sem isso o
   normalize os deixaria com as cores do sistema */
:where(.t3d-scope) button { color: inherit; font: inherit; }
:where(.t3d-scope) :is(input, select, textarea) { color: inherit; font: inherit; }