/*
 * Default styling for the custom sale badge. These values are sensible defaults
 * that can be overridden by the theme or using the colour picker when editing
 * a product. The badge uses the same classes as WooCommerce sale flashes
 * allowing the theme to apply its own styles if needed.
 */
.wcb-custom-badge {
    display: inline-block;
    padding: 4px 8px;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 4px;
    color: #ffffff;
    background-color: #e74c3c; /* Default red background */
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
}

/* Ensure the badge does not overlap with other sale flash styling */
.wcb-custom-badge.onsale {
    margin: 0;
}