/* Coming Soon — Qode-specific adjustments (targets only Coming Soon badges) */
/* Targets the Qode selectors you provided but only when the badge has .wc-coming-soon */
#qode-quick-view-for-woocommerce-pop-up .qodef-woo-product-mark.qodef-woo-onsale.wc-coming-soon,
#qodef-woo-page .qodef-woo-product-mark.qodef-woo-onsale.wc-coming-soon,
.qodef-woo-shortcode .qodef-woo-product-mark.qodef-woo-onsale.wc-coming-soon,
.qodef-woo-product-mark.qodef-woo-onsale.wc-coming-soon {
    display: inline-block;
    padding: 4px 4px;       /* slightly larger box */
    border-radius: 4px;
    font-weight: 700;
    line-height: 1;
    box-sizing: content-box;
    max-width: 100%;
    text-overflow: ellipsis; /* avoid pushing off-screen */
}

/* Small screens: allow wrapping so badge doesn't overflow container */
@media (max-width: 480px) {
    #qode-quick-view-for-woocommerce-pop-up .qodef-woo-product-mark.qodef-woo-onsale.wc-coming-soon,
    #qodef-woo-page .qodef-woo-product-mark.qodef-woo-onsale.wc-coming-soon,
    .qodef-woo-shortcode .qodef-woo-product-mark.qodef-woo-onsale.wc-coming-soon,
    .qodef-woo-product-mark.qodef-woo-onsale.wc-coming-soon {
        padding: 4px 4px;
        white-space: normal;
        word-break: keep-all;
    }
}