/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 30 2025 | 02:31:44 */
<script>
(function(){
  // seletores comuns — o script tenta encontrar os elementos mais usados
  const SELECTORS = [
    '.woocommerce ul.products li.product .woocommerce-loop-product__link',
    '.product-card',
    '.product',
    '.product-item',
    '.product-image',
    '.product-thumb',
    '.product-thumbnail',
    '.product .woocommerce-product-gallery__image',
    '.product .wp-post-image',
    '.image-bg'
  ];

  function addOverlay(container){
    if(!container || container.querySelector('.lc-overlay')) return;
    // garante posição relativa
    const cs = getComputedStyle(container);
    if(cs.position === 'static') container.style.position = 'relative';
    // marca wrapper para estilos de fallback se necessário
    container.classList.add('lc-product-wrapper');

    // cria overlay
    const overlay = document.createElement('div');
    overlay.className = 'lc-overlay';
    // se quiser versão intensa, descomente a linha abaixo
    // overlay.classList.add('lc-overlay--intense');

    // append (coloca por último garantindo estar sobre a imagem)
    container.appendChild(overlay);
  }

  function processAll(){
    SELECTORS.forEach(sel => {
      document.querySelectorAll(sel).forEach(addOverlay);
    });
    // tenta também em elementos com background-image (comuns em alguns temas)
    document.querySelectorAll('[style*="background-image"]').forEach(el=>{
      if(el.classList.contains('lc-product-wrapper') || /product|thumb|image|woocommerce/i.test(el.className || '')){
        addOverlay(el);
      }
    });
  }

  // detecta nodes adicionados (ajax, lazy load, paginação)
  const obs = new MutationObserver(muts=>{
    muts.forEach(m=>{
      if(m.addedNodes && m.addedNodes.length) processAll();
    });
  });
  obs.observe(document.body, { childList: true, subtree: true });

  // aplica no início e após load
  processAll();
  window.addEventListener('load', processAll);

  // re-aplica em intervalos curtos por 4s caso o tema injete imagens lentamente
  let tries = 0;
  const interval = setInterval(()=>{
    processAll();
    tries++;
    if(tries > 8) clearInterval(interval);
  }, 500);
})();
</script>
