/* ==========================================================
   1. RODAPÉ INFERIOR - ANTIGÃO BIZURADO
   ========================================================== */
#rodape .rodape-inferior, .rodape-inferior {
    background-color: #2d4739 !important;
    border-top: 1px solid #1c3328 !important;
    padding: 10px 0 !important;
}
#rodape .rodape-inferior .texto-copia, #rodape .rodape-inferior p, .rodape-inferior .copyright, #rodape .rodape-inferior span, #rodape .rodape-inferior div {
    color: #ffffff !important;
}
#rodape .rodape-inferior img, .rodape-inferior svg, .rodape-inferior .logos-rodape img, #rodape .rodape-inferior a img, .desenvolvimento img, .plataforma img {
    filter: none !important;
    opacity: 1 !important;
    background: transparent !important;
}

/* TRAVA ANTI-ESPAÇO BRANCO NO FINAL DA PÁGINA */
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}
#rodape, .rodape-inferior {
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
}

/* ==========================================================
   2. CABEÇALHO E CATEGORIAS - EXCLUSIVO PARA COMPUTADOR (DESKTOP)
   ========================================================== */
@media only screen and (min-width: 768px) {
    #cabecalho .conteudo-topo {
        padding: 8px 0 !important;
    }
    #cabecalho .logo a img, #cabecalho .logo img {
        max-height: 120px !important; 
        width: auto !important;
    }
    #cabecalho .busca-painel, #cabecalho .acoes-conta, #cabecalho .carrinho-painel {
        margin-top: 25px !important;
        margin-bottom: 10px !important;
    }
    #cabecalho .menu.superior, .menu.superior, #cabecalho .menu.superior .nivel-um {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        min-height: auto !important;
    }
    #cabecalho .menu.superior .titulo {
    padding: 2px 12px !important;
    line-height: 1 !important;
    font-size: 13px !important;
}
}

/* ==========================================================
   3. REESTRUTURAÇÃO DO CABEÇALHO - EXCLUSIVO PARA CELULAR (MOBILE)
   ========================================================== */
@media only screen and (max-width: 767px) {
    #cabecalho .conteudo-topo {
        padding: 10px 0 !important;
        position: relative !important;
        display: block !important;
    }
    #cabecalho .logo,
    #cabecalho .logo a,
    .logo-linha,
    .brand {
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    #cabecalho .logo a img, 
    #cabecalho .logo img,
    .logo img,
    .brand img {
        max-height: 90px !important;
        height: 90px !important;
        width: auto !important;
        display: inline-block !important;
        margin: 0 auto !important;
    }
    #cabecalho .busca-painel {
        display: block !important;
        width: 100% !important;
        position: relative !important;
        clear: both !important;
        margin-top: 15px !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    #cabecalho .busca input {
        width: 100% !important;
        height: 42px !important;
    }
}

/* ==========================================================
   RODAPÉ PREMIUM - ANTIGÃO BIZURADO
   ========================================================== */
#rodape .titulo, 
#rodape h5, 
#rodape .componente div h3,
#rodape th {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
#rodape .redes-sociais a,
#rodape .redes-sociais a i,
#rodape .redes-sociais a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    opacity: 0.85 !important;
    transition: all 0.2s ease-in-out !important;
}
#rodape .redes-sociais a:hover,
#rodape .redes-sociais a:hover i,
#rodape .redes-sociais a:hover svg {
    opacity: 1 !important;
    color: #ffb600 !important;
    fill: #ffb600 !important;
    transform: translateY(-2px) !important;
}
#rodape a {
    transition: all 0.2s ease !important;
}
#rodape a:hover {
    color: #ffb600 !important;
    text-decoration: none !important;
}

/* ==========================================================
   PADRONIZAÇÃO TÁTICA DE PREÇOS E PIX (VERDE METRALHA)
   ========================================================== */
.preco-produto .preco-venda, 
.preco-produto strong.cor-principal {
    color: #1cbd55 !important;
}
.desconto-pix, 
.pagina-produto .comprar .desconto-pix,
div[class*="desconto-pix"] {
    background-color: #f4fbf7 !important;
    border: 1px solid #1cbd55 !important;
    color: #111111 !important;
}
.desconto-pix strong, 
.desconto-pix .cor-principal,
.desconto-pix span[class*="tag"] {
    background-color: #1cbd55 !important;
    color: #ffffff !important;
}
.desconto-pix .titulo {
    color: #1cbd55 !important;
}
.formas-pagamento .sub-total[data-bandeira="pix"] img,
img[alt*="Pix"], img[src*="pix"] {
    filter: grayscale(0%) contrast(120%) !important;
}

