/* =========================
   MAKTUB PRATAS - VERSÃO SUPREMA (CORREÇÃO TOTAL DE CORES)
   ========================= */

:root {
  --mktb-navy: #2A1A14; /* Marrom escuro profundo (Texto e Ícones) */
  --mktb-silver: #D9B4AD; /* Rosa nude/empoeirado (Botões e Destaques) */
  --mktb-ice: #F7F0E9; /* Creme claro (Fundo) */
  --mktb-white: #FFFFFF;
}

/* Fundo Geral */
body {
  background: linear-gradient(180deg, var(--mktb-ice) 0%, #FCF8F5 55%) !important;
}

/* =========================
   1. SELOS (OFERTA / LANÇAMENTO)
   ========================= */
html body #wrapper #product-list .tag-deal,
html body #product-list .tag-deal,
html body .tag-deal,
#product-list .product-list-item .tag,
#product-list .product-list-item [class*="tag"],
#product-list .product-list-item [class*="label"],
.tag-deal, .tag-new, .label-deal, .label-new {
    background: linear-gradient(180deg, #E6C8C3 0%, #D9B4AD 100%) !important;
    background-color: var(--mktb-silver) !important;
    color: var(--mktb-navy) !important;
    border: 1px solid rgba(42,26,20,0.15) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 4px 12px !important;
    border-radius: 8px !important;
    display: inline-block !important;
}

/* =========================
   2. VITRINE (HOME) - PREÇO E ALINHAMENTO
   ========================= */
#product-list .product-list-item .product-list-item-inner {
  background: rgba(255,255,255,0.96) !important;
  border: 1px solid rgba(217,180,173,0.4) !important; 
  border-radius: 16px !important;
}

/* PREÇO: 17px e Marrom Escuro */
#product-list .product-list-item .price, 
#product-list .product-list-item .product-price,
#product-list .product-list-item strong {
  font-family: Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important; 
  color: var(--mktb-navy) !important;
}

/* =========================
   3. FORÇA BRUTA: TODOS OS BOTÕES DE COMPRA E QUANTIDADE
   ========================= */
html body .botao-commerce, 
html body .botao-comprar, 
html body #button-buy, 
html body .btn-comprar, 
html body .comprar,
html body .buy-button,
html body button[type="submit"].botao-commerce,
html body form .botao-commerce,
html body .quantity button,
html body .qtd-plus,
html body .qtd-minus,
html body .btn-plus,
html body .btn-minus,
html body .qty-btn,
html body #product-list .product-list-item .botao-commerce {
    background: var(--mktb-silver) !important;
    background-color: var(--mktb-silver) !important;
    color: var(--mktb-navy) !important;
    border: 1px solid rgba(42,26,20,0.1) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Efeito ao passar o mouse */
html body .botao-commerce:hover, 
html body .botao-comprar:hover, 
html body #button-buy:hover, 
html body .btn-comprar:hover, 
html body .comprar:hover,
html body .quantity button:hover,
html body .qtd-plus:hover,
html body .qtd-minus:hover {
    background: #E6C8C3 !important; 
    background-color: #E6C8C3 !important;
    color: var(--mktb-navy) !important;
    filter: brightness(0.95);
}

/* =========================
   4. TÍTULOS E TEXTOS GLOBAIS
   ========================= */
.showcase h2, .showcase-title, .title-category, 
.titulo-sessao, .section-title, .page-header h1,
.titulo, h1.name, h2.name, .product-name, .product-title,
.text-muted, .price-discount {
    color: var(--mktb-navy) !important;
}

.menu > li > a, .menu-principal > li > a, #nav > li > a, #nav-main > li > a {
    color: var(--mktb-navy) !important;
}

/* =========================
   5. BANNER DE PRAZO (PÁGINA DO PRODUTO)
   ========================= */
.element-product-detail .box-shipping::after {
  content: "Prazo de confecção: 15 dias úteis + frete\A Coleção mosaicos: 35 dias úteis + frete\A Joias artesanais feitas à mão ♥" !important;
  white-space: pre !important; 
  display: block !important;
  margin-top: 15px !important;
  padding: 15px !important;
  background: linear-gradient(180deg, #F7F0E9 0%, #E8D9D0 100%) !important;
  color: var(--mktb-navy) !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  text-align: left !important;
  border: 1px solid rgba(42,26,20,0.1) !important;
}

/* =========================
   6. PÁGINA DO PRODUTO (TAGS E NEWSLETTER)
   ========================= */
body.pagina-produto #product-tags .list-tags li a {
    background: var(--mktb-silver) !important;
    color: var(--mktb-navy) !important;
}

#footer-main .element-newsletter, 
#nav-bottom .element-newsletter-bottom {
  background: transparent !important;
  border-top: 1px solid rgba(217,180,173,0.3) !important;
}

/* =========================
   7. FORÇA BRUTA: LINKS DO CARRINHO E BOTÃO DO CEP (CUPOM)
   ========================= */
/* Torna os textos como "Adicionar Cupom" e "Continuar Comprando" perfeitamente visíveis (Marrom Escuro) */
html body .carrinho-interno a:not(.botao-commerce):not(.btn),
html body .caixa-carrinho a:not(.botao-commerce):not(.btn),
html body .table-cart a:not(.botao-commerce):not(.btn),
html body #carrinho a:not(.botao-commerce):not(.btn),
html body .page-cart a:not(.botao-commerce):not(.btn),
html body [id*="cupom"],
html body [class*="cupom"],
html body [id*="coupon"],
html body [class*="coupon"],
html body a[href*="cupom"] {
    color: var(--mktb-navy) !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Estilo do Botão Mercado Livre - Maktub Pratas */
.btn-ml-pronta-entrega {
  display: inline-block;
  background-color: #2A1A14; /* O seu marrom escuro profundo */
  color: #ffffff !important;
  padding: 12px 25px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 2px;
  border: 1px solid #2A1A14;
  transition: all 0.3s ease;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif; /* Ou a fonte que você já usa */
}

/* Estilo do Botão Mercado Livre - Maktub Pratas */
.btn-ml-pronta-entrega {
  display: inline-block;
  background-color: #2A1A14; /* O seu marrom escuro profundo */
  color: #ffffff !important;
  padding: 12px 25px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 2px;
  border: 1px solid #2A1A14;
  transition: all 0.3s ease;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif; /* Ou a fonte que você já usa */
}

/* =========================
   8. BOTÃO ADICIONAR CUPOM (TIRO CERTEIRO PELO INSPECIONAR)
   ========================= */
html body .acao-cupom a.usar-cupom,
html body div.acao-cupom > a[data-target="#cupom"],
html body a.usar-cupom.cor-principal[href="#cupom"] {
    display: inline-block !important;
    border: 2px solid var(--mktb-navy) !important;
    padding: 10px 18px !important;
    border-radius: 4px !important;
    background-color: var(--mktb-ice) !important;
    color: var(--mktb-navy) !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    margin-top: 10px !important;
    transition: all 0.3s ease !important;
}

html body .acao-cupom a.usar-cupom:hover,
html body div.acao-cupom > a[data-target="#cupom"]:hover,
html body a.usar-cupom.cor-principal[href="#cupom"]:hover {
    background-color: var(--mktb-silver) !important;
    border-color: var(--mktb-silver) !important;
    color: var(--mktb-navy) !important;
}