/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 28 2025 | 12:28:38 */
/* =========================
   Overlay violeta — versão reforçada
   ========================= */
:root{
  --violet-1: 155, 89, 182;   /* violeta principal (RGB) */
  --violet-2: 179, 135, 245;  /* violeta secundário (RGB) */
  --tint: 0.22;
  --tint-hover: 0.40;
  --radius: 12px;
  --transition-fast: 220ms;
  --transition-slow: 380ms;
}

/* força muitos wrappers comuns a serem relativos */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .product-thumbnail,
.products .product,
.product-card,
.card-product,
.woocommerce .products .product {
  position: relative !important;
}

/* garante que a imagem fique por baixo do overlay */
.woocommerce ul.products li.product img,
.woocommerce .products .product img,
img.wp-post-image,
img.attachment-woocommerce_thumbnail,
.product-card img,
.card-product img {
  display:block;
  width:100%;
  height:auto;
  border-radius: var(--radius);
  position: relative;
  z-index: 1;
  transition: transform var(--transition-slow) ease, filter var(--transition-fast) ease;
  backface-visibility: hidden;
}

/* overlay (pseudo-element do wrapper) */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link::after,
.woocommerce ul.products li.product .product-thumbnail::after,
.products .product::after,
.product-card::after,
.card-product::after {
  content: "";
  position: absolute !important;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(135deg,
    rgba(var(--violet-1), var(--tint)) 0%,
    rgba(var(--violet-2), calc(var(--tint) - 0.02)) 100%) !important;
  mix-blend-mode: screen !important;
  box-shadow: 0 6px 20px rgba(20,10,40,.06);
  transition: background var(--transition-fast) ease, transform var(--transition-slow) ease, box-shadow var(--transition-fast) ease;
}

/* hover */
.woocommerce ul.products li.product:hover .woocommerce-LoopProduct-link::after,
.products .product:hover::after,
.product-card:hover::after {
  background: linear-gradient(135deg,
    rgba(var(--violet-1), var(--tint-hover)),
    rgba(var(--violet-2), calc(var(--tint-hover) - 0.03))
  ) !important;
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 18px 36px rgba(20,10,40,.12);
}
.woocommerce ul.products li.product:hover img,
.products .product:hover img,
.product-card:hover img {
  transform: scale(1.035);
}