/* =========================
   SUMMER MAKTUB PRATAS (LUX) - DESKTOP
   Paleta: Navy + Ice Blue + Silver
   ========================= */

:root{
  --mktb-navy:#071B2D;     /* azul noite premium */
  --mktb-navy-2:#0B2A44;   /* navy hover */
  --mktb-ice:#EAF7FF;      /* azul gelo (fundo) */
  --mktb-ice-2:#BFE7FF;    /* azul claro (contornos) */
  --mktb-silver:#C9D6E2;   /* prata */
  --mktb-text:#0F1720;     /* texto */
  --mktb-white:#FFFFFF;
}

/* Fundo geral */
body{
  background: linear-gradient(180deg, var(--mktb-ice) 0%, #ffffff 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(191,231,255,0.85) !important; /* borda azul clara */
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(7,27,45,0.10) !important;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#product-list .product-list-item .product-list-item-inner:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(7,27,45,0.14) !important;
  border-color: rgba(191,231,255,1) !important;
}

/* Selo/etiqueta da vitrine (força azul) */
#product-list .product-list-item .tag,
#product-list-sidebar .product-list-item .tag,
#product-list .product-list-item .product-tag,
#product-list-sidebar .product-list-item .product-tag,
#product-list .product-list-item .label,
#product-list-sidebar .product-list-item .label,
#product-list .product-list-item .sticker,
#product-list-sidebar .product-list-item .sticker,
#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, #EAF7FF 0%, #BFE7FF 100%) !important;
  color: #071B2D !important;
  border: 1px solid rgba(7,27,45,0.18) !important;
  box-shadow: 0 8px 18px rgba(7,27,45,0.12) !important;
  border-radius: 10px !important;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-weight: 700 !important;
}

#product-list .product-list-item .tag *,
#product-list-sidebar .product-list-item .tag *,
#product-list .product-list-item .product-tag *,
#product-list-sidebar .product-list-item .product-tag *,
#product-list .product-list-item .label *,
#product-list-sidebar .product-list-item .label *{
  color: #071B2D !important;
}

/* =========================
   PÁGINA DO PRODUTO (DETALHE) — FORÇA O SELO VERDE A VIRAR AZUL
   ========================= */
body.pagina-produto .tag,
body.pagina-produto .product-tag,
body.pagina-produto .label,
body.pagina-produto .sticker,
body.pagina-produto [class*="tag"],
body.pagina-produto [class*="label"]{
  background: linear-gradient(180deg, #EAF7FF 0%, #BFE7FF 100%) !important;
  color: #071B2D !important;
  border: 1px solid rgba(7,27,45,0.18) !important;
  box-shadow: 0 8px 18px rgba(7,27,45,0.12) !important;
  border-radius: 10px !important;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-weight: 800 !important;
}

body.pagina-produto .tag *,
body.pagina-produto .product-tag *,
body.pagina-produto .label *{
  color: #071B2D !important;
}

/* =========================
   BANNER DE PRAZO (AO LADO DO CEP) — MANTER SÓ O HORIZONTAL E REMOVER DUPLICADO
   ========================= */

/* mata qualquer pseudo-elemento que esteja criando o "quadradinho" */
.element-product-detail .box-shipping::before{
  content: none !important;
  display: none !important;
}
.element-product-detail .box-shipping .grid-cep-alpha::before,
.element-product-detail .box-shipping .grid-cep-alpha::after,
.element-product-detail .box-shipping .row::before,
.element-product-detail .box-shipping .row::after{
  content: none !important;
  display: none !important;
}

/* cria/força apenas UM banner horizontal (o que você quer) */
.element-product-detail .box-shipping{
  position: relative;
}

.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, #EAF7FF 0%, #BFE7FF 100%) !important;
  color: #071B2D !important;
  border: 1px solid rgba(7,27,45,0.18) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(7,27,45,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%, #000000 100%) !important;
  border-top: 1px solid rgba(191,231,255,0.45) !important;
}

#footer-main .element-newsletter .btn,
#nav-bottom .element-newsletter-bottom .btn{
  background: linear-gradient(180deg, #ffffff 0%, #EAF1F7 100%) !important;
  color: var(--mktb-navy) !important;
  border: 1px solid rgba(191,231,255,0.9) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(7,27,45,0.12) !important;
  letter-spacing: .2px;
}

#footer-main .element-newsletter .btn:hover,
#nav-bottom .element-newsletter-bottom .btn:hover{
  background: linear-gradient(180deg, #ffffff 0%, #DFF0FF 100%) !important;
  border-color: rgba(191,231,255,1) !important;
}

/* Banner principal 100% (home) */
body.pagina-home #nav-main .element-menu-category,
body.pagina-home #nav-main .element-menu-main{
  margin-bottom: 0 !important;
}

.element-banner-main .container-12,
.element-banner-main .container-12 .grid-12{
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

.element-banner-main img{
  width: 100%;
}