/**
 * WooCommerce - Estilos Customizados para Dental Goods
 * 
 * Este arquivo sobrescreve os estilos padrão do WooCommerce
 * para manter a identidade visual do tema
 */

/* ========================================
   GRID DE PRODUTOS
   ======================================== */

/* Container principal de produtos */
.woocommerce ul.products,
ul.products.columns-3,
ul.products.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 30px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove ::before que causa espaço vazio */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
    content: none !important;
}

/* Remove estilos padrão de lista */
.woocommerce ul.products li.product {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: auto !important;
    float: none !important;
    clear: none !important;
}

.woocommerce ul.products li.product::before {
    display: none !important;
    content: none !important;
}

/* ========================================
   CARDS DE PRODUTO
   ======================================== */

/* 
   [REMOVIDO] Esconde elementos padrão do WooCommerce 
   Agora permitimos que o Elementor controle o estilo
*/
/*
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
    display: none !important;
}
*/

/* Nossos cards customizados (mantido para compatibilidade se necessário) */
.dental-product-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    position: relative;
}

.dental-product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 30px rgba(78,205,196,0.3);
}

/* ========================================
   RESPONSIVO
   ======================================== */

@media (max-width: 992px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
        gap: 25px !important;
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
        gap: 20px !important;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }
}