/* ==========================================================================
   C4 GAMES - CSS LIMPO MOBILE-FIRST
   Produto digital: sem CEP/Frete
   Mantém CNPJ visível
   Não deixa o site mole no celular
   ========================================================================== */


/* ==========================================================================
   1. BASE MOBILE-FIRST
   ========================================================================== */

html,
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

*,
*:before,
*:after {
    box-sizing: border-box !important;
}

img,
iframe,
video,
object,
embed {
    max-width: 100% !important;
}


/* ==========================================================================
   2. REMOVER NEWSLETTER
   ========================================================================== */

.newsletter,
.caixa-newsletter,
#newsletter {
    display: none !important;
}


/* ==========================================================================
   3. PRODUTO DIGITAL - REMOVER CEP / FRETE / ENTREGA
   ========================================================================== */

.pagina-produto .calculo-frete,
.pagina-produto #calcularFrete,
.pagina-produto .form-frete,
.pagina-produto .formulario-frete,
.pagina-produto .frete,
.pagina-produto .cep,
.pagina-produto .acao-frete,
.pagina-produto .produto-frete,
.pagina-produto .prod-frete,
.pagina-produto .box-frete,
.pagina-produto .quantidade-frete,
.pagina-produto #faturamentoFrete,
.pagina-produto .produto-calcular-frete,
.pagina-produto .calcular-frete,
.pagina-produto .cep-carrinho,
.pagina-produto .shipping-calculator,
.pagina-produto .envio,
.pagina-produto .entrega,
.pagina-produto [class*="frete"],
.pagina-produto [id*="frete"],
.pagina-produto [class*="Frete"],
.pagina-produto [id*="Frete"],
.pagina-produto [class*="cep"],
.pagina-produto [id*="cep"],
.pagina-produto [class*="CEP"],
.pagina-produto [id*="CEP"],
.pagina-produto input[name*="cep"],
.pagina-produto input[id*="cep"],
.pagina-produto input[placeholder*="CEP"],
.pagina-produto input[placeholder*="cep"],
.pagina-produto button[onclick*="frete"],
.pagina-produto button[onclick*="cep"],
.produto .calculo-frete,
.produto #calcularFrete,
.produto .form-frete,
.produto .formulario-frete,
.produto .frete,
.produto .cep,
.produto .acao-frete,
.produto .produto-frete,
.produto .prod-frete,
.produto .box-frete,
.produto .quantidade-frete,
.produto #faturamentoFrete,
.produto .produto-calcular-frete,
.produto .calcular-frete,
.produto .cep-carrinho,
.produto .shipping-calculator,
.produto .envio,
.produto .entrega,
.produto [class*="frete"],
.produto [id*="frete"],
.produto [class*="Frete"],
.produto [id*="Frete"],
.produto [class*="cep"],
.produto [id*="cep"],
.produto [class*="CEP"],
.produto [id*="CEP"],
.produto input[name*="cep"],
.produto input[id*="cep"],
.produto input[placeholder*="CEP"],
.produto input[placeholder*="cep"],
.produto button[onclick*="frete"],
.produto button[onclick*="cep"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}


/* ==========================================================================
   4. REMOVER PERGUNTAS NO PRODUTO
   ========================================================================== */

.pagina-produto #componentePerguntas,
.pagina-produto .perguntas-respostas,
.pagina-produto .perguntas,
.pagina-produto [class*="pergunta"],
.pagina-produto [id*="pergunta"],
.produto #componentePerguntas,
.produto .perguntas-respostas,
.produto .perguntas,
.produto [class*="pergunta"],
.produto [id*="pergunta"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================================
   5. SELOS DO RODAPÉ
   Reclame Aqui fica controlado pelo HTML próprio
   ========================================================================== */

#rodape .selos,
#rodape .selos-seguranca,
.rodape .selos,
.rodape .selos-seguranca,
footer .selos,
footer .selos-seguranca {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    overflow-x: hidden !important;
}

#rodape .selos ul,
#rodape .selos-seguranca ul,
.rodape .selos ul,
.rodape .selos-seguranca ul,
footer .selos ul,
footer .selos-seguranca ul {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    overflow-x: hidden !important;
}

#rodape .selos li,
#rodape .selos-seguranca li,
.rodape .selos li,
.rodape .selos-seguranca li,
footer .selos li,
footer .selos-seguranca li {
    float: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#rodape .selos img,
#rodape .selos-seguranca img,
.rodape .selos img,
.rodape .selos-seguranca img,
footer .selos img,
footer .selos-seguranca img {
    max-width: 165px !important;
    max-height: 85px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Deixa o selo Google um pouco maior */
#rodape .selos li:nth-child(2) img,
#rodape .selos-seguranca li:nth-child(2) img,
.rodape .selos li:nth-child(2) img,
.rodape .selos-seguranca li:nth-child(2) img,
footer .selos li:nth-child(2) img,
footer .selos-seguranca li:nth-child(2) img {
    max-width: 180px !important;
    max-height: 90px !important;
}


/* ==========================================================================
   6. CNPJ / DIREITOS RESERVADOS
   ========================================================================== */

#rodape .copy,
#rodape .copyright,
#rodape .rodape-inferior,
#rodape p,
#rodape span,
#rodape small,
.rodape .copy,
.rodape .copyright,
.rodape .rodape-inferior,
.rodape p,
.rodape span,
.rodape small,
footer .copy,
footer .copyright,
footer .rodape-inferior,
footer p,
footer span,
footer small {
    visibility: visible !important;
    opacity: 1 !important;
}

#rodape .copy,
#rodape .copyright,
#rodape .rodape-inferior,
.rodape .copy,
.rodape .copyright,
.rodape .rodape-inferior,
footer .copy,
footer .copyright,
footer .rodape-inferior {
    display: block !important;
    text-align: center !important;
}


/* ==========================================================================
   7. MOBILE
   ========================================================================== */

@media (max-width: 768px) {

    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
        touch-action: pan-y !important;
    }

    #rodape .selos ul,
    #rodape .selos-seguranca ul,
    .rodape .selos ul,
    .rodape .selos-seguranca ul,
    footer .selos ul,
    footer .selos-seguranca ul {
        gap: 14px !important;
    }

    #rodape .selos img,
    #rodape .selos-seguranca img,
    .rodape .selos img,
    .rodape .selos-seguranca img,
    footer .selos img,
    footer .selos-seguranca img {
        max-width: 165px !important;
        max-height: 85px !important;
    }

    #rodape .selos li:nth-child(2) img,
    #rodape .selos-seguranca li:nth-child(2) img,
    .rodape .selos li:nth-child(2) img,
    .rodape .selos-seguranca li:nth-child(2) img,
    footer .selos li:nth-child(2) img,
    footer .selos-seguranca li:nth-child(2) img {
        max-width: 180px !important;
        max-height: 90px !important;
    }
}