/* Acréscimos ao visual do tema antigo (tema-sj): trava de idade, página de produto, página de categoria,
   seletor de idioma, formulário e rodapé com a assinatura. O resto vem do style.css original, sem mudança. */

/* seletor de idioma (igual ao qTranslate: mostra só a bandeira do outro idioma) */
ul.language-chooser-image { margin: 10px; margin-top: 0 !important; margin-bottom: 0; list-style: none; float: left; width: 70px; padding: 0; }
.language-chooser li { display: block; }
.language-chooser li.active { display: none !important; }
.language-chooser img { display: inline-block; }

/* trava de idade (como no original) */
#idade { background: #0c0203 url(../images/entrada-gp.jpg) center top no-repeat; position: absolute; width: 100%; height: auto; z-index: 999999999; top: 0; bottom: 0; min-height: 100vh; font-family: 'intro_book_altregular'; }
#idade .idade-caixa { margin-top: 20%; }
#idade img { max-width: 100%; height: auto; }
#idade .idade-pergunta { font-style: italic; color: #fff; font-size: 2em; display: block; }
.pergunta { color: #fff; border-radius: 3px; font-size: 2em; padding: 10px; margin: 10px; text-decoration: none; cursor: pointer; display: inline-block; }
.pergunta:hover, .pergunta:focus { color: #fff; text-decoration: none; font-weight: bold; }
.sem-idade #idade { display: none; }

/* vitrine: link para a página da categoria e do produto */
#content #produtos .ver-categoria a, .modal-pagina a { color: #ed7058; text-decoration: none; font-family: 'intro_book_altregular'; }
#content #produtos .ver-categoria { margin-top: -20px; }
.modal-pagina { clear: both; padding-top: 10px; }
.padding-modal .text-center::after { content: ''; display: block; clear: both; }
.padding-modal .text-center { display: inline-block; width: 100%; }

/* páginas internas (produto e categoria) */
.interna #content { padding-top: 90px; }
.migalhas ol { list-style: none; padding: 20px 0 0; margin: 0 0 20px; font-size: .9em; }
.migalhas li { display: inline; color: #808080; }
.migalhas li + li::before { content: '›'; padding: 0 8px; color: #b0b0b0; }
.migalhas a { color: #8b0b10; }
.categoria-pagina .migalhas li, .relacionados .migalhas li { color: #f2c4c6; }
.categoria-pagina .migalhas a { color: #fff; }
.produto-pagina { background: url(../images/bg-empresa-traco.png) top left no-repeat; background-color: #eaeaea; padding: 0 0 80px; border-bottom: 1px solid #ccc; }
.produto-foto img { max-height: 560px; width: auto; margin-top: 20px; }
.produto-info { padding-top: 30px; }
#content .produto-info h1.titulo { font-size: 2.8em; margin: 0 0 6px; text-transform: uppercase; }
.produto-resumo { font-family: 'intro_book_altregular'; font-size: 1.3em; color: #8b0b10; margin-bottom: 20px; }
#content .produto-info .box-tab-content { margin-bottom: 20px; }
#content .produto-sub { font-size: 1.3em; color: #8b0b10; text-transform: uppercase; margin: 10px 0; }
.produto-detalhes { margin: 0 0 20px; }
.produto-detalhes div { display: flex; gap: 12px; border-bottom: 1px dotted #ccc; padding: 6px 0; }
.produto-detalhes dt { min-width: 120px; color: #808080; font-weight: normal; }
.produto-detalhes dd { color: #111; }
.produto-acoes { overflow: hidden; margin: 0 -10px 10px; }
.produto-voltar a { color: #8b0b10; }
.produto-galeria { margin-top: 30px; }
#content #produtos.relacionados, #content #produtos.categoria-pagina { padding-bottom: 120px; }
#content #produtos.categoria-pagina .titulo { padding-top: 10px; font-size: 2.4em; }
.grade-produtos { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 30px 20px; margin-top: 30px; }
.grade-produtos .item { text-align: center; }
.grade-produtos .item img { width: 70%; max-width: 240px; height: auto; margin: 0 auto 10px; display: block; }
.grade-produtos h2 { font-size: 1.2em; color: #fff; text-transform: uppercase; }
.grade-produtos p { color: #fff; }
.grade-produtos a { color: #ed7058; text-decoration: none; }

/* formulário de contato */
.campo-armadilha { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.select .rotulo-select { font-weight: normal; margin: 0; }
.wpcf7-response-output { width: 100%; margin-top: 10px !important; }
.wpcf7-response-output[hidden] { display: none; }
.botao-enviar { width: 100%; }
.contato-endereco a { color: #808080; }
input[type='submit'][disabled] { opacity: .6; cursor: wait; }

/* rodapé: um pouco mais alto para caber a assinatura */
#footer { height: 125px; }
body { margin-bottom: 125px; }
#footer .text-font-b a { color: #f5f5f5; text-decoration: none; }
#footer p { margin: 6px 0 0; }
@media (max-width: 767px) {
  #footer { height: 150px; }
  body { margin-bottom: 150px; }
  .produto-info { padding-top: 0; }
  #content .produto-info h1.titulo { font-size: 2em; }
}

/* CSS personalizado que estava no WordPress (Aparência > Personalizar > CSS adicional) */
.owl-prev, .owl-next { border: none !important; }
.loop h2 { text-transform: uppercase; }
#footer .text-font-b { font-size: 1.4em !important; }
.loop .owl-item img { width: 50%; }
.loop .center img { width: 55%; }
.social { z-index: 9999; }

/* celular: no original o cartão da vitrine cortava "Dados do produto"; aqui o cartão cresce com o texto */
@media (max-width: 767px) {
  .loop .owl-item { height: auto; min-height: 400px; }
  #content #produtos .ver-categoria { margin-top: 10px; }
}