/**
 * Sale Product Widget Styles
 */

/* Wrapper positioning - absolute mode (default) */
.vime-sale-product-wrapper.display-absolute {
    position: absolute;
    top: 0;
    z-index: 10;
}

/* Wrapper positioning - inline mode */
.vime-sale-product-wrapper.display-inline {
    position: relative;
    display: inline-flex;
}

.vime-sale-product-wrapper.position-left {
    left: 0;
}

.vime-sale-product-wrapper.position-right {
    right: 0;
}

/* Badge styling */
.vime-sale-product-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 600;
    white-space: nowrap;
}

.vime-badge-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vime-badge-text {
    display: inline-block;
}

.vime-discount-amount {
    font-weight: 700;
}

/* Editor preview */
.vime-sale-product-wrapper.elementor-preview {
    position: relative;
}

.vime-sale-product-wrapper.elementor-preview .vime-sale-product-badge {
    position: absolute;
}

.vime-sale-product-wrapper.elementor-preview.position-left .vime-sale-product-badge {
    top: 10px;
    left: 10px;
}

.vime-sale-product-wrapper.elementor-preview.position-right .vime-sale-product-badge {
    top: 10px;
    right: 10px;
}

/* Product grid/loop compatibility */
.woocommerce ul.products li.product {
    position: relative;
}

.woocommerce ul.products li.product .vime-sale-product-wrapper {
    pointer-events: none;
}

.woocommerce ul.products li.product .vime-sale-product-badge {
    pointer-events: auto;
}

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

.woocommerce-product-gallery .vime-sale-product-wrapper {
    z-index: 20;
}

/* Prevent overlap when both badges are present */
.vime-new-product-wrapper.position-left + .vime-sale-product-wrapper.position-left .vime-sale-product-badge,
.vime-sale-product-wrapper.position-left + .vime-new-product-wrapper.position-left .vime-new-product-badge {
    margin-top: 50px;
}

.vime-new-product-wrapper.position-right + .vime-sale-product-wrapper.position-right .vime-sale-product-badge,
.vime-sale-product-wrapper.position-right + .vime-new-product-wrapper.position-right .vime-new-product-badge {
    margin-top: 50px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .vime-sale-product-badge {
        font-size: 0.875em;
    }
    
    .vime-discount-amount {
        font-size: 0.9em;
    }
}