/* ========================================
   IDENTIDADE VISUAL SH-RD PRO
   Cor principal: #05544B
   Hover: #087064
======================================== */


/* ========================================
   1. BOTÕES E DESTAQUES
======================================== */

.botao,
.botao.principal,
.botao.principal.botao-comprar,
.botao.principal.grande,
.acoes-produto-responsiva .tag-comprar,
#listagemProdutos .botao-comprar,
.listagem.aproveite-tambem .botao-comprar,
.bandeiras-produto .bandeira-promocao,
#barraNewsletter .newsletter-assinar,
.modal-modalNewsletter .botao,
.float-contact .float-open,
.float-contact .float-items > li > a,
.scrollToTop,
.banner .flexslider .flex-control-paging li a.flex-active {
  background-color: #05544B !important;
  border-color: #05544B !important;
  color: #FFFFFF !important;
}


/* ========================================
   2. TEXTOS QUE ESTAVAM ROSAS
======================================== */

.full.menu .nivel-um > li > a > .titulo,
.full.menu .nivel-um > li:hover > a > .titulo,
#rodape .institucional .titulo,
div#instagram h2 a,
#cabecalho .actions > li:hover a,
#cabecalho .actions > li:hover .total-cart {
  color: #05544B !important;
}


/* ========================================
   3. ÍCONES DO CABEÇALHO
======================================== */

#cabecalho .actions > li > a .icon * {
  fill: #05544B !important;
}

#cabecalho .actions > li:hover > a .icon * {
  fill: #087064 !important;
}


/* ========================================
   4. NOVOS ÍCONES DE CONTA E SUPORTE
======================================== */

/* Esconde os ícones antigos */
#cabecalho .actions > li:nth-child(1) .icon,
#cabecalho .actions > li:nth-child(2) .icon {
  display: none !important;
}

/* Formato dos novos ícones */
#cabecalho .actions > li:nth-child(1) > a::before,
#cabecalho .actions > li:nth-child(2) > a::before {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 5px auto 8px;
  border: 2px solid #05544B;
  border-radius: 50%;
  color: #05544B;
  font-family: FontAwesome;
  font-size: 17px;
  font-weight: normal;
  line-height: 1;
}

/* Conta */
#cabecalho .actions > li:nth-child(1) > a::before {
  content: "\f007";
}

/* Suporte */
#cabecalho .actions > li:nth-child(2) > a::before {
  content: "\f095";
}

/* Hover dos ícones */
#cabecalho .actions > li:nth-child(1) > a:hover::before,
#cabecalho .actions > li:nth-child(2) > a:hover::before {
  color: #087064;
  border-color: #087064;
}


/* ========================================
   5. LUPA BRANCA
======================================== */

#cabecalho .busca .botao-busca,
#cabecalho .busca .botao-busca::before,
.conteudo-topo .busca .botao-busca,
.conteudo-topo .busca .botao-busca::before {
  color: #FFFFFF !important;
}


/* ========================================
   6. CAIXA DE OFERTAS
======================================== */

.full.menu .conteiner .nivel-um > li.offers > a,
.full.menu .conteiner .nivel-um > li.offers:hover > a {
  background-color: #05544B !important;
  border-color: #05544B !important;
  color: #FFFFFF !important;
}

.full.menu .conteiner .nivel-um > li.offers > a > .titulo,
.full.menu .conteiner .nivel-um > li.offers:hover > a > .titulo,
.full.menu .conteiner .nivel-um > li.offers > a i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.full.menu .conteiner .nivel-um > li.offers:hover > a {
  background-color: #087064 !important;
  border-color: #087064 !important;
}


/* ========================================
   7. REDES SOCIAIS E INSTAGRAM
======================================== */

#rodape .lista-redes [class^="icon"] {
  color: #05544B !important;
}

#rodape .lista-redes ul li a {
  border-color: #05544B !important;
}

#rodape .lista-redes ul li:hover a {
  background-color: #05544B !important;
  border-color: #05544B !important;
}

#rodape .lista-redes ul li:hover a [class^="icon"] {
  color: #FFFFFF !important;
}

div#instagram .icon .cls-1 {
  fill: #05544B !important;
}


/* ========================================
   8. HOVER DOS BOTÕES
======================================== */

.botao:hover,
#barraNewsletter .newsletter-assinar:hover,
.modal-modalNewsletter .botao:hover,
.float-contact .float-open:hover,
.float-contact .float-items > li:hover > a,
.scrollToTop:hover {
  background-color: #087064 !important;
  border-color: #087064 !important;
  color: #FFFFFF !important;
}


/* ========================================
   9. LOGO MAIOR
======================================== */

#cabecalho .logo {
  margin: 0 !important;
  overflow: visible !important;
}

#cabecalho .logo a {
  position: relative !important;
  display: block !important;
  height: 90px !important;
  max-height: 90px !important;
  overflow: visible !important;
}

#cabecalho .logo a img {
  position: absolute !important;
  width: 215px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  top: 50% !important;
  left: 0 !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  object-fit: contain !important;
}


/* ========================================
   10. AJUSTES PARA CELULAR
======================================== */

@media screen and (max-width: 767px) {

  #cabecalho .logo a {
    position: relative !important;
    height: 80px !important;
    max-height: 80px !important;
    overflow: visible !important;
  }

  #cabecalho .logo a img {
    position: absolute !important;
    width: 170px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
  }
}

