.csd-discount-badge {
    display: inline-block;
    background-color: #f44336;
    color: white;
    padding: 2px 6px;
    border-radius: 3px;
    font-weight: bold;
    margin-left: 5px;
    vertical-align: middle;
}

/* Custom price badge */
.csd-custom-price-badge {
    background-color: #4CAF50;
}

/* Ensure the discount badge is properly aligned */
.price .csd-discount-badge {
    vertical-align: middle;
}

/* Style for cart discount display */
.cart-discount .csd-discount-label {
    font-weight: bold;
}

/* Increase the size of the entire price block */
.jet-woo-product-price,
.price {
    font-size: 2em !important;
    line-height: 1.2;
    margin: 10px 0;
}

/* Make the crossed-out price slightly smaller */
.price del {
    font-size: 0.95em;
    color: #666;
    font-weight: normal;
    opacity: 0.9;
    vertical-align: middle;
}

/* Make the crossed-out price slightly smaller in WooCommerce price spans */
.woocommerce-Price-amount del,
del .woocommerce-Price-amount,
span.woocommerce-Price-amount.amount del,
del span.woocommerce-Price-amount.amount {
    font-size: 0.95em !important;
}

/* Additional selectors to ensure the crossed-out price is slightly smaller */
del,
del * {
    font-size: 0.95em !important;
}

/* Ensure the current price stands out */
.price ins {
    font-weight: bold;
    text-decoration: none;
    margin-left: 5px;
    font-size: 1em;
}

/* Fix alignment of prices */
.price del,
.price ins {
    display: inline-block;
    vertical-align: middle;
}

/* Ensure discount badge is properly aligned with smaller crossed-out price */
.price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

/* Increase the size of the discount badge */
.csd-discount-badge {
    font-size: 0.5em !important;
    padding: 3px 8px !important;
}