/* Import da fonte Lato */
@import url('//fonts.googleapis.com/css?family=Lato');

/* Fonte Lato em TODO o site */
body,
html,
* {
    font-family: 'Lato', sans-serif !important;
}

/* Reforço Lato em áreas comuns que resistem */
.description *,
.product-description *,
.tab-content *,
.tab-pane *,
.preco *,
.product-title,
.titulo-produto,
.nome-produto,
span[style*="font-family"],
strong,
b,
li span,
p span,
h1, h2, h3, h4, h5, h6,
.menu-categorias *,
.nav-categorias *,
.subcategoria *,
.lista-categorias * {
    font-family: 'Lato', sans-serif !important;
}

/* Cor #BFA88F nas descrições completas dos produtos */
.tab-content .active,
.tab-content .active *,
.description,
.product-description,
.tab-pane.active,
.tab-pane.active *,
ul, ol, li,
p, h2, h3, h4, strong, b, span,
span[style*="color"],
.description ul li,
.description p,
.description h2,
.description strong {
    color: #BFA88F !important;
}

/* Cor #BFA88F nos títulos dos produtos (vitrine e página) */
h1.product-title,
.product-title,
.titulo-produto,
.produto-nome,
.nome-produto,
.product-single__title,
.grid-produto .titulo,
.vitrine .titulo,
.destaques .titulo {
    color: #BFA88F !important;
}

/* Cor #BFA88F em TODOS os elementos de preço (principal, parcelado, desconto, "no pix", etc.) */
.preco,
.preco-venda,
.preco-promocional,
.preco-parcela,
.preco-pix,
.desconto-pix,
.preco-com-desconto,
.installment-price,
.preco-produto,
.preco-desconto-avista,
.desconto-avista,
.preco *,
.preco-produto *,
.preco-desconto-avista *,
.desconto-avista *,
.preco-parcela *,
.preco-produto span,
.preco-produto strong,
.preco-produto b,
.preco-parcela strong,
.preco-parcela span,
.preco-desconto-avista span,
.preco-desconto-avista strong,
.desconto-avista b,
.desconto-avista strong,
.preco-produto .desconto-avista b,
.preco-produto:nth-child(2) *,
.preco-produto:nth-child(3) * {
    color: #BFA88F !important;
}

/* Cor #BFA88F no menu principal, dropdowns e submenus */
.nav-categorias a,
.nav-categorias li a,
.menu-categorias a,
.menu-categorias li a,
.subcategoria a,
.categoria a,
.menu-lateral a,
.lista-categorias a,
.dropdown-menu a,
.nav-submenu a,
.menu-dropdown li a,
.submenu a,
.categoria-nivel-2 a,
.nav-categorias a:hover,
.menu-categorias a:hover,
.subcategoria a:hover,
.categoria a:hover,
.menu-lateral a:hover,
.lista-categorias a:hover,
.dropdown-menu a:hover {
    color: #BFA88F !important;
}

/* Reforço ultra-específico para "com 10% de desconto" (vence a regra do tema .desconto-avista b) */
.desconto-avista b,
.preco-desconto-avista b {
    color: #BFA88F !important;
}

/* Força em todos os filhos do desconto-avista e preco-desconto-avista */
.desconto-avista *,
.preco-desconto-avista * {
    color: #BFA88F !important;
}
.produto-detalhes .desconto-avista b,
.precos-wrap .desconto-avista b,
.preco-produto .desconto-avista b {
    color: #BFA88F !important;
}
/* Correção da bolinha de desconto na capa/home/vitrine - fundo mais escuro e texto claro */
.desconto,
.badge-desconto,
.off-badge,
.porcentagem-desconto,
.produto-desconto,
.desconto-vitrine,
.circle-desconto,
.label-desconto,
.off-circle,
.desconto-produto,
.desconto-item,
.promocao-badge,
.desconto-circle,
.desconto-label,
.desconto-porcentagem {
    background-color: #8B6F47 !important;  /* Fundo marrom escuro (contraste alto com #BFA88F) - ajuste se quiser */
    color: #FFFFFF !important;  /* Texto branco puro para máxima legibilidade */
    border: 2px solid #FFFFFF !important;  /* Borda branca para destacar mais a bolinha */
    font-weight: bold !important;  /* Negrito para o texto "%" */
}

/* Reforço para texto dentro da bolinha (span, strong, b) */
.desconto span,
.desconto strong,
.desconto b,
.off-badge span,
.desconto-vitrine span,
.desconto-produto * {
    color: #FFFFFF !important;
}

/* Hover (quando passa o mouse, mantém visível e melhora contraste) */
.desconto:hover,
.off-badge:hover,
.desconto-vitrine:hover {
    background-color: #7A5F3A !important;  /* Um pouco mais escuro no hover */
    opacity: 1 !important;  /* Evita sumir ou ficar transparente */
}

/* Tamanho e posição (opcional, se a bolinha estiver muito pequena ou deslocada) */
.desconto,
.off-badge,
.desconto-vitrine {
    font-size: 14px !important;  /* Aumenta o texto se estiver pequeno */
    min-width: 60px !important;
    height: 60px !important;
    line-height: 60px !important;
}