/* ==========================================================
   DESENCALHE BRUTO: EMPURRA O BRASÃO PARA CIMA DO TEXTO
   ========================================================== */
@media only screen and (max-width: 767px) {
    #rodape .rodape-inferior .container,
    #rodape .rodape-inferior .container > .row-fluid,
    .rodape-inferior .conteudo-rodape {
        display: block !important;
        position: relative !important;
        text-align: center !important;
    }
    #rodape .rodape-inferior .span4,
    #rodape .rodape-inferior .brand,
    #rodape .rodape-inferior .logo-rodape,
    #rodape .rodape-inferior a img,
    .rodape-inferior img[alt*="Antigão"] {
        position: relative !important;
        display: block !important;
        float: none !important;
        margin: 0 auto 15px auto !important;
        top: 0 !important;
        left: 0 !important;
        max-height: 75px !important;
        width: auto !important;
    }
    #rodape .rodape-inferior .span8,
    #rodape .rodape-inferior p,
    #rodape .rodape-inferior .texto-copia {
        position: relative !important;
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 10px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
}
/* ==========================================================
   CORREÇÃO: BRASÃO SOBRE O TEXTO NA SEÇÃO "SOBRE A LOJA" (MOBILE)
   ========================================================== */
@media only screen and (max-width: 767px) {
    #rodape .sobre-loja-rodape.rodape-coluna {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        position: relative !important;
    }
    #rodape .sobre-loja-rodape .logo {
        position: static !important;
        float: none !important;
        width: 90px !important;
        max-width: 90px !important;
        height: auto !important;
        margin: 0 auto 15px auto !important;
        order: -1 !important;
        z-index: 1 !important;
    }
    #rodape .sobre-loja-rodape .logo a {
        position: static !important;
        display: block !important;
    }
    #rodape .sobre-loja-rodape .logo a img {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 auto !important;
        max-height: 90px !important;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }
    #rodape .sobre-loja-rodape p {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        order: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 15px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        z-index: 2 !important;
    }
}

/* Botão "Continuar comprando" */
.acao-editar .span12 a.botao {
    background-color: #1cbd55 !important;
    border-color: #1cbd55 !important;
    color: #ffffff !important;
}
.acao-editar .span12 a.botao:hover {
    background-color: #159c45 !important;
}

/* Botões "Calcular" (frete) e "Usar cupom" */
#btn-frete,
#btn-cupom {
    background-color: #1cbd55 !important;
    border-color: #1cbd55 !important;
    color: #ffffff !important;
}
#btn-frete:hover,
#btn-cupom:hover {
    background-color: #159c45 !important;
}

/* Botão "Continuar comprando" no popup de "produto adicionado" */
#qac-popup-keep,
.qac-popup-btn-keep {
    background-color: #1cbd55 !important;
    color: #ffffff !important;
}
#qac-popup-keep:hover,
.qac-popup-btn-keep:hover {
    background-color: #159c45 !important;
}

/* Cores individuais da faixa de vantagens */
.vantagem.vantagem1, .vantagem.vantagem1 svg, .vantagem.vantagem1 i, .vantagem.vantagem1 path {
    color: #1c7ed6 !important;
    fill: #1c7ed6 !important;
}
.vantagem.vantagem2, .vantagem.vantagem2 svg, .vantagem.vantagem2 i, .vantagem.vantagem2 path {
    color: #7f56d9 !important;
    fill: #7f56d9 !important;
}
.vantagem.vantagem3, .vantagem.vantagem3 svg, .vantagem.vantagem3 i, .vantagem.vantagem3 path {
    color: #32BCAD !important;
    fill: #32BCAD !important;
}
.vantagem.vantagem4, .vantagem.vantagem4 svg, .vantagem.vantagem4 i, .vantagem.vantagem4 path {
    color: #ffb600 !important;
    fill: #ffb600 !important;
}
.vantagem.vantagem5, .vantagem.vantagem5 svg, .vantagem.vantagem5 i, .vantagem.vantagem5 path {
    color: #229c47 !important;
    fill: #229c47 !important;
}