/* DIMINUIR TARJA DE BENEFÍCIOS */

.banner.tarja {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  text-align: center !important;
  overflow: hidden !important;
}

.banner.tarja img {
  display: block !important;
  width: auto !important;
  height: 52px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* ========================================
   PÁGINA DE PRODUTO — SH-RD PRO
======================================== */


/* Remove newsletter e Sobre a loja da lateral */
.pagina-produto #corpo .secao-principal > .coluna {
  display: none !important;
}


/* Faz a área do produto ocupar toda a largura */
.pagina-produto #corpo .secao-principal > .produto {
  width: 100% !important;
  margin-left: 0 !important;
}


/* Remove completamente o bloco Compartilhe */
.pagina-produto .produto-compartilhar,
.pagina-produto .produto .compartilhar {
  display: none !important;
}


/* Ícones restantes em verde SH-RD */
.pagina-produto .produto [class^="icon-"],
.pagina-produto .produto [class*=" icon-"] {
  color: #05544B !important;
}


/* SVGs restantes em verde SH-RD */
.pagina-produto .produto svg *,
.pagina-produto .produto .icon * {
  fill: #05544B !important;
  stroke: #05544B !important;
}


/* Ícones brancos dentro dos botões verdes */
.pagina-produto .produto .botao [class^="icon-"],
.pagina-produto .produto .botao [class*=" icon-"],
.pagina-produto .produto .botao::before,
.pagina-produto .produto .botao::after {
  color: #FFFFFF !important;
}


/* Botões principais */
.pagina-produto .produto .botao.principal,
.pagina-produto .produto .botao-comprar {
  background-color: #05544B !important;
  border-color: #05544B !important;
  color: #FFFFFF !important;
}


/* Hover dos botões */
.pagina-produto .produto .botao.principal:hover,
.pagina-produto .produto .botao-comprar:hover {
  background-color: #087064 !important;
  border-color: #087064 !important;
  color: #FFFFFF !important;
}


/* REMOVER DEFINITIVAMENTE O COMPARTILHAMENTO */

.pagina-produto #st-1,
.pagina-produto div[id^="st-"],
.pagina-produto .sharethis-inline-share-buttons,
.pagina-produto [class*="sharethis"],
.pagina-produto [class*="share-buttons"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* CORRIGIR BOTÃO DE PREÇO RESTRITO */

/* Remove os textos e ícones adicionados pelo tema */
a.botao-comprar[href*="/conta/login"] {
  font-size: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
}

a.botao-comprar[href*="/conta/login"] i {
  display: none !important;
}

a.botao-comprar[href*="/conta/login"]::before {
  content: none !important;
  display: none !important;
}

/* Insere uma única chamada */
a.botao-comprar[href*="/conta/login"]::after {
  content: "IDENTIFIQUE-SE PARA VER O PREÇO" !important;
  display: inline-block !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: inherit !important;
  color: #FFFFFF !important;
  text-transform: uppercase !important;
}


/* CORREÇÃO PARA CELULAR */

a.tag-comprar[href*="/conta/login"] .titulo {
  font-size: 0 !important;
}

a.tag-comprar[href*="/conta/login"] .titulo::after {
  content: "VER PREÇO" !important;
  font-size: 12px !important;
  color: #FFFFFF !important;
}

/* ========================================
   LIMPAR PÁGINA INICIAL
======================================== */

/* Remove toda a coluna lateral da página inicial */
.pagina-inicial #corpo .secao-principal > .coluna {
  display: none !important;
}

/* Faz a vitrine de produtos ocupar toda a largura */
.pagina-inicial #corpo .secao-principal > .conteudo {
  width: 100% !important;
  margin-left: 0 !important;
  float: none !important;
}

/* Garante que a listagem aproveite o espaço liberado */
.pagina-inicial #corpo .listagem,
.pagina-inicial #corpo #listagemProdutos {
  width: 100% !important;
  margin-left: 0 !important;
}

/* BOTÃO DA NEWSLETTER POP-UP */

#modalNewsletter .newsletter-assinar,
#modalNewsletter .botao,
.modal-modalNewsletter #modalNewsletter .botao,
.modal-modalNewsletter #modalNewsletter .newsletter-assinar {
  background-color: #05544B !important;
  border-color: #05544B !important;
  color: #FFFFFF !important;
}

/* Hover */
#modalNewsletter .newsletter-assinar:hover,
#modalNewsletter .botao:hover,
.modal-modalNewsletter #modalNewsletter .botao:hover,
.modal-modalNewsletter #modalNewsletter .newsletter-assinar:hover {
  background-color: #087064 !important;
  border-color: #087064 !important;
  color: #FFFFFF !important;
}

/* REMOVER CARRINHO DOS BOTÕES DA VITRINE */

.pagina-inicial .listagem .botao-comprar::before,
.pagina-inicial .listagem .botao-comprar > i,
.pagina-inicial .listagem .botao-comprar > .icon,
.pagina-inicial .listagem .botao-comprar > svg,
.pagina-inicial .listagem .botao-comprar [class^="icon-"],
.pagina-inicial .listagem .botao-comprar [class*=" icon-"] {
  display: none !important;
  content: none !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Centraliza o texto depois de remover o ícone */
.pagina-inicial .listagem .botao-comprar {
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: center !important;
}