/**
 * MK Medicals – Catalogue Stock Display.
 *
 * Shows out-of-stock products at full colour in WooLentor product grids.
 *
 * Every selector starts with `.woolentor-product-item`, which makes it more specific than
 * the WooLentor rule it resets. No !important and no load-order dependency.
 *
 * WooLentor 3.5.4 rules being reset:
 *   modern.css  .woolentor-out-of-stock                         opacity, red text, flex alignment, gap
 *   modern.css  .woolentor-out-of-stock::after                  white overlay
 *   modern.css  .woolentor-out-of-stock .woolentor-cart-btn     disabled "Read more" button
 *   luxury.css  .woolentor-luxury-card.woolentor-out-of-stock   opacity
 *   luxury.css  ... .woolentor-product-image::after             "Out of Stock" label
 */

/* 1. Card: full colour and the same layout as an in-stock card. */
.woolentor-product-item .woolentor-product-card.woolentor-out-of-stock {
	opacity: 1;
	color: inherit;
	align-items: normal;
	gap: normal;
}

/* 2. Remove the white overlay on the card and the "Out of Stock" label on the image. */
.woolentor-product-item .woolentor-product-card.woolentor-out-of-stock::after,
.woolentor-product-item .woolentor-product-card.woolentor-out-of-stock .woolentor-product-image::after {
	content: none;
}

/* 3. Re-enable the "Read more" button so it opens the product page. */
.woolentor-product-item .woolentor-product-card.woolentor-out-of-stock .woolentor-cart-btn,
.woolentor-product-item .woolentor-product-card.woolentor-out-of-stock .add_to_cart_button {
	pointer-events: auto;
	cursor: pointer;
}