/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 03 2025 | 13:18:06 */
/* ------------- GOLDEN OVERLAY (recomendado) ------------- */
/* Aplicar na classe do container que envolve a imagem do produto.
   Exemplos de seletores: .product, .product-card, .woocommerce-product, .product-item
   - Se necessário, adicione a classe "goldenize" ao container das imagens. */

.product img,
.product .product-image img,
.product-card img,
.woocommerce ul.products li.product img,
.product-item img {
  /* mantém contraste e saturação antes do overlay */
  filter: saturate(1.6) contrast(1.05) brightness(1.02);
  display: block;
  width: 100%;
  height: auto;
}

/* container tem que ser position:relative para colocar o overlay */
.product,
.product-card,
.woocommerce ul.products li.product,
.product-item {
  position: relative;
  overflow: hidden;
}

/* o overlay dourado */
.product::after,
.product-card::after,
.woocommerce ul.products li.product::after,
.product-item::after {
  content: "";
  position: absolute;
  inset: 0;               /* cobre toda a área */
  pointer-events: none;
  /* gradiente dourado — ajuste os tons se quiser mais "amarelo" ou mais "âmbar" */
  background: linear-gradient(
    120deg,
    rgba(255, 215, 64, 0.95) 0%,
    rgba(255, 200, 50, 0.92) 30%,
    rgba(255, 186, 24, 0.88) 60%,
    rgba(255, 223, 77, 0.90) 100%
  );
  /* mix-blend-mode aplica matiz/saturação do overlay mantendo luminância da imagem */
  mix-blend-mode: color;
  opacity: 0.95; /* ajuste entre 0.6 e 1.0 conforme intensidade desejada */
  transition: opacity .25s ease;
}

/* opção: diminuir intensidade ao passar o mouse (se quiser) */
.product:hover::after,
.product-card:hover::after,
.product-item:hover::after {
  opacity: 0.88;
}

/* garante que elementos textuais do card fiquem acima do overlay */
.product * ,
.product-card * ,
.product-item * {
  position: relative;
  z-index: 1;
}