/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 30 2025 | 02:31:09 */
/* ========== LÍDER CURSOS — Overlay rosé moderno ========== */
/* Ajuste: cole exatamente como está no Customizer */

.lc-product-wrapper { position: relative !important; overflow: hidden !important; }

/* Garante que a imagem fique abaixo do overlay */
.lc-product-wrapper img,
.lc-product-wrapper picture img,
.lc-product-wrapper .wp-post-image {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  transition: transform .45s ease, filter .35s ease;
}

/* O overlay que será inserido via JS */
.lc-overlay {
  position: absolute !important;
  inset: 0 !important; /* top:0; right:0; bottom:0; left:0 */
  pointer-events: none !important;
  z-index: 2 !important;
  background: linear-gradient(135deg,
     rgba(255,182,193,0.48) 0%,
     rgba(255,230,240,0.30) 50%,
     rgba(255,255,255,0.62) 100%) !important;
  mix-blend-mode: soft-light !important;
  transition: opacity .35s ease, transform .35s ease !important;
  opacity: 1 !important;
}

/* Hover suave */
.lc-product-wrapper:hover img { transform: scale(1.03) !important; }
.lc-product-wrapper:hover .lc-overlay { transform: scale(1.02) !important; }

/* Versão mais intensa (use adicionando a classe .lc-overlay--intense no JS) */
.lc-overlay.lc-overlay--intense {
  background: linear-gradient(120deg,
    rgba(255,150,180,0.55) 0%,
    rgba(255,220,235,0.38) 40%,
    rgba(255,255,255,0.7) 100%) !important;
  mix-blend-mode: multiply !important;
}

/* Fallback: quando o overlay não aplicar por qualquer razão, aplica tint via filter */
.lc-fallback-tint img,
.woocommerce ul.products li.product.lc-fallback-tint img {
  filter: sepia(0.14) saturate(1.45) hue-rotate(-10deg) brightness(1.03) !important;
}