/*------------------------------------*/
/* Hide Astra/Woo OnSale Badges       */
/*------------------------------------*/

/* Reset default WooCommerce Sale badge */
.woocommerce ul.products li.product .onsale {
    all: unset;
    position: absolute;
    display: inline-block;
}

/* Reset default Astra Sale badge */
.astra-shop-thumbnail-wrap .onsale {
    display: none !important;
}

/*------------------------------------*/
/* Uniform IGN Badges                 */
/*  OnSale                            */
/*  New Arrival                       */
/*  Limited Edition                   */
/*                                    */
/* Sold Out Badge is Astras Default   */
/*------------------------------------*/
/* Badge container */
.ign-product-badges {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    z-index: 6;
}

/* Shared badge base style */
.ign-product-badges .ign-badge--onsale,
.ign-product-badges .ign-badge--new-arrival,
.ign-product-badges .ign-badge--limited {
    display: inline-block;
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 0.85rem;
    color: #fff;
    white-space: nowrap;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}

/* Individual badge colors */
/* Green */
.ign-badge--onsale {
    background: var(--ign-badge-onsale-background);
}

/* Neutral cream */
.ign-badge--new-arrival {
    background: var(--ign-badge-new-arrival-background);
    color: var(--ign-badge-new-arrival-text) !important;
}

/* Lavender accent */
.ign-badge--limited {
    background: var(--ign-badge-limited-background);
}