/* variáveis de cor */


:root {
    /* Cores do cabeçalho */
    --fundo-cabecalho: #000;
    --texto-cabecalho: #ffffff;
    --fundo-menu-superior: #000;
    --texto-menu-superior: #ffffff;


    /* Cores barra de newsletter */
    --fundo-newsletter: #000;
    --botao-newsletter: #11ad56;
    --texto-newsletter: #ffffff;


    /* Cores rodapé */
    --fundo-rodape: #000;
    --titulo-rodape:#ffffff;
    --texto-rodape: #ffffff;


    /* Cores página carrinho */
    --cor-principal-carrinho: #ffffff;
    --cor-botao-finalizar-compra: #11ad56;


    /* Cores página produto */
    --cor-botao-comprar: #39B169;
    --fundo-botao-ativo-variacao: #000000;
    --texto-botao-ativo-variacao: #ffffff;


    /* Cores gerais */
    --cor-da-marca: #000;
    --texto-branco: #ffffff;
    --cor-de-borda: #D7D9DE;
    --cinza-claro: #000;
    --cinza: #000;
    --preto: #000;
    --branco: #ffffff;
    --cor-de-link: #000;


    /* Cor de botões */
    --cor-de-botoes: #11ad56;
}
input#auto-complete.ui-autocomplete-input {
  background-color: #ffffff !important; /* Fundo branco */
  color: #000000 !important;            /* Texto preto */
}

a.back-top.borda-principal.show {
  background-color: #000000 !important; /* Fundo preto */
  color: #ffffff !important;            /* Cor da seta (se for texto ou ícone font) */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;                   /* Deixa redondo */
  width: 48px;
  height: 48px;
}

/* Se o ícone for SVG dentro do link */
a.back-top.borda-principal.show svg {
  fill: #ffffff !important; /* Deixa a seta branca */
}
     /* Cor Preço a Vista */
span.desconto-a-vista {
  color: #28a745 !important; /* Verde padrão (bootstrap), pode ajustar o tom */
  font-weight: bold;         /* Opcional: deixa o texto mais destacado */
}
.back-top.borda-principal i {
  color: #000000 !important; /* Ícone preto */
}

.back-top.borda-principal span {
  color: #ffffff !important; /* Texto branco */
}
.fa.fa-chevron-up {
  color: #ffffff !important;
}

}