/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 24 2025 | 00:35:11 */
/* =========================
   Planeta Rateios — filtro verde floresta (força)
   Cole no CSS adicional do tema
   ========================= */

/* regras genéricas (alto nível de especificidade e !important para sobrescrever) */
.pr-product-image,
.woocommerce ul.products li.product img,
.woocommerce .products img,
.woocommerce .product img,
.product img,
.product-item img,
.product-thumb img,
.product-card img,
.woocommerce-loop-product__link img,
img.wp-post-image,
img.attachment-woocommerce_thumbnail,
.woocommerce-product-gallery__image img,
.elementor-widget-image img {
  -webkit-filter: sepia(0.12) saturate(1.35) hue-rotate(85deg) brightness(0.98) contrast(1.05) !important;
  filter: sepia(0.12) saturate(1.35) hue-rotate(85deg) brightness(0.98) contrast(1.05) !important;
  transition: filter .25s ease, opacity .25s ease !important;
}

/* hover mais leve para destacar */
.woocommerce ul.products li.product img:hover,
.product img:hover {
  -webkit-filter: sepia(0.06) saturate(1.55) hue-rotate(85deg) brightness(1.03) contrast(1.06) !important;
  filter: sepia(0.06) saturate(1.55) hue-rotate(85deg) brightness(1.03) contrast(1.06) !important;
}

/* EXCEÇÕES: logos, avatares e imagens que não devem ser afetadas */
.site-logo img,
.header .site-logo img,
.logo img,
img.avatar,
.widget img,
img.no-color-filter,
.no-color-filter img {
  -webkit-filter: none !important;
  filter: none !important;
}

/* =========================
   Overlay (para quando a imagem é aplicada como background-image no wrapper)
   Use se as imagens do seu tema forem BGs em vez de <img>
   ========================= */
.pr-overlay-wrapper,
.woocommerce ul.products li.product,
.product .product-image,
.product .product-thumb,
.product-card,
.product-item,
.woocommerce .product .woocommerce-product-gallery {
  position: relative;
  overflow: hidden;
}

/* camada colorida por cima (mix-blend para resultado uniforme) */
.pr-overlay-wrapper::after,
.woocommerce ul.products li.product::after,
.product .product-image::after,
.product .product-thumb::after,
.product-card::after,
.product-item::after,
.woocommerce .product .woocommerce-product-gallery::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: rgba(9,79,29,0.30); /* tom floresta — ajuste alfa (0.0 - 0.6) */
  mix-blend-mode: multiply;
  transition: opacity .25s ease;
  opacity: 1;
  z-index: 2;
}

/* garante que a <img> fique abaixo do overlay */
.pr-overlay-wrapper img {
  position: relative;
  z-index: 1;
}

/* classe para desativar overlay manualmente */
.no-overlay::after { display: none !important; }