/* =========================================================================
   Metal Universe Shop – Elementor Pro "Menu Cart" (mini cart) in the shop style.
   Each line: image | name, options, price | remove.
   ========================================================================= */

.elementor-menu-cart__main {
	--mc-ink: #F4F3F3;
	--mc-muted: #A3A3A3;
	--mc-line: #2A2A2A;
	--mc-soft: #F2F2F0; /* behind the product photo */
	--mc-accent: var(--e-global-color-primary, #E83324);
	background-color: #111111 !important;
	color: var(--mc-ink);
	border-left: 1px solid #222 !important;
	font-family: var(--e-global-typography-text-font-family, "Source Sans Pro"), "Source Sans Pro", "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
}

.elementor-menu-cart__main .elementor-menu-cart__product {
	display: grid !important;
	grid-template-columns: 72px minmax(0, 1fr) 28px !important;
	grid-template-areas: "img name remove" "img price remove";
	align-items: start;
	column-gap: 14px;
	row-gap: 6px;
	padding: 16px 0 !important;
	border-bottom: 1px solid var(--mc-line) !important;
}

.elementor-menu-cart__main .elementor-menu-cart__product-image {
	grid-area: img;
	width: 72px !important;
	padding: 0 !important;
	border: 0 !important;
}
.elementor-menu-cart__main .elementor-menu-cart__product-image a,
.elementor-menu-cart__main .elementor-menu-cart__product-image img {
	display: block;
	width: 72px !important;
	height: 72px !important;
	max-width: none !important;
	border-radius: 4px;
	background: var(--mc-soft);
	object-fit: contain;
	mix-blend-mode: normal;
}

.elementor-menu-cart__main .elementor-menu-cart__product-name {
	grid-area: name;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 14px !important;
	line-height: 1.35;
	color: var(--mc-ink);
}
.elementor-menu-cart__main .elementor-menu-cart__product-name > a {
	display: block;
	color: var(--mc-ink) !important;
	font-weight: 600;
	text-decoration: none;
}

/* Options and design: one muted line each ("Дизайн: Лице – Голям принт") */
.elementor-menu-cart__main .elementor-menu-cart__product-name dl.variation {
	display: block !important;
	margin: 4px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 12.5px;
	line-height: 1.45;
	color: var(--mc-muted);
}
.elementor-menu-cart__main dl.variation dt,
.elementor-menu-cart__main dl.variation dd {
	display: inline !important;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 400 !important;
	color: var(--mc-muted);
}
.elementor-menu-cart__main dl.variation dt { margin-right: 4px !important; }
.elementor-menu-cart__main dl.variation dd::after { content: ""; display: block; }
.elementor-menu-cart__main dl.variation dd p { display: inline; margin: 0 !important; }

.elementor-menu-cart__main .elementor-menu-cart__product-price {
	grid-area: price;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: left !important;
	font-size: 14px !important;
	font-weight: 600;
	color: var(--mc-ink) !important;
}
.elementor-menu-cart__main .elementor-menu-cart__product-price .quantity,
.elementor-menu-cart__main .elementor-menu-cart__product-price .amount { color: var(--mc-ink) !important; }
.elementor-menu-cart__main .elementor-menu-cart__product-price .product-quantity { font-weight: 400; color: var(--mc-muted); }

.elementor-menu-cart__main .elementor-menu-cart__product-remove {
	grid-area: remove;
	position: relative !important; /* Elementor draws the × with pseudo-elements on this box */
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	width: 28px !important;
	height: 28px !important;
	margin: 0 !important;
	border: 1px solid var(--mc-line) !important;
	border-radius: 50%;
}

.elementor-menu-cart__main .elementor-menu-cart__subtotal {
	display: flex !important;
	justify-content: space-between;
	align-items: baseline;
	padding: 18px 0 !important;
	border: 0 !important;
	font-size: 15px !important;
	color: var(--mc-ink);
}
.elementor-menu-cart__main .elementor-menu-cart__subtotal strong { font-weight: 600; letter-spacing: 0; text-transform: none; }
.elementor-menu-cart__main .elementor-menu-cart__subtotal .amount { font-size: 20px; font-weight: 700; }

.elementor-menu-cart__main .elementor-menu-cart__footer-buttons { gap: 10px !important; }
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 16px !important;
	border: 1.5px solid rgba(255, 255, 255, .28) !important;
	border-radius: 3px !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	transition: background .2s, border-color .2s;
}
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button:hover { border-color: #fff !important; background: rgba(255, 255, 255, .07) !important; }
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--checkout {
	border-color: var(--mc-accent) !important;
	background: var(--mc-accent) !important;
}
.elementor-menu-cart__main .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover { border-color: #C92617 !important; background: #C92617 !important; }

/* Close (×) and remove (×): light on the dark panel. */
.elementor-menu-cart__main .elementor-menu-cart__close-button::before,
.elementor-menu-cart__main .elementor-menu-cart__close-button::after { background: var(--mc-ink) !important; }
.elementor-menu-cart__main .elementor-menu-cart__product-remove::before,
.elementor-menu-cart__main .elementor-menu-cart__product-remove::after { background: var(--mc-muted) !important; }
.elementor-menu-cart__main .elementor-menu-cart__product-remove:hover { border-color: var(--mc-accent) !important; }
.elementor-menu-cart__main .elementor-menu-cart__product-remove:hover::before,
.elementor-menu-cart__main .elementor-menu-cart__product-remove:hover::after { background: var(--mc-accent) !important; }
.elementor-menu-cart__main .elementor-menu-cart__product-remove > a { opacity: 0; }

/* Empty cart message. */
.elementor-menu-cart__main .woocommerce-mini-cart__empty-message { color: var(--mc-muted) !important; text-align: center; }

/* The dimmed page behind the drawer. */
.elementor-menu-cart__container.elementor-lightbox { background-color: rgba(0, 0, 0, .6) !important; }
