/*
 * "OUTLET" badge on catalogue cards — see framework/product-outlet.php.
 *
 * Only the colour is set here. Size, weight, casing, spacing and the stack's
 * position all come from the theme's own `.product-labels > *`, on purpose: the
 * badge is a sibling of "Sold out" and "Preorder", not a new kind of thing, and
 * it should follow the theme's label skin wherever that skin goes.
 *
 * Deep violet, because the three colours already in that stack are taken and
 * each means something: red/main is the discount, amber is "Preorder"
 * (orderable, just not from the shelf), grey is the "Sold out" refusal. "Outlet"
 * is none of those — it is a shelf of its own — and it has to stay legible
 * beside any of them, since a product in the outlet may also be discounted or on
 * backorder.
 *
 * Specificity note: `.product-labels .onoutlet` is two classes and outranks the
 * theme's `.product-labels > *`, which is where the default background comes
 * from.
 */

.product-labels .onoutlet {
    background-color: #5e35b1;
    border-color: #5e35b1;
    color: #fff;
}

/*
 * The `label-circle` skin sizes every label to a fixed 48px circle, which
 * "OUTLET" does not fit. That skin is not in use — `product_labels` is `square`
 * in `_ovic_customize_options` — but if it is ever switched, this keeps the
 * badge readable instead of clipped.
 */
.label-circle .product-labels .onoutlet {
    width: auto;
    height: auto;
    border-radius: 12px;
    padding: 3px 10px;
}