/* =========================
   SUMMER MAKTUB PRATAS (LUX) - DESKTOP
   Paleta: Beige + Neutral Brown
   ========================= */

:root{
  --mktb-navy:#4A3424;      /* marrom profundo premium */
  --mktb-navy-2:#5A3F2B;    /* marrom hover */
  --mktb-ice:#FBF4E8;       /* bege claro (fundo) */
  --mktb-ice-2:#E6D4B8;     /* bege (contornos) */
  --mktb-silver:#D6C8B4;    /* taupe/areia (substitui prata) */
  --mktb-text:#2A2017;      /* texto */
  --mktb-white:#FFFFFF;
}

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

/* =========================
   VITRINE / LISTAGEM (desktop)
   ========================= */
#product-list .product-list-item .wrapper-product-combination,
#product-list-sidebar .product-list-item .wrapper-product-combination{
  background: transparent !important;
}

#product-list .product-list-item .product-list-item-inner{
  background: rgba(255,255,255,0.94) !important;
  border: 1px solid rgba(230,212,184,0.85) !important; 
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(74,52,36,0.10) !important;
  overflow: hidden;
  transition: box-shadow .18s ease, border-color .18s ease; 
}

#product-list .product-list-item .product-list-item-inner:hover{
  box-shadow: 0 16px 36px rgba(74,52,36,0.14) !important;
  border-color: rgba(230,212,184,1) !important;
}

/* =========================
   AJUSTE DE TEXTOS E ESPAÇAMENTOS DO CARD
   ========================= */
#product-list .product-list-item .product-list-item-inner p,
#product-list .product-list-item .product-list-item-inner span,
#product-list .product-list-item .product-list-item-inner .description {
  line-height: 1.5 !important;
  font-size: 13px !important;
  white-space: pre-line !important;
  margin-bottom: 8px !important;
  color: var(--mktb-text) !important;
}

/* =========================
   NOME E VALOR DO PRODUTO (MAIORES E MARROM)
   ========================= */
#product-list .product-list-item .product-list-item-inner .name,
#product-list .product-list-item .product-list-item-inner .name *,
#product-list .product-list-item .product-list-item-inner .product-name,
#product-list .product-list-item .product-list-item-inner .product-name *,
#product-list .product-list-item .product-list-item-inner h2,
#product-list .product-list-item .product-list-item-inner h3 {
  font-size: 16px !important; /* Tamanho maior para o nome */
  color: var(--mktb-navy) !important; /* Cor marrom profundo */
  font-weight: 800 !important;
}

#product-list .product-list-item .product-list-item-inner .price,
#product-list .product-list-item .product-list-item-inner .price *,
#product-list .product-list-item .product-list-item-inner .product-price,
#product-list .product-list-item .product-list-item-inner .product-price *,
#product-list .product-list-item .product-list-item-inner strong {
  font-size: 17px !important; /* Tamanho maior para o valor */
  color: var(--mktb-navy) !important; /* Cor marrom profundo */
  font-weight: 800 !important;
}

/* =========================
   COR DO TEXTO DO BOTÃO DA VITRINE (FORÇADO)
   ========================= */
#product-list .product-list-item .product-list-item-inner a[class*="btn"],
#product-list .product-list-item .product-list-item-inner button,
#product-list .product-list-item .product-list-item-inner .botao,
#product-list-sidebar .product-list-item .product-list-item-inner button {
    color: var(--mktb-ice) !important;
}

#product-list .product-list-item .product-list-item-inner a[class*="btn"] *,
#product-list .product-list-item .product-list-item-inner button *,
#product-list-sidebar .product-list-item .product-list-item-inner button * {
    color: var(--mktb-ice) !important;
}

/* =========================
   REFORÇO: BOTÃO NO ENDEREÇO (Abaixo do CEP)
   ========================= */
/* Usando o ID comum de rodapé para garantir que ele ache o lugar */
#footer .footer-bottom .container .row .footer-col-endereco::after,
#footer-main .footer-col-endereco::after,
.footer-col-endereco::after,
.endereco::after {
  content: "ATENDIMENTO SOMENTE ONLINE" !important;
  display: table !important; /* Força o elemento a existir e quebrar linha */
  background: var(--mktb-navy) !important;
  color: var(--mktb-ice) !important;
  padding: 8px 12px !important;
  margin-top: 15px !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border-radius: 4px !important;
  border: 1px solid var(--mktb-ice-2) !important;
}

/* =========================
   REFORÇO: BANNER DE AVISO (RODAPÉ GERAL)
   ========================= */
#footer-main::before, 
#footer::before,
footer::before {
  content: "✦ ATENDIMENTO EXCLUSIVAMENTE ONLINE • NÃO POSSUÍMOS LOJA FÍSICA ✦" !important;
  display: block !important;
  background: var(--mktb-navy) !important;
  color: var(--mktb-ice) !important;
  text-align: center !important;
  padding: 12px 10px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  margin: 20px auto !important;
  max-width: 1140px; /* Alinha com a largura do site */
  border-radius: 8px !important;
  border: 1px solid var(--mktb-ice-2) !important;
}

/* =========================
   SELOS E ETIQUETAS
   ========================= */
#product-list .product-list-item .tag,
#product-list-sidebar .product-list-item .tag,
#product-list .product-list-item [class*="tag"],
#product-list-sidebar .product-list-item [class*="tag"],
#product-list .product-list-item [class*="label"],
#product-list-sidebar .product-list-item [class*="label"]{
  background: linear-gradient(180deg, #FBF4E8 0%, #E6D4B8 100%) !important;
  color: #4A3424 !important;
  border: 1px solid rgba(74,52,36,0.18) !important;
  box-shadow: 0 8px 18px rgba(74,52,36,0.12) !important;
  border-radius: 10px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}

/* =========================
   PÁGINA DO PRODUTO (DETALHE)
   ========================= */
body.pagina-produto .tag,
body.pagina-produto .product-tag,
body.pagina-produto [class*="tag"],
body.pagina-produto [class*="label"]{
  background: linear-gradient(180deg, #FBF4E8 0%, #E6D4B8 100%) !important;
  color: #4A3424 !important;
  border: 1px solid rgba(74,52,36,0.18) !important;
  border-radius: 10px !important;
  text-transform: uppercase;
  font-weight: 800 !important;
}

/* =========================
   BANNER DE PRAZO (PRODUTO)
   ========================= */
.element-product-detail .box-shipping::after{
  content: "Prazo de confecção: 15 dias úteis + frete\A* Joias da coleção mosaicos 35 dias úteis + frete\AJoias artesanais feitas à mão ♥";
  white-space: pre-line;
  display: block;
  margin-top: 12px;
  padding: 12px 14px;
  background: linear-gradient(180deg, #FBF4E8 0%, #E6D4B8 100%) !important;
  color: #4A3424 !important;
  border: 1px solid rgba(74,52,36,0.18) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(74,52,36,0.10) !important;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
}

/* =========================
   Newsletter bottom
   ========================= */
#nav-bottom .element-newsletter-bottom .newsletter-inner{
  background: linear-gradient(90deg, var(--mktb-navy) 0%, #1A120C 100%) !important;
}

#footer-main .element-newsletter .btn,
#nav-bottom .element-newsletter-bottom .btn{
  background: linear-gradient(180deg, #ffffff 0%, #F4EDE3 100%) !important;
  color: var(--mktb-navy) !important;
  border-radius: 12px !important;
}

/* Banner principal 100% (home) */
.element-banner-main .container-12,
.element-banner-main .container-12 .grid-12{
  max-width: 100% !important;
  width: 100% !important;
}