/**
 * Permanent navbar cart BAG icon styles.
 * Uses the theme bag glyph already defined for toggle-icon--vamtam-theme.
 */

.elementor-menu-cart__toggle .elementor-button-icon {
	position: relative;
}

.elementor-menu-cart__toggle .elementor-button-icon > i.ln-nav-cart-bag {
	display: inline-block !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1 !important;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "theme-icons" !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	box-shadow: none !important;
	border: 0 !important;
	color: inherit !important;
	position: relative;
	z-index: 0;
}

.elementor-menu-cart__toggle .elementor-button-icon > i.ln-nav-cart-bag::before {
	font-family: "theme-icons" !important;
	content: var(--vamtam-icon-bag, "\e904");
	display: inline-block;
	line-height: 1;
	color: inherit;
	position: relative;
	z-index: 0;
}

/* Never show Elementor's trolley SVG when our bag <i> is present. */
.elementor-menu-cart__toggle .elementor-button-icon:has(> i.ln-nav-cart-bag) > svg.e-font-icon-svg {
	display: none !important;
}

/*
 * Quantity badge must sit ABOVE the bag with a fully opaque brown fill.
 * Bag lines must not show through the circle.
 */
.elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty,
.elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty {
	position: absolute !important;
	z-index: 2 !important;
	background-color: #7e4129 !important;
	background: #7e4129 !important;
	opacity: 1 !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	isolation: isolate;
	color: #fff !important;
	pointer-events: none;
}