/* Nível 1 - Categoria mãe (cabeçalho do painel, ex: "Enxoval PM & BM") */
.categoria-pai-level2 strong.titulo {
    color: #181818 !important;
}

/* Nível 2 - Região (ex: "Região Centro-Oeste") */
ul.level2 > li.item-level2 > a {
    color: #181818 !important;
    font-weight: 700 !important;
}

/* Nível 3 - Estado (ex: "Distrito Federal (DF)") */
ul.level2 > li.item-level2 > ul.level3 > li.item-level3 > a {
    color: #2d4739 !important;
    font-weight: 700 !important;
}

/* Nível 4 - Força/Item final (ex: "Bombeiro Militar - CBMDF") */
ul.level2 > li.item-level2 > ul.level3 > li.item-level3 > ul.level3 > li.item-level3 > a {
    color: #4a4a4a !important;
    font-weight: 400 !important;
    transition: color 0.2s ease;
}
ul.level2 > li.item-level2 > ul.level3 > li.item-level3 > ul.level3 > li.item-level3 > a:hover {
    color: #181818 !important;
}

/* Popup Central de Atendimento */
.atendimento-content .contato-titulo span {
    color: #2d4739 !important;
    font-weight: 700 !important;
}
.atendimento-content .contato-titulo svg {
    fill: #1cbd55 !important;
}

/* ==========================================================
   CORREÇÃO CIRÚRGICA DEFINITIVA: TÍTULOS DA PARTE INFERIOR
   ========================================================== */
#rodape .rodape-inferior .pagamento-envio .titulo,
#rodape .rodape-inferior .titulo-rodape,
.rodape-inferior [class*="titulo"],
#rodape .rodape-inferior h3.titulo,
.rodape-inferior h3 {
    color: #181818 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* CORREÇÃO: títulos de Pagamento / Selos / Formas de envio (área branca do rodapé) */
#rodape .pagamento-selos .titulo {
    color: #181818 !important;
}

/* ==========================================================
   CENTRALIZA BRASÃO + TEXTO NA SEÇÃO "SOBRE A LOJA" (DESKTOP)
   ========================================================== */
@media only screen and (min-width: 768px) {
    #rodape .sobre-loja-rodape.rodape-coluna {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    #rodape .sobre-loja-rodape .logo {
        margin: 0 auto 15px auto !important;
    }
    #rodape .sobre-loja-rodape p,
    #rodape .sobre-loja-rodape .texto-copia {
        width: 100% !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
}

@media only screen and (max-width: 767px) {
    #rodape .sobre-loja-rodape .logo,
    #rodape .sobre-loja-rodape .logo a,
    #rodape .sobre-loja-rodape .logo a img {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        inset: auto !important;
    }
}

@media only screen and (max-width: 767px) {
    #rodape .sobre-loja-rodape .logo,
    #rodape .sobre-loja-rodape .logo a {
        height: auto !important;
        min-height: 90px !important;
    }
}

/* Centraliza o texto das vantagens que quebram em duas linhas */
.vantagem.vantagem2 *,
.vantagem.vantagem4 * {
    text-align: center !important;
}

/* Destaca o tamanho selecionado (calças, camisetas, etc.) */
.atributos li.active a.atributo-item {
    background-color: #ff6b00 !important;
    border-color: #ff6b00 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Caixa de quantidade - borda e número */
.qtde-adicionar-carrinho {
    border: 1px solid #181818 !important;
    border-radius: 4px !important;
}
.qtde-adicionar-carrinho .qtde-carrinho {
    color: #181818 !important;
    font-weight: 700 !important;
}

/* Botões + e - (são SVG, não texto) */
.quantity-button.botao-quantidade {
    border-color: #181818 !important;
}
.quantity-button.botao-quantidade svg,
.quantity-button.botao-quantidade svg path {
    fill: #181818 !important;
}

/* Adiciona borda nas opções de cor branca */
.qac-option-color[style*="FFFFFF"] {
    border: 2px solid #181818 !important;
    box-sizing: border-box;
}