/* JST Destockage — Badge Styles v1.1 */

/* Wrapper around the product image — matches image dimensions exactly */
.jst-destockage-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 0;
}

.jst-destockage-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: normal;
}

/* Badge inside wrap = positioned over the image */
.jst-destockage-wrap .jst-destockage-badge {
    position: absolute;
    z-index: 9;
}

/* Fallback: badge injected directly inside <li class="product"> */
ul.products li.product,
.products .product,
li.product {
    position: relative;
}

.jst-destockage-fallback {
    position: absolute;
    z-index: 9;
    pointer-events: none;
}

/* Badge base (colors + position set via inline CSS from admin settings) */
.jst-destockage-badge {
    padding: 6px 14px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    line-height: 1;
    pointer-events: none;
    white-space: nowrap;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    display: inline-block;
}

/* Cart: smaller badge */
.jst-destockage-cart {
    position: relative;
    display: inline-block;
}

.jst-destockage-cart .jst-destockage-badge {
    padding: 2px 6px;
    font-size: 9px !important;
}

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

.woocommerce-product-gallery .jst-destockage-wrap {
    display: block;
    width: 100%;
}