/* ================================
   TEMA BS360 - PRETO & DOURADO
   Fundo: #000000
   Elementos: #C9B382
   ================================ */

/* 1. Fundo global e cor padrão do texto */
html, body {
  background-color: #000000 !important;
  color: #C9B382 !important;
}

/* Todo o conteúdo herda dourado como cor padrão */
body, body * {
  color: #C9B382;
  box-shadow: none !important;
}

/* 2. Estrutura principal sempre com fundo preto */
header,
#cabecalho,
.top-bar,
nav,
.main,
#main,
.conteudo,
.container,
.section,
section,
article,
aside,
footer,
#rodape,
.rodape,
.site-footer,
.footer,
.barra-inferior,
div[class*="conteudo"],
div[class*="content"],
div[class*="wrapper"],
div[class*="container"],
div[class*="faixa"],
div[class*="linha"],
div[class*="news"],
div[class*="newsletter"],
div[class*="institucional"],
#corpo,
#pagina,
#barraTopo,
#barraHeader {
  background-color: #000000 !important;
  background-image: none !important;
  border: none;
}

/* 3. Banners e faixas do tema (aquelas listras cinza) viram fundo preto */
div[style*="background-image"],
section[style*="background-image"] {
  background-image: none !important;
  background-color: #000000 !important;
}

/* 4. Rodapé e pré-rodapé totalmente pretos */
footer,
#rodape,
.rodape,
.site-footer,
.footer,
.pagamento,
.selos,
#formas-pagamento,
#formas-envio,
.container-footer,
.container-rodape {
  background-color: #000000 !important;
  background-image: none !important;
  border: none !important;
}

/* Títulos e textos do rodapé em dourado */
footer h1, footer h2, footer h3, footer h4,
#rodape h1, #rodape h2, #rodape h3, #rodape h4,
footer p, footer span, footer a,
#rodape p, #rodape span, #rodape a,
footer small, footer .copyright,
#rodape small, #rodape .copyright {
  color: #C9B382 !important;
}

/* 5. LINKS GERAIS EM DOURADO */
a, a:link, a:visited {
  color: #C9B382;
}
a:hover, a:focus {
  color: #C9B382;
  text-decoration: underline;
}

/* 6. BOTÕES PADRÃO EM DOURADO */
button,
.btn,
.botao,
a.btn,
a.botao,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  background-color: #C9B382 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 2px;
}

/* 7. CAMPOS DE FORMULÁRIO (padrão preto + dourado) */
input,
textarea,
select {
  background-color: #000000;
  color: #C9B382;
  border: 1px solid #C9B382;
}

/* Placeholders em dourado suave */
input::placeholder,
textarea::placeholder {
  color: #C9B382AA;
}

/* =========================================
   8. CAMPO DE BUSCA ESPECIAL (BRANCO + PRETO)
   ========================================= */

/* Campo de pesquisa no topo - fundo branco e texto preto */
header input[type="search"],
header input[type="text"][name*="busca"],
header form[action*="buscar"] input[type="text"],
header .busca input,
#busca-topo input[type="text"] {
  background-color: #FFFFFF !important;
  color: #000000 !important;
  border: none !important;
}

/* Placeholder do campo de busca em cinza escuro */
header .busca input::placeholder,
header input[type="search"]::placeholder,
header form[action*="buscar"] input[type="text"]::placeholder {
  color: #555555 !important;
}

/* Botão da lupa: fundo dourado, ícone preto */
header .busca button,
header .busca input[type="submit"],
header button.botao-busca,
header .icon-busca,
form[action*="buscar"] button {
  background-color: #C9B382 !important;
  color: #000000 !important;
  border: none !important;
}

/* Ícone de lupa em preto – se for fonte/ícone */
header .busca i,
header .busca svg,
header .busca span[class*="icon"] {
  color: #000000 !important;
  fill: #000000 !important;
}

/* =========================================
   9. TOPO – TEXTOS QUE DEVEM FICAR DOURADOS
   (Bem-vindo, identifique-se / Fale Conosco / Telefone /
    Meus Pedidos / Minha Conta / Carrinho vazio)
   ========================================= */

/* Barra superior / mensagens de boas-vindas */
.top-bar,
.top-bar span,
.top-bar a,
header .top,
header .top span,
header .top a,
#cabecalho .top-bar,
#cabecalho .top-bar a {
  color: #C9B382 !important;
}

/* Links de conta: Meus Pedidos, Minha Conta, Carrinho vazio */
header .acoes-conta a,
header .acoes-usuario a,
header .atalhos a,
#cabecalho .atalhos a,
#cabecalho .carrinho a,
#cabecalho .minha-conta a,
#cabecalho .meus-pedidos a {
  color: #C9B382 !important;
}

