/**
 * The Keepers Product Configurator — Gallery tab, "Image background", also
 * on the product images of the cart, mini cart, checkout and sticky bar
 * (setting "Also in the cart, checkout and sticky bar", with "Blend images
 * into it" on). The images are multiplied with the tint by an SVG colour
 * matrix (#kpc-tint-filter, printed in the footer by
 * Keeper_Gallery::tint_filter_svg()): white turns into the tint, the products
 * get a touch darker, like the gallery's blend, without mix-blend-mode (which
 * iPhones drop inside scrolling boxes such as the mini cart drawer).
 */

.kpc-image-tint-more .wc-block-cart-item__image img,
.kpc-image-tint-more .wc-block-components-order-summary-item__image img,
.kpc-image-tint-more .woocommerce-cart-form .product-thumbnail img,
.kpc-image-tint-more .woocommerce-mini-cart-item img,
.kpc-image-tint-more .woocommerce-checkout-review-order-table img,
.kpc-image-tint-more .keeper-sb__thumb {
    filter: url(#kpc-tint-filter);
}

/* The sticky bar's loading state keeps its own filter. */
.kpc-image-tint-more .keeper-sb__media.is-loading .keeper-sb__thumb {
    filter: grayscale(1);
}