/**
 * Correção definitiva para cliques nos produtos da seção "Brindes Personalizados em Destaque"
 * Este arquivo garante que todos os elementos decorativos não bloqueiem a interação com os produtos
 */

/* Garantir que a seção de produtos tenha position relative para contexto de z-index */
.featured-products-section {
    position: relative;
    z-index: 1;
}

/* Todos os pseudo-elementos decorativos devem ter pointer-events: none */
.featured-products-section::before,
.featured-products-section::after {
    pointer-events: none !important;
}

/* Container de produtos com z-index adequado */
.featured-products-section .products-container,
.featured-products-section ul.products {
    position: relative;
    z-index: 10;
}

/* Cada produto individual deve estar acima de elementos decorativos */
.featured-products-section ul.products li.product {
    position: relative !important;
    z-index: 20 !important;
}

/* Todos os pseudo-elementos dos produtos não devem bloquear cliques */
.featured-products-section ul.products li.product::before,
.featured-products-section ul.products li.product::after {
    pointer-events: none !important;
}

/* Links e botões dentro dos produtos devem ser clicáveis */
.featured-products-section ul.products li.product a,
.featured-products-section ul.products li.product .button,
.featured-products-section ul.products li.product button {
    position: relative;
    z-index: 30;
    pointer-events: auto !important;
}

/* Imagens dos produtos devem ser clicáveis */
.featured-products-section ul.products li.product img {
    position: relative;
    z-index: 25;
    pointer-events: auto !important;
}

/* Títulos dos produtos devem ser clicáveis */
.featured-products-section ul.products li.product .woocommerce-loop-product__title,
.featured-products-section ul.products li.product h2,
.featured-products-section ul.products li.product h3 {
    position: relative;
    z-index: 25;
}

/* Garantir que títulos com links sejam clicáveis */
.featured-products-section ul.products li.product .woocommerce-loop-product__title a,
.featured-products-section ul.products li.product h2 a,
.featured-products-section ul.products li.product h3 a {
    pointer-events: auto !important;
}

/* Preços devem ser clicáveis se tiverem links */
.featured-products-section ul.products li.product .price {
    position: relative;
    z-index: 25;
}

/* Elementos decorativos da seção não devem interferir */
.featured-products-section .section-title::before,
.featured-products-section .section-title::after {
    pointer-events: none !important;
}

/* Garantir que o container principal permita cliques */
.featured-products-section .container {
    position: relative;
    z-index: 5;
}