/* Ícones de conta/carrinho em dourado */
header .acoes-conta i,
header .acoes-usuario i,
#cabecalho .atalhos i,
#cabecalho .carrinho i {
  color: #C9B382 !important;
  fill: #C9B382 !important;
}

/* =========================================
   10. PRODUTOS, TÍTULOS E VITRINE
   ========================================= */

/* Cards de produto com fundo preto */
.product,
.produto,
.product-item,
li[class*="produto"],
div[class*="produto"] {
  background-color: #000000 !important;
  border: 1px solid #C9B38222;
}

/* Títulos e preços em dourado */
.product-name,
.nome-produto,
h1, h2, h3, h4, h5, h6,
.preco,
.preco-promocional,
.preco-por,
.preco-de,
.valor,
.valor-promocional {
  color: #C9B382 !important;
}

/* Quantidade / inputs de carrinho em preto + dourado */
.qtd,
input.qtd,
input[name*="quantidade"] {
  background-color: #000000 !important;
  color: #C9B382 !important;
  border: 1px solid #C9B382;
}

/* =========================================
   11. AJUSTES ESPECIAIS DIVERSOS
   ========================================= */

/* Tira qualquer contorno/brilho estranho */
* {
  outline: none !important;
}

/* Bordas superiores e divisórias quase invisíveis */
hr, .linha-divisoria, .divisor {
  border-color: #C9B38233 !important;
}

/* Logo da BS360 e demais imagens não sofrem alteração de cor */
img {
  border: none;
}
/* ==== PATCH CARRINHO TOPO – ÍCONE E TEXTO ==== */

/* Área do carrinho no topo SEM fundo quadrado */
header .carrinho,
#cabecalho .carrinho {
  background-color: transparent !important;
  border: none !important;
}

/* Link do carrinho: sempre dourado e sem bloco de fundo */
header .carrinho a,
#cabecalho .carrinho a {
  background-color: transparent !important;
  color: #C9B382 !important;
  border: none !important;
}

/* Garante que o texto "Carrinho vazio" fique SEMPRE dourado */
header .carrinho a:link,
header .carrinho a:visited,
header .carrinho a:hover,
header .carrinho a:active,
#cabecalho .carrinho a:link,
#cabecalho .carrinho a:visited,
#cabecalho .carrinho a:hover,
#cabecalho .carrinho a:active {
  color: #C9B382 !important;
  text-decoration: none !important;
}

/* Ícone do carrinho: dourado, fundo transparente */
header .carrinho i,
header .carrinho svg,
#cabecalho .carrinho i,
#cabecalho .carrinho svg {
  background-color: transparent !important;
  color: #C9B382 !important;
  fill: #C9B382 !important;
}
/* ==== PATCH RODAPÉ E ÁREA INFERIOR – FUNDO PRETO TOTAL ==== */

/* Faixas inferiores, containers e barras que ainda insistem em ficar cinza */
body,
html,
#corpo,
#corpo > div,
#corpo .conteiner,
#corpo .container,
.rodape-primario,
.rodape-secundario,
.rodape-inferior,
.barra-inferior,
.barra-rodape,
div[class*="rodape"],
section[class*="rodape"],
div[class*="footer"],
section[class*="footer"],
div[class*="pagamento"],
div[class*="formas-pagamento"],
div[class*="selos"],
div[class*="copyright"],
div[class*="direitos"],
#formas-pagamento,
#formas-envio,
.container-footer,
.container-rodape {
  background-color: #000000 !important;
  background-image: none !important;
  border: none !important;
}

/* Caso o tema use background cinza com pattern embutido via style inline */
div[style*="#f5f5f5"],
div[style*="#f7f7f7"],
div[style*="#eeeeee"],
section[style*="#f5f5f5"],
section[style*="#f7f7f7"],
section[style*="#eeeeee"] {
  background-color: #000000 !important;
  background-image: none !important;
}

/* Textos desses blocos todos em dourado */
.rodape-primario,
.rodape-secundario,
.rodape-inferior,
.barra-inferior,
.barra-rodape,
div[class*="rodape"],
section[class*="rodape"],
div[class*="footer"],
section[class*="footer"],
div[class*="pagamento"],
div[class*="formas-pagamento"],
div[class*="selos"],
div[class*="copyright"],
div[class*="direitos"] {
  color: #C9B382 !important;
}

