/* TEMA CANTOS ARREDONDADOS — usar o overlay nativo como link da foto */

/* 1) O card precisa ser referência para posicionamento absoluto */
.vitrine .produto,
.listagem-item {
  position: relative !important;
}

/* 2) Garante que o overlay/link cubra todo o card e receba o clique */
.vitrine .produto .produto-sobrepor,
.listagem-item .produto-sobrepor {
  position: absolute !important;
  inset: 0 !important;              /* top/right/bottom/left:0 */
  display: block !important;
  z-index: 60 !important;
  pointer-events: auto !important;
  background: transparent !important;
  border: 0 !important;
  opacity: 0 !important;            /* invisível, mas clicável */
}

/* 3) A imagem não deve “pegar” o clique (o overlay que recebe) */
.vitrine .produto .imagem-produto img,
.listagem-item .imagem-produto img {
  pointer-events: none !important;
  display: block;
}

/* 4) Esconde o botão Ver Mais/Quick View se existir, SEM mexer no overlay */
.vitrine .produto .acoes-produto,
.vitrine .produto .btn-saiba-mais,
.vitrine .produto .botao.botao-comprar.principal,
.vitrine .produto .quickview,
.vitrine .produto [class*="quickview"] {
  display: none !important;
  pointer-events: none !important;
}

/* Esconde totalmente o botão "Ver Mais" */
.vitrine .produto a.botao.botao-comprar.principal,
.listagem-item a.botao.botao-comprar.principal {
  display: none !important;
}

/* Títulos/captions dos MINI BANNERS em preto */
#mini-banners .banner__title,
#mini-banners .banner__caption,
#mini-banners figcaption,
#mini-banners .caption,
#mini-banners h2, 
#mini-banners h3,
#mini-banners span,
#mini-banners strong,
#g_mini-banners .banner__title,
#g_mini-banners .banner__caption,
#g_mini-banners figcaption,
#g_mini-banners .caption,
#g_mini-banners h2, 
#g_mini-banners h3,
#g_mini-banners span,
#g_mini-banners strong,
.mini-banners .banner__title,
.mini-banners .banner__caption,
.mini-banners figcaption,
.mini-banners .caption,
.mini-banners h2, 
.mini-banners h3,
.mini-banners span,
.mini-banners strong,
.banner-lateral .mini-banners .banner__title,
.banner-lateral .mini-banners .caption,
.banner-lateral .mini-banners h2,
.banner-lateral .mini-banners h3,
.banner-lateral .mini-banners span,
.banner-lateral .mini-banners strong,
.banners-mini .banner__title,
.banners-mini .caption {
  color: #000 !important;
  text-shadow: none !important; /* se o tema usa sombra branca */
}

/* Links dentro dos títulos (alguns temas envolvem em <a>) */
#mini-banners a,
#g_mini-banners a,
.mini-banners a,
.banners-mini a {
  color: #000 !important;
}

/* Caso o tema aplique utilitárias de cor (ex.: .text-white) */
#mini-banners [class*="text-white"],
#g_mini-banners [class*="text-white"],
.mini-banners [class*="text-white"],
.banners-mini [class*="text-white"] {
  color: #000 !important;
}

/* Mini banner (Flexslider): força o título em PRETO */
.modulo.span4 .flexslider label,
.flexslider .slides li a > label,
.flexslider label {
  color: #000 !important;
  text-shadow: none !important;   /* remove sombra clara que pode “lavar” a cor */
  mix-blend-mode: normal !important; /* evita mistura com a imagem ao fundo */
}

/* Se o tema pinta o <a> de branco e o <label> herda, cobre também o link */
.modulo.span4 .flexslider a,
.flexslider .slides li a {
  color: #000 !important;
}

/* Alguns temas aplicam utilitárias de cor (ex.: .text-white) no título */
.flexslider .slides li a [class*="text-white"],
.flexslider .slides li a label[class] {
  color: #000 !important;
}

/* Caso o tema use overlay que force contraste, neutraliza no label */
.flexslider .slides li a > label {
  background: transparent !important;
  filter: none !important;
}