/* MUDAR COR DE FUNDO DE TODO O SITE */

body {
    background-color: #000 !important;
}

/* MUDANDO A COR DO RANTANGULO DO TEMA CATEGORIA */
.menu {
    background-color: #050D55!important;
}

/* fundo conteiner da pagina incial  
.pagina-inicial .conteiner-principal #corpo .conteiner {
background:#282828 !important;
}*/

/*
.pagina-inicial .row-fluid {
color:#000 !important;
}
*/
/* fundo conteiner dos produtos  */
.pagina-produto .conteiner-principal .conteiner {
background:#000 !important;
}
/* Cor da descrição do produto para todas as paginas*/
.pagina-produto #descricao{
color:#ffffff;
}
/* fundo conteiner preto categoria  */
.pagina-categoria .conteiner-principal .conteiner {
background:#000 !important;
}
/* fundo do menu lateral da pagina categoria */
.menu.lateral,
.menu.lateral.outras{
background:#000000 !important;
}
/* fundo de cada item do menu da pagina categoria */
.menu.lateral ul.nivel-um li{
background:#000000 !important;
}
/* fundo do link da pagina categoria */
.menu.lateral ul.nivel-um li a{
background:#000000 !important;
color:#ffffff !important;
}
/* Rodape menu lateral da pagina categoria */
.pagina-categoria .interno{
background:#000000 !important;
color:#ffffff !important;
}

/* Cor do valor do produto a vista */
.destaque-avista{
color: #EEBB34 !important;
}

.preco-promocional{
color: #FFFFFF !important;
}
.preco-parcela .cor-secundaria{
color: #FFFFFF !important;
}
/* CONFIGURAÇÃO DA BANDEIRA PROMO QUE FICA EM CIMA DO PRODUTO MOSTRANDO O DESCONTO */
.bandeira-promocao{
background:#050D55 !important;
color:#FFFFFF !important;
border-radius:5px;
padding:4px 8px;
}

/* Corrigindo bug do conteiner da frase pix no cabeçalho */
#cabecalho .barra-frase .conteiner {
background: #050D55 !important;
}
/* Remover icone do caminhão */
i.fa-truck {
    display: none !important;
}
/* Configuração para mobile, no caso são os icones que aparecem no cabeçalho. EX: Carinho de compra*/
.atalhos-mobile{
background:#050D55 !important;
}

/* Fundo da pagina carrinho de compra, conteiner preto */
.pagina-carrinho .conteiner-principal .conteiner {
background:#000000 !important;
} 
/* Carrinho flutuante que aperece quando colocamos algum produto no carrinho */
.acoes-flutuante.borda-principal.hidden-phone.hidden-tablet{
background:#000000 !important;
} 

/* Menu lateral esquerdo do mobile mundando a cor */
@media (max-width:768px){

.menu.superior .nivel-um.active{
background:#000000 !important;
}

.menu.superior .nivel-um.active li{
background:#000000 !important;
}

.menu.superior .nivel-um.active strong.titulo{
color:#ffffff !important;
}
}

.cab-nav.fundo-principal{
background:#000000 !important;
}

/* Cor do rodape */
#rodape div[style*="background-color: #fff"]{
background:#000000 !important;
border-top:1px solid #333 !important;
color:#ffffff !important;
}

.pagina-login #corpo .conteiner{
background:#000000 !important;
}
.pagina-login .botao.principal{
background:#050D55 !important;
}

.close_float{
background:#000000 !important;
}

.pagina-carrinho #corpo .botao.principal{
background:#050D55 !important;
}

/* TESTE */
/* alinhar ícone e texto 
.menu.superior li a{
display:flex;
align-items:center;
gap:8px;
}
.menu.superior li a::before{
content:"";
display:inline-block;
width:36px;
height:36px;
margin-right:6px;
background-size:contain;
background-repeat:no-repeat;
vertical-align:middle;
}
.menu.superior li:nth-child(1) a::before{
background-image:var(--icone-menu1);
}

.menu.superior li:nth-child(2) a::before{
background-image:var(--icone-menu2);
}

.menu.superior li:nth-child(3) a::before{
background-image:var(--icone-menu3);
}

.menu.superior li:nth-child(4) a::before{
background-image:var(--icone-menu4);
}

.menu.superior li:nth-child(5) a::before{
background-image:var(--icone-menu5);
}
/* TESTE 2 */
/* permitir largura total do menu */
/* permitir largura total do menu 
.menu.superior .container{
max-width:100% !important;
width:100% !important;
overflow:visible !important;
}*/

/* menu em linha com scroll */
.menu.superior .nivel-um{
display:flex;
flex-wrap:nowrap !important;
overflow-x:auto;
padding-left:10px;
}


/* itens do menu */
.menu.superior .nivel-um li{
flex:0 0 auto;
width:auto !important;
}

/* links */
.menu.superior .nivel-um li a{
white-space:nowrap;
}
.menu.superior strong.titulo{
font-size:14px !important;
padding:0 5px !important;
margin:5px 0 !important;
}




/* fundo do carrinho dropdown (Deu certo)*/
.carrinho-interno,
.carrinho-interno *{
background:#000000 !important;
color:#ffffff !important;
}

/* Fundo do menu categoria mobile (Deu certo)*/
.slick-track{
background:#000000 !important;
} 
/* TESTE para os SUb MENU do mobile  */

/*Botão de confirmacap do cookies*/
#btn-aceito-cookies.botao.principal {
background:#000000 !important;
}

/*Teste do carrinho vazio*/