/* Autonomous_MirasvitRewards, Board #133: «54 ×2 = 108 Mega Points».
 * Markup comes from Model\DoublePoints\LabelBuilder and appears only where earning rules 1 AND 7 both apply.
 * Classes only (no inline styles: the storefront CSP). The existing points colours live in the store config
 * mst_core/css/custom and are left alone; the :has() rules below only restyle the container of an x2 label. */

.autonomous-points-x2 {
    color: #5b21b6;
    font-weight: 700;
}

.autonomous-points-x2__mult {
    display: inline-block;
    margin: 0 1px;
    padding: 0 6px;
    border-radius: 5px;
    background: #6d28d9;
    color: #fff;
    font-weight: 800;
    line-height: 1.45;
}

/* Category, search and listing cards: the whole line turns purple, not only the calculation. */
.catalog-category-view .products-grid .product-item .rewards__product-earn-points > .price[data-points-updated]:has(.autonomous-points-x2) {
    color: #5b21b6;
}

/* Product page: same box as the stock points message, in purple instead of pink. */
.catalog-product-view .product-info-main .product-info-price .price-container.price-final_price.rewards_earn .rewards__product-earn-points > .price[data-points-updated]:has(.autonomous-points-x2) {
    border-left-color: #6d28d9;
    background: #f5f3ff;
    color: #4c1d95;
}