:root {
  --primaria:     #005F8A;
  --acao:         #FF6F2D;
  --acao-hover:   #E0552A;
  --destaque:     #F9D56E;
  --cinza-claro:  #F5F5F5;
  --cinza-escuro: #333333;
}

/* ====== TOPO e MENU ====== */
/* Fundo do topo */
#cabecalho .conteiner > .row-fluid::before {
  background: var(--primaria) !important;
}

/* Menu desktop */
@media screen and (min-width: 768px) {
  .menu.superior {
    background: var(--primaria) !important;
  }
  .menu.superior .nivel-um > li > a {
    color: #fff !important;
  }
  .menu.superior .nivel-um > li:hover > a,
  .menu.superior .nivel-um > li > a[title="outlet"] {
    background: var(--acao) !important;
  }
}

/* Menu mobile */
@media screen and (max-width: 767px) {
  .header-mob,
  .box-links {
    background: var(--primaria) !important;
  }
}

/* ====== SUBCATEGORIAS ====== */
@media screen and (min-width: 768px) {
  .menu.superior .nivel-dois .column li:not(.com-filho) > a,
  .menu.superior .nivel-tres > li > a {
    background: var(--destaque) !important;
  }
  .menu.superior .nivel-dois .column li:not(.com-filho):hover > a,
  .menu.superior .nivel-tres > li:hover > a {
    background: var(--acao) !important;
  }
  .menu.superior .nivel-dois > li.com-filho > a {
    color: var(--acao) !important;
  }
}

/* ====== RODAPÉ ====== */
/* Fundo principal */
#rodape .institucional,
#rodape .pagamento-selos {
  background: var(--primaria) !important;
}
/* Texto */
#rodape .news .msg .first,
#rodape .news .msg .last,
#rodape .titulo,
#rodape .institucional .sobre-loja-rodape p,
.links-rodape ul li a {
  color: #fff !important;
}
/* Newsletter */
#rodape .news {
  background: var(--cinza-escuro) !important;
}
/* Ícones redes */
#rodape .lista-redes i {
  color: #ebebeb !important;
  background: var(--primaria) !important;
}

/* ====== PREÇOS ====== */
.preco-produto .preco-a-partir span,
.info-produto .preco-produto s.preco-venda {
  color: #a6aab5 !important;
}
.info-produto .preco-produto .preco-promocional,
.preco-produto .preco-a-partir .preco-venda:not(.titulo),
.produto .acoes-produto .preco-produto .preco-promocional,
.produto .acoes-produto .preco-produto.destaque-parcela .preco-promocional {
  color: var(--acao) !important;
}

/* ====== BOTÕES ====== */
/* Normal */
.box-links a::before,
#modalNewsletter .newsletter-cadastro button::before,
.listagem-item .acoes-produto .botao-comprar::before,
.produto .principal .acoes-produto .comprar a::before,
.identificacao .control-group .botao.principal::before,
.acao-editar .botao.grande::before,
.identificacao .control-group .submit-email.botao.principal::before,
.banner-promocao .box-info a::before {
  background: linear-gradient(90deg, var(--acao), var(--destaque)) !important;
}
/* Hover */
.box-links a::after,
#modalNewsletter .newsletter-cadastro button::after,
.listagem-item .acoes-produto .botao-comprar::after,
.identificacao .control-group .botao.principal::after,
.produto .principal .acoes-produto .comprar a::after,
.acao-editar .botao.grande::after,
.identificacao .control-group .submit-email.botao.principal::after,
.banner-promocao .box-info a::after {
  background: linear-gradient(90deg, var(--acao-hover), var(--acao)) !important;
}
/* subcategorias: fundo transparente e texto preto */
.menu.superior .nivel-dois .column li:not(.com-filho) > a,
.menu.superior .nivel-tres > li > a {
  background: transparent !important;
  color: #000 !important;
}

/* garantir hover também em preto */
.menu.superior .nivel-dois .column li:not(.com-filho):hover > a,
.menu.superior .nivel-tres > li:hover > a {
  color: #000 !important;
}
/* botão “Salvar nova senha” */
button[type="submit"],
button.btn-primary {
  background-color: var(--acao) !important;      /* #FF6F2D */
  border-color:    var(--acao) !important;      /* #FF6F2D */
  color:           #fff           !important;
}

/* Botão Calcular Frete */
button#btn-frete,
.btn#btn-frete {
  background-color: var(--acao)      !important; /* laranja CTA */
  border-color:     var(--acao)      !important;
  color:            #fff            !important;
}

/* Hover do botão */
button#btn-frete:hover,
.btn#btn-frete:hover {
  background-color: var(--acao-hover)!important; /* laranja hover */
  border-color:     var(--acao-hover)!important;
}
/* Botão “Cadastrar” da newsletter */
button.newsletter-assinar,
button.submit.newsletter-assinar {
  background-color: var(--acao)      !important; /* laranja CTA */
  border-color:     var(--acao)      !important;
  color:            #fff            !important;
}

