/* ==========================================================
   CANDY DESIGN - CÓDIGO MESTRE FINAL (CSS PURO)
   TEMA: CANTOS ARREDONDADOS | IDENTIDADE: LAYU ONLINE
   ========================================================== */

/* --- 1. FONTE MONTSERRAT (SEGURA) --- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap');

/* Aplica a fonte APENAS em textos, protegendo os ícones */
body, p, a, span, h1, h2, h3, h4, div, label, input, button, select, textarea, .nome-produto, strong, b {
    font-family: 'Montserrat', sans-serif !important;
}

/* Força a fonte de ícones correta para o WhatsApp e outros */
i, .fa, .fab, .fas, .far, .icon, [class^="icon-"], .icon-whatsapp {
    font-family: 'FontAwesome' !important;
    font-weight: normal !important;
    font-style: normal !important;
}

/* --- 2. SUMIR COM TÍTULOS DOS BANNERS (MÉTODO INVISÍVEL) --- */
/* Deixa o texto transparente e com tamanho zero */
.banner .titulo,
.banner-tarja .titulo,
.banner-vitrine .titulo,
.banner-pequeno .titulo,
.info-banner,
.titulo-banner-tarja,
.tarja-conteudo {
    font-size: 0px !important;
    color: transparent !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* --- 3. IDENTIDADE VISUAL: LARANJA LAYU (#FF8C00) --- */
/* Botões Sólidos */
.botao.principal, 
.acoes-produto .botao-comprar, 
.newsletter .botao, 
.busca button, 
.busca .botao-busca {
    background-color: #FF8C00 !important;
    border-color: #FF8C00 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border-radius: 50px !important;
}

/* Efeito Hover nos Botões */
.botao.principal:hover, 
.acoes-produto .botao-comprar:hover,
.busca button:hover {
    background-color: #e67e00 !important;
    opacity: 1 !important;
}

/* Textos e Ícones Laranjas */
.preco-produto .preco-venda, 
.preco-produto .preco-por,
.carrinho > a i, 
.minha-conta > a i, 
.busca i {
    color: #FF8C00 !important;
}

/* Lupa dentro do botão laranja deve ser branca */
.busca button i, .busca .botao-busca i {
    color: #ffffff !important;
}

/* --- 4. CABEÇALHO E NAVEGAÇÃO CLEAN --- */
/* Fundo Branco Sólido (Evita transparência indesejada) */
#cabecalho, .conteiner-principal, .menu.superior {
    background-color: #ffffff !important;
}

/* Ajuste da Barra de Busca (Arredondada) */
.busca {
    background: transparent !important;
    border: none !important;
    border-radius: 50px;
    padding: 0 !important;
}
.busca input {
    border-radius: 50px 0 0 50px !important;
    background-color: #f4f4f4 !important;
    border: 1px solid #e0e0e0 !important;
    height: 40px !important;
    box-shadow: none !important;
}

/* Comportamento ao Rolar (Sticky Header Elegante) */
.conteiner-principal.fixed, 
.menu.superior.fixed {
    background-color: #ffffff !important; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important; /* Sombra suave */
    border-bottom: 1px solid #eee !important;
}

/* --- 5. CARDS DE PRODUTOS (ELEGANTES) --- */
.listagem .listagem-item {
    background-color: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
    transition: all 0.3s ease;
}

/* Hover: Sombra aumenta, mas borda continua discreta (NÃO fica laranja) */
.listagem .listagem-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.12) !important;
    border-color: #dcdcdc !important;
}

/* Remove bordas duplas internas */
.listagem-item .produto-sobrepor, 
.listagem-item .imagem-produto, 
.listagem-item .info-produto {
    border: none !important;
    box-shadow: none !important;
}