/* FORNALHA STUDIO 3D — TEMA GALERIA / LOJA INTEGRADA
   Cole em: Personalize sua loja > Editar CSS > CSS avançado */

:root {
  --cor-tituloContato: #F36C12;
  --cor-textoContato: #F2E8CE;
  --cor-menu: #F2E8CE;
  --cor-tituloVitrine: #F36C12;
  --cor-barraSuperior: #101715;
  --cor-textoBarraSuperior: #F2E8CE;
  --cor-botaoRastreio: #F36C12;
  --cor-textoBotaoRastreio: #101715;
  --cor-botaoRastreioHover: #F5A623;
  --cor-textoBotaoRastreioHover: #101715;
  --cor-textoRastreioTitulo: #F36C12;
  --cor-nomeDepoimento: #F36C12;
  --cor-localDepoimento: #A9ADA5;
  --cor-textoDepoimento: #D8D9D3;
  --cor-tituloRodape: #F36C12;
  --cor-textoRodape: #F2E8CE;
  --cor-textoRodapeHover: #F5A623;
  --cor-nomeProduto: #F2E8CE;
  --cor-textoFrete: #D8D9D3;
}

html, body {
  background: #151914 !important;
  color: #F2E8CE !important;
}

body {
  background-image:
    radial-gradient(circle at 15% 5%, rgba(243,108,18,.10), transparent 28%),
    radial-gradient(circle at 85% 25%, rgba(46,139,184,.08), transparent 25%),
    linear-gradient(180deg, #1D211C 0%, #101512 100%) !important;
  background-attachment: fixed !important;
}

.barra-inicial,
.barra-inicial .conteiner,
.top-bar,
.barra-superior {
  background: #101715 !important;
  color: #F2E8CE !important;
  border-color: rgba(243,108,18,.28) !important;
}

.barra-inicial a,
.barra-superior a,
.top-bar a { color: #F2E8CE !important; }

.barra-inicial a:hover,
.barra-superior a:hover { color: #F5A623 !important; }

#cabecalho,
.cabecalho,
#cabecalho .conteiner,
.cabecalho .conteiner {
  background: #20231E !important;
  color: #F2E8CE !important;
  border: 0 !important;
}

#cabecalho { box-shadow: 0 7px 25px rgba(0,0,0,.35); }

#cabecalho a,
.cabecalho a,
.acoes-conta a,
.contato-topo,
.contato-topo a { color: #F2E8CE !important; }

#cabecalho a:hover,
.cabecalho a:hover { color: #F36C12 !important; }

.busca,
.busca-mobile,
#cabecalho .busca {
  background: #111815 !important;
  border: 1px solid rgba(243,108,18,.45) !important;
  border-radius: 8px !important;
  overflow: hidden;
}

.busca input,
.busca-mobile input {
  background: transparent !important;
  color: #F2E8CE !important;
  border: 0 !important;
}

.busca input::placeholder,
.busca-mobile input::placeholder { color: #A9ADA5 !important; }

.busca .botao,
.busca button,
.busca-mobile button {
  background: #F36C12 !important;
  color: #101715 !important;
  border: 0 !important;
}

.carrinho,
.carrinho > a,
.carrinho-interno {
  background: #101715 !important;
  color: #F2E8CE !important;
  border-color: rgba(243,108,18,.45) !important;
}

.carrinho .qtd-carrinho,
.carrinho .quantidade,
.carrinho .numero-itens {
  background: #F36C12 !important;
  color: #101715 !important;
}

.menu.superior,
.menu.superior .nivel-um,
.menu-principal,
.menu-principal > ul {
  background: #101715 !important;
  border: 0 !important;
}

.menu.superior .nivel-um > li > a,
.menu-principal > ul > li > a {
  color: #F2E8CE !important;
  font-weight: 700 !important;
}

.menu.superior .nivel-um > li:hover > a,
.menu.superior .nivel-um > li.ativo > a,
.menu-principal > ul > li:hover > a {
  background: #F36C12 !important;
  color: #101715 !important;
}

.menu.superior .nivel-dois,
.menu.superior .nivel-tres,
.menu-principal .submenu {
  background: #20231E !important;
  border: 1px solid rgba(243,108,18,.35) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.42);
}

.menu.superior .nivel-dois a,
.menu.superior .nivel-tres a,
.menu-principal .submenu a { color: #F2E8CE !important; }

.menu.superior .nivel-dois a:hover,
.menu.superior .nivel-tres a:hover { color: #F5A623 !important; }

.banner.tarja,
.banner-tarja,
.tarja {
  background: #101715 !important;
  color: #F2E8CE !important;
  border-bottom: 1px solid rgba(243,108,18,.25);
}

.flex-control-paging li a,
.slick-dots li button::before {
  background: #F2E8CE !important;
  opacity: .45 !important;
}

.flex-control-paging li a.flex-active,
.slick-dots li.slick-active button::before {
  background: #F36C12 !important;
  opacity: 1 !important;
}

.titulo-categoria,
.listagem .titulo-categoria,
.vitrine .titulo,
.titulo-vitrine,
.produtos-destaque .titulo {
  color: #F36C12 !important;
  font-weight: 700 !important;
}

.listagem .listagem-item,
.listagem-item,
.produto-mini,
.card-produto {
  background: #20231E !important;
  border: 1px solid rgba(242,232,206,.10) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.27);
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.listagem .listagem-item:hover,
.listagem-item:hover,
.card-produto:hover {
  transform: translateY(-5px);
  border-color: rgba(243,108,18,.62) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.38);
}

.imagem-produto,
.listagem .imagem-produto,
.produto-mini .imagem { background: #151B17 !important; }

.nome-produto,
.listagem .nome-produto,
.produto-mini .nome-produto { color: #F2E8CE !important; }

.preco-produto .preco-venda,
.preco-promocional,
.preco-a-partir strong,
.preco-produto strong { color: #F36C12 !important; }

.preco-produto .preco-antigo { color: #8F948D !important; }

.parcelas-produto,
.preco-parcela,
.preco-produto .parcelas { color: #C6C9C0 !important; }

.bandeira-promocao,
.bandeiras-produto .bandeira-promocao,
.bandeira-frete-gratis,
.tag-promocao {
  background: #F36C12 !important;
  color: #101715 !important;
}

.botao.principal,
.botao-comprar,
.adicionar-carrinho,
.comprar,
.btn-primary,
button[type="submit"] {
  background: linear-gradient(135deg, #F5A623, #F36C12) !important;
  color: #101715 !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  box-shadow: 0 7px 18px rgba(243,108,18,.24);
}

.botao.principal:hover,
.botao-comprar:hover,
.adicionar-carrinho:hover,
.comprar:hover,
.btn-primary:hover,
button[type="submit"]:hover {
  background: #F5A623 !important;
  color: #101715 !important;
}

.produto .principal,
.produto .acoes-produto,
.produto .atributos,
.produto .descricao,
.produto .cep,
.abas-custom,
.tab-content {
  background: #20231E !important;
  color: #F2E8CE !important;
  border-color: rgba(242,232,206,.10) !important;
}

.produto .nome,
.produto h1 { color: #F2E8CE !important; }

.produto .codigo-produto,
.produto .disponibilidade-produto,
.produto .estoque,
.produto .parcelas-produto { color: #A9ADA5 !important; }

.produto .preco-venda,
.produto .preco-promocional { color: #F36C12 !important; }

.nav-tabs { border-color: rgba(243,108,18,.32) !important; }

.nav-tabs > li > a {
  background: #101715 !important;
  color: #F2E8CE !important;
  border-color: rgba(242,232,206,.10) !important;
}

.nav-tabs > .active > a,
.nav-tabs > li.active > a {
  background: #F36C12 !important;
  color: #101715 !important;
}

.newsletter,
.newsletter .conteiner {
  background: linear-gradient(120deg, rgba(243,108,18,.22), #101715 48%, rgba(46,139,184,.14)) !important;
  color: #F2E8CE !important;
  border-color: rgba(243,108,18,.25) !important;
}

.newsletter .titulo,
.newsletter h3,
.newsletter label { color: #F2E8CE !important; }

.newsletter input {
  background: #F2E8CE !important;
  color: #101715 !important;
}

#rodape,
.rodape,
#rodape .institucional,
#rodape .pagamento-selos,
#rodape .conteiner {
  background: #101715 !important;
  color: #F2E8CE !important;
}

#rodape { border-top: 3px solid #F36C12 !important; }

#rodape .titulo,
#rodape h3,
#rodape h4,
.rodape .titulo { color: #F36C12 !important; }

#rodape a,
.rodape a,
#rodape p,
.rodape p,
#rodape li { color: #F2E8CE !important; }

#rodape a:hover,
.rodape a:hover { color: #F5A623 !important; }

.categorias-destaque img,
.menu-categorias img,
.categoria-destaque img {
  background: #101715 !important;
  border: 2px solid #F36C12 !important;
  border-radius: 50% !important;
  padding: 5px;
}

@media (max-width: 767px) {
  body { background-image: linear-gradient(180deg, #1B1F1A, #101512) !important; }
  .menu.superior,
  .menu.superior .nivel-um,
  .menu-mobile,
  .menu-mobile ul { background: #101715 !important; }
  .listagem .listagem-item:hover,
  .listagem-item:hover { transform: none; }
}