/*
 * Boutique Design : module Pastille du panier.
 *
 * Le widget « Panier » d'Elementor Pro peint sa pastille avec
 *   background-color: var(--items-indicator-background-color, #d9534f);
 *   color: var(--items-indicator-text-color, #fff);
 * Le rouge n'est donc que la valeur de secours de deux variables. Le plugin
 * leur donne une valeur au lieu de repeindre la pastille : rien d'autre ne
 * change dans son dessin.
 *
 * Priorite : :where() ramene la regle au poids d'une seule classe (0,1,0). Une
 * couleur choisie dans le widget (onglet Style > Indicateur d'articles) est
 * ecrite par Elementor avec un poids de 0,3,0 : elle l'emporte toujours. Le
 * module ne remplace donc que le rouge par defaut.
 *
 * Seul l'affichage en bulle est vise : en affichage simple, Elementor ecrit le
 * chiffre a cote de l'icone sans fond, et un chiffre blanc y disparaitrait.
 */

.elementor-widget-woocommerce-menu-cart:where(.elementor-menu-cart--items-indicator-bubble) {
  --items-indicator-background-color: var(--dilo-primaire);
  --items-indicator-text-color: var(--dilo-sur-primaire, #FFFFFF);
}