/* ============================= */
/* 🎨 CSS DAS CORES DO SITE      */
/* ============================= */
:root {--cor_primaria: #eb661e;--cor_secundaria: #d9481b;--cor_botao: #eb661e;--cor_botao_hover: #d9481b;--cor_texto_botao: #ffffff;--cor_texto_botao_hover: #ffffff;--cor_botao_comprar: #227c56;--pre_cabecalho: #eb661e;--cor_texto_pre_cabecalho: #ffffff;--cor_cabecalho: #ffffff;--cor_icones: #2b2b2b;--cor_icones_hover: #2b2b2b;--cor_texto_icones: #2b2b2b;--cor_menu: #eb661e;--cor_texto_menu: #ffffff;--cor_newsletter: #227c56;--cor_texto_newsletter: #ffffff;--cor_footer: #eb661e;--cor_texto_footer: #222222;--texto_global: #333333;--texto_background: #ffffff;--cor_tag_frete_gratis: #eb661e;}

/* ============================= */
/* 📱 ÍCONE DO MENU COM  TRACINHOS  */
/* ============================= */
@media (max-width: 768px){
 /* Substitui o ícone padrão do hambúrguer pelo PNG personalizado */
  #cabecalho .head-mobile.visible-phone .js-menu-mobile {
    background: url("https://cdn.awsli.com.br/2537/2537721/arquivos/menu--6-.png") no-repeat center / contain;
    width: 50px;   /* largura do botão menu */
    height: 40px;  /* altura do botão menu */
  }

  /* Esconde os três tracinhos originais do menu */
  #cabecalho .head-mobile.visible-phone .js-menu-mobile span {
    display: none; /* esconde os tracinhos */
  }
}

/* ============================= */
/* 📍 POSICIONAMENTO DOS ÍCONES NO MENU  */
/* ============================= */
#cabecalho .head-mobile.visible-phone .right-options{
  position: absolute;
  right: 12px; /* afasta mais da borda */
  top: 50%;
  transform: translateY(-50%);
}

/* ============================= */
/* 🚫 REMOVER BARRA DUPLICADA DO MENU (Mobile)*/
/* ============================= */
@media (max-width: 768px) {
    #barraTopo,
    div#barraTopo,
    .hidden-phone #barraTopo {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}
/* Remove espaçamento extra entre os produtos e o banner */
.secao-principal.row-fluid.sem-coluna {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Ajusta o box de produtos também */
#listagemProdutos {
  margin-bottom: 10px !important; /* pode deixar 0 se quiser colar totalmente */
}
/* Ocultar apenas o SKU (código do produto) e manter a marca */
.codigo-produto .cor-secundaria:first-child {
  display: none !important;
}

/* ===== AJUSTE DO CARRINHO NO DESKTOP ===== */
@media screen and (min-width: 768px) {
  /* container principal */
  .carrinho {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end;
    gap: 8px; /* espaço entre ícone, qtd e preço */
    padding: 5px 10px;
  }

  /* ícone */
  .carrinho .icon-shopping-cart {
    font-size: 20px;
    color: #fff; /* ajusta conforme o tema */
  }

  /* quantidade */
  .qtd-carrinho {
    display: inline-block !important;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-left: 4px;
  }

  /* preço */
  .carrinho-vazio-preco {
    display: inline-block !important;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-left: 6px;
  }

  /* remove spans repetidos (tipo "Meu Carrinho") */
  .carrinho-vazio-titulo,
  .titulo.cor-secundaria,
  .carrinho .cor-secundaria {
    display: none !important;
  }

  /* remove margens quebradas */
  .carrinho-manipula span {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* menu principal */
.menu.superior ul.nivel-um > li {
  display: inline-block;
  padding: 10px 15px;
}

/* links do menu */
.menu.superior ul.nivel-um > li > a {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}

/* hover */
.menu.superior ul.nivel-um > li > a:hover {
  color: #ffcc00;
}