/* Configuração para Mobile - Remover ícone de interrogação e ajustar painel */
@media screen and (max-width: 767px){
    ul.actions-menu > li.visible-phone > a {
        display:none!important;
    }
}

/* Configuração para Mobile - Ajuste de painel após remover ícone de interrogação */
@media only screen and (max-width: 767px) {
    #cabecalho ul.actions-menu > li.visible-phone,
    #cabecalho ul.actions-menu li.menu-login {
        position: fixed!important;
        top: 3px!important;
        z-index: 9999!important;
    }
    
    #cabecalho ul.actions-menu li.menu-login { 
        left: 55px!important; /*55 é o padrão */
    }
    
    #cabecalho ul.actions-menu > li.visible-phone {
        left: 107px!important; /*107 é o padrão */
    }
    
    #cabecalho > .conteiner .main-header .busca {
        border-top: 0px; /*0 é o padrão */
    }

    #cabecalho .conteiner .logo {
        margin: 0; /*0 é o padrão */
        height: 180px  /*100 é o padrão - com 50 a busca fica em cima da logo que fica em cima do banner */
    }
    #cabecalho .conteiner .logo img {
        max-height: 150px;  /*150 é o padrão */
        margin: 60px auto 0px; /* padrão: 20 e 0 */
        padding: 0px;  /*0 é o padrão */
    }
     #cabecalho:before {
        border-bottom: none;
    }
    #cabecalho.fixed>.conteiner .main-header .conteudo-topo .actions-menu .menu-login > a > i {
        background: var(--principal);
    }
}

/* Configuração Selo Pix estendido */
#rodape .pagamento-selos ul.gateways-rodape {
    width: 25%;
    text-align: center;
}

/* Mini Banner para Mobile - 2 em cima e 1 maior embaixo*/
@media screen and (max-width: 767px){
    .mini-banner .modulo.span4 {
        width: 49%;
        display: inline-block;
    }
    
    .mini-banner .modulo.span4:nth-child(2) {
        display: inline-block;
    }

    .mini-banner .modulo.span4:nth-child(3){
        width: 99%;
    }

    .row-fluid.banner.mini-banner {
        padding-top: 0px;
        width: 98%;
    }
}


/* Mini Banner para Mobile - 3 um do lado do outro*/
/*@media screen and (max-width: 767px){
    .mini-banner .modulo.span4 {
        width: 32%;
        display: inline-block;
        margin: auto;
        
    }
    .mini-banner {
        text-align: center;
    }
}
*/

/* Remover botão de carrinho gigante na foto do produto */
#corpo .listagem .listagem-item .acoes-produto .botao {
    display: none !important;
}


/* Remover o Whatsapp do tema pois não é possível configurar uma mensagem nele */
.floating-whatsapp {
    display: none !important;
}

/* Alterar a cor do selo de desconto do produto */
.info-principal-produto .bandeira-promocao, .info-principal-produto .tag-promocao, .listagem-item .bandeiras-produto .bandeira-promocao, .listagem-item .bandeiras-produto .tag-promocao {
    background-color: #003746;
}

/* Alterar o tamanho do botão do whatsapp */
.li-whatsapp a {
    bottom: 25px!important; /*altera a posição*/
    width: 60px!important; /*altera a largura*/
    height: 60px!important; /*altera a altura*/
}
.li-whatsapp i {
    font-size: 40px!important; /*altera o tamanho da imagem*/
}

/*Remove Selo de "Produto Adicionado"*/
/*
div.bandeiras-produto > .adicionado-carrinho {display:none !important}
*/

/*Texto no rodapé */
#rodape .span9.span12 p:after {
content: 'Loja desenvolvida por Optimie E-commerce';
font-weight: bold;
display: block;
}

/*2 Produtos no carrossel vitrine */
@media (max-width: 768px){
  div#listagemProdutos li.listagem-linha li.span3 {
      min-height: 500px;
      width: 50%;
      margin: 0;
      padding: 0;
      float: left;
  }
  .listagem .listagem-item .imagem-produto, .listagem .listagem-item .info-produto {
      width: 100%;
  }
}

/*2 colunas no mobile SEM botão ver mais" */
/*
@media (max-width: 768px){#listagemProdutos > ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}#listagemProdutos > ul li.listagem-linha ul{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listagemProdutos > ul li.listagem-linha ul li{width:50%;margin:0 0 20px}.listagem.com-caixa .listagem-item{border:0}.listagem.com-caixa .listagem-item .imagem-produto{border:0;padding:0}.listagem .listagem-item .info-produto{border:none!important;padding:5px 0}.busca .botao-busca{padding:5px 14px!important}.listagem .listagem-item .acoes-produto-responsiva,#btn-top{display:none!important}}
*/

/*Selo Black Friday nos produtos */
/*
.selo-black-friday {
    max-width: 100px;
    right: 0;
    left: auto;
}
*/

 #modalNewsletter .newsletter .icon-envelope-alt:before {
    content: "\f004" !important;
}

/* Tamanho da fonte dos preços */
/* resolução desktop*/
#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional, 
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional {
    font-size: 20px; /*padrão 10 */
}

#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .desconto-a-vista .titulo, 
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .desconto-a-vista .titulo {
    font-size: 20px; /*padrão 10 */
}

#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-a-partir .preco-venda, 
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-a-partir .preco-venda{
    font-size: 20px; /*padrão 10 */
}

/* resolução celular*/
@media screen and (max-width: 768px){
    #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional, 
    .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional {
        font-size: 14px; /*padrão 10 */
    }

    #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .desconto-a-vista .titulo, 
    .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .desconto-a-vista .titulo {
        font-size: 14px; /*padrão 10 */
    }

    #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-a-partir .preco-venda, 
    .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-a-partir .preco-venda{
        font-size: 14px; /*padrão 10 */
    }
}