/* Hover do botão */
button.newsletter-assinar:hover,
button.submit.newsletter-assinar:hover {
  background-color: var(--acao-hover)!important; /* laranja hover */
  border-color:     var(--acao-hover)!important;
}
svg#Camada_1:hover path.st0 {
  fill: var(--acao-hover) !important;
}
/* Segundo SVG em laranja CTA */
svg[viewBox="-456 258.5 45.5 45.5"] path.st0 {
  fill: var(--acao) !important;          /* laranja normal */
}
svg[viewBox="-456 258.5 45.5 45.5"]:hover path.st0 {
  fill: var(--acao-hover) !important;    /* laranja mais escuro */
}
/* Ícone Camada_1 em laranja CTA */
#Camada_1 path.st0 {
  fill: var(--acao) !important;
}

/* Hover com o laranja mais escuro */
#Camada_1:hover path.st0 {
  fill: var(--acao-hover) !important;
}
@media screen and (min-width: 768px) {
  /* todos os links de submenu (nível 2 e 3) */
  .menu.superior .nivel-dois a,
  .menu.superior .nivel-tres a {
    background-color: var(--acao)      !important; /* laranja normal */
    color:            #fff            !important;
  }

  /* hover dos links de submenu */
  .menu.superior .nivel-dois a:hover,
  .menu.superior .nivel-tres a:hover {
    background-color: var(--acao-hover)!important; /* laranja escuro */
    color:            #fff            !important;
  }
}
/* Carrinho sempre laranja */
.menu.superior .nivel-dois a[href*="/carrinho"],
.menu.superior .nivel-tres a[href*="/carrinho"] {
  background-color: var(--acao)      !important; /* laranja normal */
  color:            #fff            !important;
}

/* Hover do carrinho */
.menu.superior .nivel-dois a[href*="/carrinho"]:hover,
.menu.superior .nivel-tres a[href*="/carrinho"]:hover {
  background-color: var(--acao-hover)!important; /* laranja escuro */
  color:            #fff            !important;
}
/* Botão “Ir para o carrinho” no dropdown do carrinho */
.carrinho-rodape a.botao.principal {
  background-color: var(--acao)      !important; /* laranja CTA */
  border-color:     var(--acao)      !important;
  color:            #fff            !important;
}

/* Hover do botão */
.carrinho-rodape a.botao.principal:hover {
  background-color: var(--acao-hover)!important; /* laranja escuro */
  border-color:     var(--acao-hover)!important;
}
/* “Meus Pedidos” no submenu Minha Conta */
.menu.superior .nivel-dois a[href*="pedidos"],
.menu.superior .nivel-tres a[href*="pedidos"] {
  background-color: var(--acao)      !important; /* laranja normal */
  color:            #fff            !important;
}

/* Hover de “Meus Pedidos” */
.menu.superior .nivel-dois a[href*="pedidos"]:hover,
.menu.superior .nivel-tres a[href*="pedidos"]:hover {
  background-color: var(--acao-hover)!important; /* laranja escuro */
  color:            #fff            !important;
}
/* Submenu “Minha Conta” (Meus Pedidos, Sair) em laranja CTA */
#cabecalho .user-login .box-login .list .item a {
  background-color: var(--acao)      !important; /* laranja normal */
  border:           1px solid var(--acao) !important;
  color:            #fff            !important;
  display:          block;                      /* garante que ocupe toda a largura */
  text-align:       center;
  padding:          .75em 1em;                  /* ajusta o padding se quiser */
  border-radius:    4px;                        /* se quiser bordas arredondadas */
}

/* Hover do submenu Minha Conta */
#cabecalho .user-login .box-login .list .item a:hover {
  background-color: var(--acao-hover)!important; /* laranja escuro */
  border-color:     var(--acao-hover)!important;
  color:            #fff            !important;
}
/* Botão “Comprar Agora” (produto) */
.produto .acoes-produto button[type="button"] {
  background-color: var(--acao)      !important; /* laranja normal */
  border-color:     var(--acao)      !important;
  color:            #fff            !important;
}

/* Hover do “Comprar Agora” */
.produto .acoes-produto button[type="button"]:hover {
  background-color: var(--acao-hover)!important; /* laranja escuro */
  border-color:     var(--acao-hover)!important;
}
/* Popup “Comprar” do carrinho */
a.botao.botao-comprar.principal.grande.botao-comprar-ajax {
  background-color: var(--acao)      !important;  /* laranja normal */
  border-color:     var(--acao)      !important;
  color:            #fff            !important;
  display:          inline-block;               /* garante padding e block-level */
  padding:          .75em 1em;                  /* ajusta conforme seu tema */
  text-align:       center;
  text-decoration:  none;
  border-radius:    4px;
}

/* Hover do popup Comprar */
a.botao.botao-comprar.principal.grande.botao-comprar-ajax:hover {
  background-color: var(--acao-hover)!important; /* laranja escuro */
  border-color:     var(--acao-hover)!important;
  color:            #fff            !important;
}

/* ícone do carrinho branco */
a.botao.botao-comprar.principal.grande.botao-comprar-ajax .icon-shopping-cart {
  color: #fff !important;
}
a.botao.botao-comprar.principal.grande.botao-comprar-ajax::before {
  background: linear-gradient(90deg, var(--acao-hover), var(--acao)) !important;
}
/* Botão “Close” do Fancybox em laranja CTA */
a.fancybox-item.fancybox-close::before {
  background-color: var(--acao) !important;
  color:            #fff      !important; /* caso seja um “X” via color */
}

