/* Discount Lists Manager — Frontend */

/* Wrap added around each product image — gives the badge a positioned ancestor. */
.dlm-image-wrap {
    position: relative;
    display: inline-block;
    line-height: 0; /* avoid extra spacing under <img> */
    max-width: 100%;
}

.dlm-image-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Provide a positioning context inside common product card containers in case the
   builder strips the wrap (e.g. some Elementor templates regenerate markup). */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce div.product,
.elementor-product,
.product-item,
.product {
    position: relative;
}

.dlm-discount-badge {
    position: absolute;
    z-index: 9;
    padding: 6px 12px;
    border-radius: 4px;
    line-height: 1.2;
    display: inline-block;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

.dlm-badge-top-left    { top: 10px;    left: 10px; }
.dlm-badge-top-right   { top: 10px;    right: 10px; }
.dlm-badge-bottom-left { bottom: 10px; left: 10px; }
.dlm-badge-bottom-right{ bottom: 10px; right: 10px; }