/**
 * PPC new-release "NEW" cover badge.
 *
 * Applied to products carrying the `ppc-new-release` class (added in
 * new-release.php via the post_class filter). No badge plugin.
 *
 * Two contexts share one badge look:
 *   - Loop/archive cards: post_class lands on the <li> card → badge sits over
 *     the card image (top-left). This is the default anchor.
 *   - Single product page: post_class lands on the full-width product wrapper
 *     (div.product — gallery + summary), so anchoring there floats the badge off
 *     to the wrapper's corner. Instead we suppress the wrapper badge and re-anchor
 *     to Woostify's image container (.product-images-container).
 *
 * The single-product suppression is scoped to `div.product` (the main wrapper)
 * so flagged related-product cards (li.product) on the same page keep their badge.
 */

/* --- Badge appearance — shared by loop cards and the single-product image --- */
.ppc-new-release::before,
.single-product .ppc-new-release .product-images-container::before {
    content: "NEW";
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 5;
    padding: 4px 9px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background: #d2232a; /* placeholder brand red — confirm PPC brand color */
    border-radius: 3px;
    pointer-events: none;
}

/* Loop/archive cards: anchor the badge to the <li> card. */
.ppc-new-release {
    position: relative;
}

/* Single product: don't badge the full-width wrapper — put it on the image.
   Scoped to div.product so related-product loop cards (li) keep their badge. */
.single-product div.product.ppc-new-release::before {
    content: none;
}

.single-product .ppc-new-release .product-images-container {
    position: relative;
}