/**
 * Highlights the Elementor menu cart toggle whenever the cart has items.
 * Adjust the CSS variables below to fine-tune the colors site-wide.
 */
:root {
	--bsm-menu-cart-indicator-bg: var(--e-global-color-accent, #111111);
	--bsm-menu-cart-indicator-text: red;
}

body .elementor-menu-cart__toggle_button.bsm-menu-cart--has-items {
	background-color: var(--bsm-menu-cart-indicator-bg);
	border-color: var(--bsm-menu-cart-indicator-bg);
	color: var(--bsm-menu-cart-indicator-text);
	transition: background-color 0.25s ease, color 0.25s ease;
}

body .elementor-menu-cart__toggle_button.bsm-menu-cart--has-items .elementor-button-icon,
body .elementor-menu-cart__toggle_button.bsm-menu-cart--has-items .elementor-button-icon svg,
body .elementor-menu-cart__toggle_button.bsm-menu-cart--has-items .elementor-button-icon i,
body .elementor-menu-cart__toggle_button.bsm-menu-cart--has-items .elementor-button-text,
body .elementor-menu-cart__toggle_button.bsm-menu-cart--has-items .elementor-menu-cart__count {
	color: inherit;
	fill: currentColor;
}

body .elementor-menu-cart__toggle_button.bsm-menu-cart--has-items .elementor-menu-cart__count {
	background-color: rgba(255, 255, 255, 0.2);
}

body .elementor-menu-cart__toggle_button.bsm-menu-cart--has-items:hover,
body .elementor-menu-cart__toggle_button.bsm-menu-cart--has-items:focus-visible {
	filter: brightness(1.05);
}