/* ==========================================
   CORES BASE DO TEMA - ATLAS PARAFUSOS
   ========================================== */
:root {
--csOfsT:#ffffff;
--csOfs:#000000;
--cOfsP2T:#ffffff;
--cOfsP2:#000000;
--cOfsPT:#ffffff;
--cOfsP:#000000;
--cOfsVT:#ffffff;
--cOfsV:#000000;
--cOfsMS:#000000;
--cOfsMT:#c7c7c7;
--cOfsM:#000000;
--csCorPrincipal:#b81218; 
--csBotoes:#b81218;
--csSuporte:#27bf64;
--csSuporteIcone:#ffffff;
--csInfoDestaque:#f1f1f1;
--csInfoDestaqueTxt:#565656;
--csCab:#b81218;
--csCabTxt:#ffffff;
--csBusca:#ffffff;
--csBuscaTxt:#808080;
--csCarrinhoqtd:#ffffff;
--csCarrinhoqtdn:#b81218;
--csMenu:#ffffff;
--csMenuTxt:#201f1f;
--csTodasCategorias:#ffffff;
--csBandeiraDesconto:#ee8403;
--csBp1:#ee8403;
--csBp2:#4a93d4;
--csBp3:#6aa84f;
--cFundo:#ffffff;
--cBotoes:#b81218;
--cBotoesTxt:#ffffff;
--cTitulos:#201f1f;
--cAlerta:#f71100;
--cdP:#b12760;
--cSuporte:#51a92b;
--cSuporteIcone:#ffffff;
--cBarra:#ffffff;
--cBarraTxt:#606060;
--cInfoDestaque:#f71100;
--cInfoDestaqueIcone:#ffffff;
--cInfoDestaqueTxt:#ffffff;
--cCab:#b81218; 
--cCabIcones:#ffffff; 
--cCabTxt:#ffffff; 
--cBusca:#ffffff; 
--cBuscaTxt:#808080;
--cCarrinhoqtd:#ffffff;
--cCarrinhoqtdn:#b81218;
--cMenu:#ffffff; 
--cMenuTxt:#201f1f; 
--cTodasCategoriasIcone:#ffffff;
--cTodasCategoriasTxt:#ffffff; 
--cBannerF:#f71100;
--cBannerN:#ffffff;
--cBannerP:#ffffff;
--cBannerB:#51a92b;
--cBannerBTxt:#ffffff;
--cTarja:#ffffff;
--cTarjaIcone:#201f1f;
--cTarjaTxt:#f71100;
--cTarjaSub:#201f1f;
--cPreco:#b81218;
--cPix:#f3f6f4;
--cPixIcone:#b81218;
--cPixTxt:#201f1f;
--cBotaoWP:#ffffff;
--cBotaoWPTxt:#199a64;
--cBotaoWPBorda:#199a64;
--cBandeiraDesconto:#51a92b;
--cBandeiraDescontoTxt:#ffffff;
--cBandeiraFrete:#199a64;
--cBandeiraFreteTxt:#ffffff;
--cBp1:#e69138;
--cBp1Txt:#ffffff;
--cBp2:#c12c2c;
--cBp2Txt:#ffffff;
--cBp3:#653239;
--cBp3Txt:#ffffff;
--cVMarcas:#f7f7f7;
--cVMarcasTxt:#201f1f;
--cVVideo:#f7f7f7;
--cVVideoTxt:#201f1f;
--cVBlog:#ffffff;
--cVBlogTxt:#201f1f;
--cVBlogD:#f71100;
--cVDepoimentos:#f7f7f7;
--cVDepoimentosTxt:#201f1f;
--cNewsletter:#ffffff;
--cNewsletterTxt:#201f1f;
--cNewsletterCaixa:#f6f6f6;
--cNewsletterCaixaTxt:#323232;
--cRodape:#ffffff;
--cRodapeTxt:#201f1f;
--cRodapeRedes:#f3f3f3;
--cRodapeRedesTxt:#424242;
--cRodapeInferior:#ffffff;
--cRodapeInferiorTxt:#181818;
--cLancamento:#b81218;
--cDesc:#f9f9f9;
--cDescTxt:#201f1f;
}

/* ==========================================
   CUSTOMIZAÇÕES ATLAS - FORÇANDO O ESTILO
   ========================================== */

/* 1. Transformando o fundo do Header (flutuante e arredondado) */
#cabecalho {
    background-color: transparent !important;
    padding-top: 15px !important; 
}

#cabecalho > .conteiner {
    background-color: var(--cCab) !important;
    border-radius: 20px !important;
    padding: 15px 25px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* 2. Textos e Ícones do cabeçalho em Branco */
#cabecalho a, #cabecalho i, #cabecalho span, #cabecalho strong {
    color: #ffffff !important;
}

/* 3. Ajustando as caixinhas de Contato, Conta e Carrinho */
#cabecalho .acoes-conta > li, 
#cabecalho .carrinho-interno {
    border: 1px solid rgba(255,255,255,0.4) !important;
    border-radius: 8px !important;
    padding: 8px 15px !important;
    background-color: transparent !important;
}

/* 4. Barra de Busca Arredondada */
#cabecalho .busca {
    background-color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 2px !important;
    overflow: hidden;
}

#cabecalho .busca input {
    border: none !important;
    background-color: transparent !important;
    color: #333333 !important;
    box-shadow: none !important;
}

#cabecalho .busca .botao-busca {
    background-color: transparent !important;
    color: #b81218 !important; /* Lupa vermelha */
    border: none !important;
    font-size: 18px !important;
}
#cabecalho .busca .botao-busca i {
    color: #b81218 !important; 
}

/* 5. Menu de Categorias */
.menu.superior {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    margin-top: 15px !important; /* Descola do cabeçalho */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Texto das categorias em cinza/escuro */
.menu.superior .nivel-um > li > a {
    color: #333333 !important;
    font-weight: 600 !important;
}

/* Bloco "Todas as Categorias" em vermelho */
.menu.superior .todas-categorias {
    background-color: #b81218 !important;
    border-radius: 12px 0 0 12px !important;
}

.menu.superior .todas-categorias a, 
.menu.superior .todas-categorias i, 
.menu.superior .todas-categorias span {
    color: #ffffff !important;
}

/* 6. Fonte da loja */
body, input, select, .titulo, button, textarea, .pagina-pagina .caixa-sombreada p {
    font-family: 'Libre Franklin', sans-serif !important;
}

/* 7. Ordem das Vitrines (Padrão Grand Store) */
.vitrine-produtos {order:1}
.vitrine-destaque {order:5}
.vitrine-mas-vendido {order:3}
.vitrine-lancamento {order:8}
.vitrine-instagram {order:10}
.vitrine-marcas {order:6}
.vitrine-video {order:7}
.vitrine-depoimentos {order:2}
.vitrine-blog {order:9}
.produto-descricao {order:2}
.produto-comentarios {order:3}
.produto-aproveite {order:4}
.produto-comprejunto {order:1}
.pagina-categoria .banner.vitrine {order:2}
.pagina-categoria #listagemProdutos {order:4}
.categoria-descricao {order:1}
.categoria-newsletter {order:3}