/* ————————————————
   Tipografia e Cores Base
   ———————————————— */

/* Texto principal do conteúdo */
body, p, span, li {
    color: #BBBBA9 !important;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

/* Títulos e destaques principais */
h1, h2, h3, h4, h5, h6 {
    color: #C0884B !important;
    font-weight: bold;
}

/* Links */
a {
    color: #C0884B !important;
    text-decoration: none;
}
a:hover, a:focus {
    color: #BBBBA9 !important;
    text-decoration: underline;
}

/* Navegação / Breadcrumb */
.breadcrumb, .breadcrumb a {
    color: #BBBBA9 !important;
}
.breadcrumb a:hover {
    color: #C0884B !important;
}

/* ————————————————
   Botões e CTAs
   ———————————————— */

/* Botões principais */
button, .btn, .button, input[type="submit"] {
    background-color: #C0884B !important;
    color: #ffffff !important;
    border: none;
    font-weight: bold;
}
button:hover, .btn:hover, .button:hover {
    background-color: #BBBBA9 !important;
    color: #333333 !important;
}

/* ————————————————
   Cards de Produto / Listagens
   ———————————————— */

/* Título do produto */
.product-card h2, .product-card .product-title {
    color: #C0884B !important;
}

/* Preço */
.product-card .price, .product-card .product-price {
    color: #BBBBA9 !important;
    font-size: 1.1em;
    font-weight: bold;
}

/* Botões de compra em cards */
.product-card .btn-buy, .product-card .button-buy {
    background-color: #C0884B !important;
    color: #fff !important;
}

/* ————————————————
   Footer e Informações Secundárias
   ———————————————— */

footer, .footer, .site-footer {
    color: #BBBBA9 !important;
    background-color: #1c1c1c; /* escurecendo fundo para contraste */
}
footer a {
    color: #C0884B !important;
}
footer a:hover {
    color: #BBBBA9 !important;
}

/* ————————————————
   Ajustes Extras
   ———————————————— */

/* Inputs e formulários */
input, textarea, select {
    border: 1px solid #BBBBA9 !important;
    color: #BBBBA9 !important;
}
input:focus, textarea:focus, select:focus {
    border-color: #C0884B !important;
    outline: none;
}
/* ————————————————
   Tipografia e Cores Base
   ———————————————— */

/* Texto principal do conteúdo */
body, p, span, li {
    color: #000000 !important;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

/* Títulos e destaques principais */
h1, h2, h3, h4, h5, h6 {
    color: #C0884B !important;
    font-weight: bold;
}

/* Links */
a {
    color: #C0884B !important;
    text-decoration: none;
}
a:hover, a:focus {
    color: #000000 !important;
    text-decoration: underline;
}

/* Navegação / Breadcrumb */
.breadcrumb, .breadcrumb a {
    color: #000000 !important;
}
.breadcrumb a:hover {
    color: #C0884B !important;
}

/* ————————————————
   Botões e CTAs
   ———————————————— */

/* Botões principais */
button, .btn, .button, input[type="submit"] {
    background-color: #C0884B !important;
    color: #ffffff !important;
    border: none;
    font-weight: bold;
}
button:hover, .btn:hover, .button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ————————————————
   Cards de Produto / Listagens
   ———————————————— */

/* Título do produto */
.product-card h2, .product-card .product-title {
    color: #C0884B !important;
}

/* Preço */
.product-card .price, .product-card .product-price {
    color: #000000 !important;
    font-size: 1.1em;
    font-weight: bold;
}

/* Botões de compra em cards */
.product-card .btn-buy, .product-card .button-buy {
    background-color: #C0884B !important;
    color: #ffffff !important;
}

/* ————————————————
   Footer e Informações Secundárias
   ———————————————— */

footer, .footer, .site-footer {
    color: #000000 !important;
    background-color: #1c1c1c;
}
footer a {
    color: #C0884B !important;
}
footer a:hover {
    color: #000000 !important;
}

/* ————————————————
   Inputs e Formulários
   ———————————————— */

input, textarea, select {
    border: 1px solid #000000 !important;
    color: #000000 !important;
}
input:focus, textarea:focus, select:focus {
    border-color: #C0884B !important;
    outline: none;
}
/* Tarja de cupom no topo */
.tarja-cupom {
    width: 100%;
    background-color: #C0884B;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 10px;
    letter-spacing: 0.5px;
}

/* Destaque do cupom */
.tarja-cupom strong {
    font-weight: 800;
}

/* Ajuste mobile */
@media (max-width: 768px) {
    .tarja-cupom {
        font-size: 12px;
        padding: 6px 8px;
    }
}
/* Remove coluna lateral de categorias */
.coluna-esquerda,
.sidebar,
.menu-lateral,
.filtro-categorias,
.coluna-categorias {
    display: none !important;
}

/* Faz o conteúdo ocupar 100% da largura */
.coluna-central,
.conteudo,
.content,
.listagem-produtos {
    width: 100% !important;
    max-width: 100% !important;
}

/* Remove possíveis margens deixadas pela sidebar */
.container,
.container-fluid {
    padding-left: 0 !important;
}
/* Categorias em linha (lado a lado) */
.categorias,
.menu-categorias ul {
    display: flex !important;
    flex-wrap: nowrap !important; /* não quebra linha */
    justify-content: center; /* centraliza */
    align-items: center;
    gap: 12px; /* espaço entre categorias */
}

/* Estilo do item */
.menu-categorias li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap; /* impede quebra de texto */
}

/* Link da categoria */
.menu-categorias li a {
    font-size: 13px; /* diminui o texto */
    padding: 6px 10px;
    text-transform: uppercase;
}
/* =========================================
   AJUSTES PONTUAIS - NOVO TEMA
   ========================================= */

/* 1) ÍCONE DO MENU: linhas brancas */
.menu-button i,
.menu-button svg,
.menu-mobile i,
.menu-mobile svg,
.botao-menu i,
.botao-menu svg,
.atalho-menu i,
.atalho-menu svg,
.icon-menu i,
.icon-menu svg,
.mobile-nav-trigger i,
.mobile-nav-trigger svg,
[class*="menu"] .icon-bar,
[class*="menu"] .hamburger-inner,
[class*="menu"] .hamburger-inner::before,
[class*="menu"] .hamburger-inner::after {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  background-color: #ffffff !important;
}

/* caso o tema use spans/listras do hamburguer */
.menu-button span,
.menu-mobile span,
.botao-menu span,
.atalho-menu span,
.icon-menu span,
.mobile-nav-trigger span {
  background: #ffffff !important;
  color: #ffffff !important;
}

/* 2) QUANTIDADE + BOTÃO ADICIONAR EMBAIXO DO PRODUTO */
@media (max-width: 768px) {

  /* área de compra */
  .produto .acoes-flutuante,
  .produto .acoes-produto,
  .produto .comprar,
  .produto .area-botoes,
  .produto .produto-compra,
  .produto .info-principal-produto .principal,
  .pagina-produto .acoes-produto,
  .pagina-produto .principal,
  .pagina-produto .produto-compra,
  .pagina-produto .info-principal-produto {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }

  /* imagem do produto */
  .pagina-produto .imagem-principal,
  .pagina-produto .galeria-produto,
  .pagina-produto .produto-imagem,
  .produto .imagem-principal,
  .produto .produto-imagem {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 12px !important;
  }

  /* quantidade + botão embaixo */
  .produto .principal > div,
  .pagina-produto .principal > div,
  .produto .comprar > div,
  .pagina-produto .comprar > div,
  .produto .acoes-produto > div,
  .pagina-produto .acoes-produto > div {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }

  /* quantidade */
  .qtde-carrinho,
  .qtde-adicionar-carrinho,
  .adicionar-qtd,
  .quantidade,
  .controle-qtd,
  .produto .quantidade-adicionar,
  .pagina-produto .quantidade-adicionar {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 220px !important;
    margin: 12px auto 10px auto !important;
    float: none !important;
  }

  /* botão adicionar */
  .botao-comprar,
  .adicionar-carrinho,
  .produto .botao-comprar,
  .produto .adicionar-carrinho,
  .pagina-produto .botao-comprar,
  .pagina-produto .adicionar-carrinho,
  .comprar .botao,
  .principal .botao {
    display: block !important;
    width: 100% !important;
    max-width: 280px !important;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;
    text-align: center !important;
  }

  /* remove alinhamento lateral antigo */
  .produto .principal,
  .pagina-produto .principal,
  .produto .comprar,
  .pagina-produto .comprar,
  .produto .acoes-produto,
  .pagina-produto .acoes-produto {
    text-align: center !important;
  }
}
/* =========================================
   BOTÃO ADICIONAR EMBAIXO DA IMAGEM
   ========================================= */

@media (max-width: 768px){

/* remove botão flutuante */
.produto .acoes-produto,
.produto .acoes-flutuante,
.produto .principal,
.produto .comprar {
  position: static !important;
}

/* botão adicionar */
.produto .botao-comprar,
.produto .adicionar-carrinho,
.produto .botao,
.botao-comprar,
.adicionar-carrinho {
  position: relative !important;
  display: block !important;
  width: 85% !important;
  margin: 10px auto 0 auto !important;
  float: none !important;
  clear: both !important;
}

/* quantidade */
.qtde-carrinho,
.quantidade,
.controle-qtd,
.qtde-adicionar-carrinho {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  margin: 8px auto !important;
  float: none !important;
}

/* garante que a imagem fique separada */
.produto .imagem-produto,
.produto .produto-imagem {
  margin-bottom: 10px !important;
}

/* centraliza área de compra */
.produto .principal,
.produto .acoes-produto,
.produto .comprar {
  text-align: center !important;
}

}