@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&display=swap');
/* Força o desaparecimento do Menu Superior inteiro */
.menu.superior,
.menu-superior,
#cabecalho .menu.superior,
#cabecalho .conteiner .menu.superior {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Garante que não sobre borda ou fundo cinza */
.secao-topo .menu.superior {
    background: none !important;
    border: none !important;
}
/* Arredonda o campo de busca e o botão */
.busca .conteiner-input {
    border-radius: 30px 0 0 30px;
    border: 1px solid #000; /* Borda preta fina */
}
.busca .botao-busca {
    border-radius: 0 30px 30px 0;
    background: #000 !important; /* Fundo Preto */
    color: #fff !important; /* Lupa Branca */
}
/* Muda a cor dos botões principais para Preto e Dourado */
.botao.principal, .botao.comprar {
    background-color: #000 !important; /* Fundo Preto */
    color: #fff !important; /* Texto Branco */
    border-radius: 5px !important; /* Levemente arredondado */
    font-weight: bold;
    text-transform: uppercase; /* Letra maiúscula fica mais elegante */
    border: none !important;
    box-shadow: none !important;
}

/* Efeito quando passa o mouse (fica Dourado/Creme da embalagem) */
.botao.principal:hover, .botao.comprar:hover {
    background-color: #D4AF37 !important; /* Tom Dourado/Bege */
    color: #000 !important;
}
/* Remove as linhas pontilhadas entre os produtos */
.listagem .listagem-linha li {
    border: none !important;
}
.listagem .listagem-linha {
    border: none !important;
}
/* Nova Fonte: Cormorant Garamond (Ajuste Maiúscula/Minúscula) */
.info-produto .nome-produto {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important; /* Aumentei um pouco para compensar a letra minúscula */
    color: #000 !important;
    text-transform: none !important; /* Isso faz respeitar a escrita original (Maiúscula/Minúscula) */
    font-weight: 600 !important;
    letter-spacing: 0px !important; /* Letras minúsculas pedem menos espaçamento */
    line-height: 1.1 !important;
}

/* Preço */
.info-produto .preco-por {
    font-family: 'Cormorant Garamond', serif !important;
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 600;
}

/* Preço acompanhando a leveza */
.info-produto .preco-por {
    font-family: 'Cormorant Garamond', serif !important;
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 600;
}

/* Aplica também no Preço */
.info-produto .preco-por {
    font-family: 'Bodoni Moda', serif !important;
    color: #000 !important;
    font-size: 20px !important;
    font-weight: 700;
}
/* Aumenta e destaca o preço */
.info-produto .preco-por {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: bold;
}
/* Muda o fundo da Newsletter para o Creme da Nero */
.newsletter,
.newsletter .componente {
    background-color: #FDF5E6 !important; /* Cor Creme */
    border: none !important; /* Remove bordas cinzas */
}

/* Ajusta a cor do texto para Preto (caso não esteja) para dar contraste */
.newsletter .texto-newsletter,
.newsletter .titulo {
    color: #000 !important;
}
/* Deixa o campo de e-mail da newsletter mais elegante */
.newsletter input[type="email"] {
    border: 1px solid #000 !important;
    border-radius: 0 !important; /* Ou use 30px se quiser arredondado igual a busca */
}
/* Muda o fundo da área de busca para o Creme da Nero */
.busca {
    background-color: #FDF5E6 !important;
    border: none !important; /* Remove a borda cinza externa */
    padding: 10px !important; /* Dá um respiro para não ficar apertado */
    border-radius: 5px !important; /* Um leve arredondamento no container */
}
/* --- INICIO: Alterar cor de fundo do Carrinho --- */

/* Altera o fundo da caixa principal do carrinho e remove bordas cinzas */
body.pagina-carrinho .caixa-sombreada,
body.pagina-carrinho .well {
    background-color: #fffdd0 !important; /* Código da cor Creme */
    border: 1px solid #fffdd0 !important; /* Cor da borda igual ao fundo */
    box-shadow: none !important; /* Remove a sombra cinza se houver */
}

/* Garante que o fundo das linhas da tabela seja transparente para pegar a cor creme */
body.pagina-carrinho table.tabela-carrinho tbody tr td {
    background-color: transparent !important;
}

/* Ajusta o fundo do cabeçalho da tabela (Produto, Qtd, Preço) se ele estiver cinza */
body.pagina-carrinho table.tabela-carrinho thead th {
    background-color: transparent !important;
    border-bottom: 1px solid #e0e0e0 !important; /* Mantém uma linha sutil abaixo do cabeçalho */
}

/* --- FIM: Alterar cor de fundo do Carrinho --- */