/* Hover do botão Close */
a.fancybox-item.fancybox-close:hover::before {
  background-color: var(--acao-hover) !important;
  color:            #fff           !important;
}
/* Preço promocional em laranja CTA */
strong.preco-promocional.cor-principal.titulo {
  color: var(--acao) !important;
}

/* Se quiser hover mais escuro */
strong.preco-promocional.cor-principal.titulo:hover {
  color: var(--acao-hover) !important;
}
/* Soma total (subtotal) em laranja CTA */
strong.titulo.cor-principal[data-subtotal-valor] {
  color: var(--acao) !important;
}

/* Hover opcional */
strong.titulo.cor-principal[data-subtotal-valor]:hover {
  color: var(--acao-hover) !important;
}
/* 1) Finalizar compra — botão principal */
a.botao.finalizar-compra {
  background: linear-gradient(90deg, var(--acao), var(--destaque)) !important;
  color: #fff      !important;
  border: none     !important;
}

/* Hover: laranja hover */
a.botao.finalizar-compra:hover {
  background: var(--acao-hover) !important;
}

/* 2) Continuar comprando — ghost button */
a.botao.continuar-comprando {
  background: transparent           !important;
  color:      var(--primaria)      !important;
  border:     2px solid var(--primaria) !important;
}

/* Hover: fundo primário + texto branco */
a.botao.continuar-comprando:hover {
  background: var(--primaria)      !important;
  color:      #fff                !important;
}
/* Remove o crédito “by Netzee” */
.copy {
  display: none !important;
}
/* Ghost button “Continuar comprando” */
a.botao.continuar-comprando {
  display: inline-block !important;
  padding: .75em 1.5em !important;
  background: transparent !important;
  color: var(--primaria) !important;
  border: 2px solid var(--primaria) !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background .2s, color .2s !important;
}

/* Hover: preenche com a cor primária e texto branco */
a.botao.continuar-comprando:hover {
  background: var(--primaria) !important;
  color: #fff !important;
  border-color: var(--primaria) !important;
}
/* Traço (pseudo-elemento) em “Campeões de vendas” */
.titulo-categoria.borda-principal.cor-principal.vitrine-mas-vendido::before {
  background-color: var(--acao) !important;       /* laranja CTA */
}

/* Se quiser trocar no hover para o laranja mais escuro */
.titulo-categoria.borda-principal.cor-principal.vitrine-mas-vendido:hover::before {
  background-color: var(--acao-hover) !important; /* laranja escuro */
}
/* Traço colorido em todos os destaques da home */
.titulo-categoria.borda-principal.cor-principal::before {
  background-color: var(--acao) !important;       /* laranja padrão */
}

/* Se quiser hover escuro em todos */
.titulo-categoria.borda-principal.cor-principal:hover::before {
  background-color: var(--acao-hover) !important; /* laranja hover */
}
/* Traço do “ofertas imperdíveis!” em laranja */
.titulo-categoria.borda-principal.cor-principal.vitrine-destaque::before {
  background-color: var(--acao) !important;
}

/* Hover se quiser escurecer ao passar o mouse */
.titulo-categoria.borda-principal.cor-principal.vitrine-destaque:hover::before {
  background-color: var(--acao-hover) !important;
}
/* Ghost button “Continuar comprando” — padrão primário/hover */
a.botao.continuar-comprando {
  display: inline-block !important;
  padding: 0.75em 1.5em !important;
  background: transparent !important;
  color: var(--primaria) !important;
  border: 2px solid var(--primaria) !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s !important;
}

/* Hover: fundo primário + texto branco */
a.botao.continuar-comprando:hover {
  background: var(--primaria) !important;
  color: #fff !important;
  border-color: var(--primaria) !important;
}
/* Estilo base para o botão */
input[type="submit"].botao.principal.grande {
  /* cor de fundo chamativa */
  background-color: #ff6600;      /* ajuste para a sua cor principal */
  /* cor do texto contrastante */
  color: #ffffff;                
  /* espaçamento interno confortável */
  padding: 12px 24px;             
  /* tamanho de fonte legível */
  font-size: 16px;                
  /* remover borda padrão e arredondar cantos */
  border: none;                   
  border-radius: 4px;             
  /* indicar que é clicável */
  cursor: pointer;                
  /* garantir que ocupe espaço adequado */
  display: inline-block;          
  /* caso precise sobrescrever regras antigas */
  /* background-color: #ff6600 !important; */
  /* color: #fff !important; */
}

/* Estado hover para feedback visual */
input[type="submit"].botao.principal.grande:hover {
  background-color: #e65c00;      /* versão um pouco mais escura da cor acima */
}

/* Se você estiver usando variáveis CSS definidas no tema, por exemplo: */
input[typ]()
input[type="submit"].botao.principal.grande {
  background-color: #000 !important; /* deixa preto */
  color: #fff !important;            /* texto branco */
}