/**
 * Frontend styles
 *
 * @package WC_Category_Discount
 * @since   1.0.0
 */

/* Discount badge */
.wc-category-discount-badge {
    display: inline-block;
    background-color: #e74c3c;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 3px;
    margin-left: 8px;
    vertical-align: middle;
    line-height: 1.5;
}

/* Price display */
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    opacity: 0.6;
    font-size: 0.9em;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    text-decoration: none;
    font-weight: 700;
}

/* Archive/Shop page */
.woocommerce ul.products li.product .price del {
    opacity: 0.6;
    font-size: 0.9em;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none;
    font-weight: 700;
}

/* Cart */
.woocommerce-cart-form .product-price del {
    opacity: 0.6;
}

.woocommerce-cart-form .product-price ins {
    text-decoration: none;
}

/* Ensure badge displays nicely on smaller screens */
@media screen and (max-width: 768px) {
    .wc-category-discount-badge {
        display: block;
        margin-left: 0;
        margin-top: 5px;
        width: fit-content;
    }
}