.rodape-primario h1, .rodape-primario h2, .rodape-primario h3, .rodape-primario h4,
.rodape-secundario h1, .rodape-secundario h2, .rodape-secundario h3, .rodape-secundario h4,
div[class*="rodape"] h1, div[class*="rodape"] h2, div[class*="rodape"] h3, div[class*="rodape"] h4,
div[class*="footer"] h1, div[class*="footer"] h2, div[class*="footer"] h3, div[class*="footer"] h4 {
  color: #C9B382 !important;
}

/* Links do rodapé sempre dourados */
.rodape-primario a,
.rodape-secundario a,
div[class*="rodape"] a,
div[class*="footer"] a,
div[class*="copyright"] a,
div[class*="direitos"] a {
  color: #C9B382 !important;
}

/* ==== PATCH FINAL DO RODAPÉ / FAIXA DA LOJA INTEGRADA ==== */

/* Tenta pegar a última faixa clara da página */
body > div:last-child,
body > footer:last-child,
body > div:last-child footer,
body > div:last-child div {
  background-color: #000000 !important;
  background-image: none !important;
  border: none !important;
}

/* Textos dessa faixa (inclui seus dados e direitos reservados) */
body > div:last-child p,
body > div:last-child span,
body > div:last-child small,
body > div:last-child a {
  color: #C9B382 !important;
}

/* Linhas de direitos autorais, caso venham em small */
footer small,
footer .copyright,
body > div:last-child small {
  color: #C9B382 !important;
}

/* ===== FORÇAR MINI BANNERS A APARECER NO MOBILE ===== */

/* Contêiner geral de mini banners */
.mini-banners,
.mini-banner,
.banner-mini,
.lista-mini-banners,
[class*="mini-banner"],
[id*="mini-banner"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Se o tema colocou os mini banners só em linha, garante que empilhem bem no mobile */
.mini-banners img,
.mini-banner img,
.banner-mini img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* ===== AJUSTES ESPECÍFICOS – VERSÃO DESKTOP ===== */
@media (min-width: 1024px) {

  /* 1) Texto "Carrinho vazio" sempre em #C9B382 */
  .top-bar .cart span,
  .top-bar .cart a,
  #cabecalho .carrinho span,
  #cabecalho .carrinho a,
  header .carrinho span,
  header .carrinho a {
    color: #C9B382 !important;
  }

  /* 2) Texto do campo de busca sempre preto (#000000) */
  header .busca input::placeholder,
  .top-bar .busca input::placeholder,
  input[type="search"]::placeholder {
    color: #000000 !important;
    opacity: 1 !important;   /* garante que fique bem visível */
  }

  header .busca input,
  .top-bar .busca input,
  input[type="search"] {
    color: #000000 !important;  /* texto digitado também em preto */
  }

  /* 3) Deixar "SITE PROTEGIDO" em branco dentro do bloco de selos */
  .selos strong,
  .selos span strong,
  .selos .texto-destaque {
    color: #FFFFFF !important;
  }

/* ===== LIMPEZA DA HOME DESKTOP (CATEGORIAS) ===== */
@media (min-width: 992px) {

  /* some com blocos de categorias que alguns temas criam na home */
  .pagina-inicial .sidebar,
  .pagina-inicial #barra-lateral,
  .pagina-inicial .menu-categorias,
  .pagina-inicial .nav-categorias,
  .pagina-inicial .lista-categorias,
  .pagina-inicial .menu-departamento,
  .pagina-inicial nav[aria-label*="Categoria"],
  .pagina-inicial ul[class*="categoria"],
  .pagina-inicial div[class*="categoria"] {
    display: none !important;
  }
  /* faz o conteúdo principal ocupar toda a largura novamente */
  .pagina-inicial #corpo,
  .pagina-inicial .conteudo-principal,
  .pagina-inicial .conteiner,
  .pagina-inicial .principal,
  .pagina-inicial .content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

/* ===== CORRIGE BARRA DE CATEGORIAS DO TOPO – HOME DESKTOP ===== */
@media (min-width: 992px) {

  /* garante fundo preto nessa faixa */
  .pagina-inicial nav,
  .pagina-inicial .menu-categorias,
  .pagina-inicial .menu-categorias ul,
  .pagina-inicial .menu-categorias li {
    background-color: #000000 !important;
  }
  
  /* deixa os nomes das categorias visíveis em dourado BS360 */
  .pagina-inicial .menu-categorias a[href*="/categoria/"],
  .pagina-inicial nav a[href*="/categoria/"] {
    color: #C9B382 !important;
    border: none !important;
  }
  
  /* remove “tracinhos”/divisórias feias entre os botões */
  .pagina-inicial .menu-categorias li,
  .pagina-inicial nav li {
    border: none !important;
  }