/*
 * Geotoky — side cart (Elementor Pro "Menu Cart" widget), every page.
 * Fixes the item row: the price and "1 ×" were pale grey on white (the widget's
 * default #d5d8dc) and the remove button collapsed into a thin bar. Scoped to
 * the widget's own classes so nothing else is touched.
 */

.elementor-menu-cart__product {
	align-items: start;
	font-family: "Jost", var(--styler-font, sans-serif);
}

.elementor-menu-cart__product-name,
.elementor-menu-cart__product-name a {
	color: #252525;
	font-size: 15px;
	line-height: 1.35;
}

.elementor-menu-cart__product .variation {
	margin: 6px 0 0;
	color: #7d7d7d;
	font-size: 13px;
}

.elementor-menu-cart__product-price {
	color: #7d7d7d !important;
	font-size: 14px;
	font-weight: 400;
}

.elementor-menu-cart__product-price .amount,
.elementor-menu-cart__product-price .woocommerce-Price-amount,
.elementor-menu-cart__product-price bdi {
	color: #252525 !important;
	font-weight: 500;
}

/* Remove: a 24px circle with a thin cross, quiet until hovered. */
.elementor-menu-cart__product-remove {
	box-sizing: border-box;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px;
	border: 1px solid #cfcfcf !important;
	border-radius: 50% !important;
	color: #7d7d7d;
}

.elementor-menu-cart__product-remove::before,
.elementor-menu-cart__product-remove::after {
	left: 25%;
	width: 50%;
	height: 1px;
	background: #7d7d7d !important;
}

.elementor-menu-cart__product-remove:hover {
	border-color: #da7474 !important;
}

.elementor-menu-cart__product-remove:hover::before,
.elementor-menu-cart__product-remove:hover::after {
	background: #da7474 !important;
}

.elementor-menu-cart__subtotal {
	color: #252525;
	font-size: 15px;
}