/* WC Sold Out Ribbon & Overlay (refined to stay inside container) */

.wcsr-wrap,
.wcsr-single-wrap { position: relative; }

/* Ensure all potential image wrappers clip children */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product a,
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .wcsr-wrap,
.single-product .woocommerce-product-gallery,
.single-product .wcsr-single-wrap {
  border-radius: inherit;
}

.woocommerce ul.products li.product,
.single-product .woocommerce-product-gallery {
  position: relative;
  overflow: hidden; /* clip ribbon & overlay strictly to container */
}

/* Absolute overlay clipped by parent overflow */
.woocommerce ul.products li.product .wcsr-wrap,
.wcsr-single-wrap .wcsr-wrap {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

/* Dark overlay */
.wcsr-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,var(--wcsr-overlay-opacity, .45));
  border-radius: inherit;
}

/* Diagonal golden ribbon — centered and clipped */
.wcsr-ribbon {
  --h: var(--wcsr-ribbon-width, 100px);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 140%;
  height: var(--h);
  transform: translate(-50%,-50%) rotate(var(--wcsr-angle, -18deg));
  background: linear-gradient(120deg, var(--wcsr-grad-from, #c79d3a), var(--wcsr-grad-to, #f7e7a6));
  box-shadow: var(--wcsr-ribbon-shadow, none);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Text style */
.wcsr-text::before {
  content: var(--wcsr-text, "SOLD OUT");
  color: var(--wcsr-text-color, #111);
  font-size: var(--wcsr-font-size, 28px);
  font-weight: var(--wcsr-font-weight, 800);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-shadow: 0 2px 2px rgba(0,0,0,.25);
}

/* Single product overlay */
.single-product .wcsr-single-wrap {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
}

/* Elementor cards also get overflow hidden safeguard */
.elementor .woocommerce ul.products li.product,
.elementor .woocommerce .products .product {
  position: relative;
  overflow: hidden;
}