/**
 * ==========================================================================
 * PRODUCT CARDS STYLES
 * ==========================================================================
 *
 * Personalizzazioni delle card prodotto WooCommerce.
 * Questo file viene caricato solo nelle pagine con card prodotto:
 * - Homepage (front-page)
 * - Pagina Shop
 * - Pagine categoria prodotto
 * - Pagine tag prodotto
 */

.products-grid,
.pappasole-shop-products .products,
.related .products,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.6rem;row-gap: 3.2rem;}

.products-grid .product,
.pappasole-shop-products .products .product,
.related .products .product,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product{overflow: hidden;}

/* Wrapper <figure> per immagine prodotto */
.product-image-wrapper,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product-image {display: block;position: relative;margin: 0;padding: 0;overflow: hidden;border-radius: 1.6rem;}

.products-grid .product img,
.pappasole-shop-products .products .product img,
.related .products .product img,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product img{width: 100%;height: auto;display: block;transition: transform 0.3s ease;margin:0}

/* Effetto hover sull'immagine */
.products-grid .woocommerce-loop-product__link:hover .product-image-wrapper img,
.pappasole-shop-products .products .woocommerce-loop-product__link:hover .product-image-wrapper img,
.related .products .woocommerce-loop-product__link:hover .product-image-wrapper img,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product-link:hover .wc-block-grid__product-image img{transform: scale(1.05);}

.woocommerce-loop-product__title,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product-title{margin-top: 0;font-size: 1.8rem;margin-bottom: 0;padding: 1.6rem 1.6rem .8rem;line-height: 1;font-weight: 500;letter-spacing: .08rem;font-family: var(--ff-default);}

.product .price,
.wp-block-woocommerce-empty-cart-block .price{color: #333;font-size: 1.4rem;margin-left: 1.6rem;display: block;text-align:left}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wc-block-grid__product{max-width:100%!important;border:none}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wp-block-button.wc-block-grid__product-add-to-cart{display:none}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{color:var(--primary-color);text-align:left;text-decoration:none}
.entry-content .wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link{text-decoration:none}

@media (min-width: 992px) {
    .products-grid,
    .pappasole-shop-products .products,
    .related .products,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid__products { grid-template-columns: repeat(4, 1fr);gap:2.4rem }
}

.products-grid .no-products { grid-column: 1 / -1; text-align: center; padding: 4rem; color: var(--text-color); opacity: 0.7; }