@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

/* =========================================
   1. ESTILOS BASE E TIPOGRAFIA
   ========================================= */
body {
    font-family: 'Lato', sans-serif;
    background: #ffffff;
    color: #222222;
}

.full .nivel-um .titulo,
.listagem strong, 
.listagem .titulo,
.titulo {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.info-produto .nome-produto {
    color: #222222;
    font-weight: 700;
}

/* =========================================
   2. CABEÇALHO E BARRA INICIAL
   ========================================= */
.barra-inicial {
    background-image: linear-gradient(#febc00, #fecd03);
    padding: 8px 5px; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.05); 
}

/* DESTAQUE: Única loja oficial (Substitui os telefones antigos) */
.barra-inicial .canais-contato {
    font-size: 0 !important; /* Esconde os textos originais */
}
.barra-inicial .canais-contato * {
    display: none !important; /* Oculta ícones e links antigos de contato no topo */
}
.barra-inicial .canais-contato::after {
    content: '⭐ ÚNICA LOJA OFICIAL DA FRIGIGOLD';
    font-size: 15px; /* Tamanho elegante para o destaque */
    font-weight: 700;
    color: #222222;
    display: inline-block;
    padding-top: 5px;
    letter-spacing: 0.5px;
}

/* Redes Sociais no Topo */
.lista-redes .icon-bold { 
    display: none; 
} 

.barra-inicial .lista-redes .icon-facebook,
.barra-inicial .lista-redes .icon-instagram,
.barra-inicial .lista-redes .icon-twitter,
.barra-inicial .lista-redes .icon-youtube {
    font-size: 2.2em;
    transition: all 0.3s ease-in-out;
}

.barra-inicial .lista-redes .icon-facebook:hover,
.barra-inicial .lista-redes .icon-instagram:hover,
.barra-inicial .lista-redes .icon-twitter:hover,
.barra-inicial .lista-redes .icon-youtube:hover {
    transform: scale(1.1); 
}

/* Logo */
#cabecalho .logo a img {
    width: auto;
    max-width: 100%; 
    max-height: 90px; 
}

/* Carrinho */
#cabecalho .carrinho .qtd-carrinho {
    background: #000000;
    color: #ffffff;
}

/* =========================================
   3. PRODUTOS E BOTÃO COMPRAR (YELLOW FIX)
   ========================================= */
/* Esconde botões de quantidade e variação na vitrine */
.listagem .listagem-item .acoes-produto .adic-prod, 
.listagem .listagem-item .acoes-produto .qtd-prod {
    display: none;
}

/* Modernizando o Botão Comprar nas VITRINES (GRID) */
.listagem .listagem-item .acoes-produto .botao-comprar,
.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
    background: #febc00;
    color: #222222; 
    font-size: 18px;
    font-weight: 700;
    width: 95%; /* Mesma largura do WhatsApp */
    margin-left: auto; /* Centraliza o botão */
    margin-right: auto; /* Centraliza o botão */
    border-radius: 6px; 
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    border: none;
    padding: 12px 0;
    text-shadow: none !important;
    text-align: center !important; /* THE KEY FIX: Texto centralizado */
    display: block; /* Garante centralização pelo margin */
}

/* Modernizando o Botão Comprar na PÁGINA DO PRODUTO */
.pagina-produto .produto .acoes-produto .botao-comprar {
    background: #febc00;
    color: #222222; 
    font-size: 18px;
    font-weight: 700;
    width: 95% !important; /* Mesma largura do WhatsApp */
    margin-left: auto !important; /* Centraliza o botão */
    margin-right: auto !important; /* Centraliza o botão */
    border-radius: 6px; 
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    border: none !important;
    padding: 12px 0;
    text-shadow: none !important;
    text-align: center !important; /* THE KEY FIX: Texto centralizado */
    display: block !important; /* Garante centralização pelo margin */
}

.listagem .listagem-item .acoes-produto .botao-comprar:hover,
.pagina-produto .produto .acoes-produto .botao-comprar:hover {
    background: #fecd03;
    transform: translateY(-2px); 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Bandeira de Desconto/Promoção */
.bandeiras-produto .bandeira-promocao {
    background: #febc00;
    color: #222222;
    font-weight: bold;
    border-radius: 4px;
}

/* Redes sociais na página interna do produto */
.produto-compartilhar #st-1 .st-btn {
    background: #febc00 !important;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

.produto-compartilhar #st-1 .st-btn:hover {
    filter: brightness(0.9);
}

/* =========================================
   4. RODAPÉ E NEWSLETTER
   ========================================= */
#barraNewsletter .posicao-rodape {
    background-image: linear-gradient(#febc00, #fecd03);
    border-top: 3px solid #e5a900; 
}

#barraNewsletter .posicao-rodape .componente .newsletter-assinar {
    background: #000000; 
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}

#barraNewsletter .posicao-rodape .componente .newsletter-assinar:hover {
    background: #333333;
}

/* =========================================
   5. LIMPEZA E WORKAROUNDS
   ========================================= */
/* Oculta botão de subir (Mantendo o foco limpo) */
.scrollToTop {
    display: none !important;
}

/* =========================================
   6. RESPONSIVO (MOBILE)
   ========================================= */
@media screen and (max-width: 767px) {
    .atalhos-mobile {
        background: var(--cor-gradiente);
    }
    
    .botao .principal {
        background: #febc00;
        border-radius: 6px;
    }

    /* Centralização dos botões comprar nas vitrines no celular */
    .acoes-produto .botao-comprar {
        width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        text-align: center !important; /* THE KEY FIX: Texto centralizado */
        border: none !important;
    }
}

/* =========================================
   7. NOVO BOTÃO WHATSAPP CUSTOMIZADO (MANTIDO)
   ========================================= */
.acoes-produto .botao-whatsapp-custom {
    display: block;
    width: 95%; /* Mesma largura do amarelo */
    margin-left: auto; /* Centraliza o botão */
    margin-right: auto; /* Centraliza o botão */
    
    background: #128C7E;
    color: #ffffff !important;
    text-align: center;
    
    padding: 10px 0; /* Compact padding */
    
    margin-top: 15px;
    border-radius: 6px; 
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
    border: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

/* Efeito ao passar o mouse */
.acoes-produto .botao-whatsapp-custom:hover {
    background: #075E54; /* Verde mais escuro no hover */
    color: #ffffff !important;
    transform: translateY(-2px); /* Botão "levanta" */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    text-decoration: none !important;
}