/*
 * Shop and category listings, for configured products only (li.product.np-product).
 *
 * Something on this site sets `pointer-events: none` over the summary half of a product card -
 * the title, the price and the button all stop responding to the mouse, while the thumbnail
 * above them still works. It is not in any stylesheet on disk (checked: Astra, the child theme,
 * Astra Pro, Elementor's generated CSS, the site's custom-css-js), and walking
 * document.styleSheets finds no rule matching the elements, so it arrives inline at runtime.
 * `pointer-events` also inherits, so one value set high up silently disables everything below it.
 *
 * Whatever the source, a product a customer is meant to click has to be clickable, so this puts
 * it back. Scoped to `.np-product`, so products still pointing at shop. keep the theme's own
 * behaviour and nothing here leaks onto the rest of the catalogue.
 */

.woocommerce ul.products li.product.np-product,
.woocommerce ul.products li.product.np-product .astra-shop-summary-wrap,
.woocommerce ul.products li.product.np-product .astra-shop-thumbnail-wrap,
.woocommerce ul.products li.product.np-product a,
.woocommerce ul.products li.product.np-product h2,
.woocommerce ul.products li.product.np-product .pro_box_title,
.woocommerce ul.products li.product.np-product .price,
.woocommerce ul.products li.product.np-product .button {
	pointer-events: auto;
}

/* The card's own links should look like links, whatever strips the styling off them. */
.woocommerce ul.products li.product.np-product a.ast-loop-product__link,
.woocommerce ul.products li.product.np-product a.np-loop-link {
	cursor: pointer;
}

.woocommerce ul.products li.product.np-product .button {
	cursor: pointer;
	position: relative;
	z-index: 1;
}