/* Woo Sold Out Badge (Overlay)
   - Uses WooCommerce's built-in `outofstock` class on products.
   - Adds an overlay badge with a shaded background for readability.
*/

/* Product grids / archives */
li.product.outofstock a.woocommerce-LoopProduct-link,
li.product.outofstock a.woocommerce-loop-product__link {
  position: relative;
  display: block;
}

li.product.outofstock a.woocommerce-LoopProduct-link::after,
li.product.outofstock a.woocommerce-loop-product__link::after {
  content: "SOLD OUT";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 0.55em 0.85em;
  font-size: 1.05em;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: 6px;
  z-index: 3;
  pointer-events: none;
  line-height: 1;
  text-align: center;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

li.product.outofstock a.woocommerce-LoopProduct-link img,
li.product.outofstock a.woocommerce-loop-product__link img {
  opacity: 0.65;
}

/* Single product page */
.single-product .product.outofstock .woocommerce-product-gallery {
  position: relative;
}

.single-product .product.outofstock .woocommerce-product-gallery::after {
  content: "SOLD OUT";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 0.65em 1.0em;
  font-size: 1.15em;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  border-radius: 8px;
  z-index: 5;
  pointer-events: none;
  line-height: 1;
  text-align: center;
  box-shadow: 0 8px 22px rgba(0,0,0,0.25);
}

/* Dim only the main gallery images, not necessarily all thumbnails */
.single-product .product.outofstock .woocommerce-product-gallery__wrapper img {
  opacity: 0.65;
}

/* Optional: prevent badge from overlapping zoom/onsale elements too aggressively */
.single-product .product.outofstock .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  z-index: 6;
}