/**
 * دکمه‌ی افزودن به سبد — برگرفته از ماهدیس‌وب.
 *
 * قالب‌های `woocommerce/single-product/add-to-cart/` هم عیناً از همان
 * قالب آمده‌اند: خروجی استانداردِ ووکامرس، فقط با یک آیکن داخل دکمه.
 * تنها تغییر نسبت به اصل، رنگ‌هاست که به توکن‌های پنل وصل شده‌اند تا
 * از تنظیماتِ برند پیروی کنند، و آیکن که چون sprite آن‌ها را نداریم
 * درون‌خطی نوشته شده.
 */

.woocommerce .entry-summary .cart .single_add_to_cart_button,
.cart .single_add_to_cart_button,
.cart .added_to_cart {
	position: relative;
	border: none;
	height: 38px;
	line-height: 38px;
	background: var( --nb-accent, #720eec );
	color: var( --nb-acc-fg, #fff );
	padding: 0 15px;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	font-family: inherit;
	border-radius: var( --nb-radius, 10px );
	transition: all .2s linear;
	cursor: pointer;
	vertical-align: middle;
}

.woocommerce .entry-summary .cart .single_add_to_cart_button:hover,
.cart .single_add_to_cart_button:hover {
	background: var( --nb-accent-hover, #8b3af0 );
}

.cart .added_to_cart.wc-forward {
	background-color: #555;
	margin-right: 8px;
}

.woocommerce .product .cart .single_add_to_cart_button.disabled {
	background-color: #9e9e9e;
}

.elementor-add-to-cart .cart .single_add_to_cart_button {
	height: auto !important;
}

.woocommerce div.type-product form.cart .button,
.woocommerce div.product form.cart .button {
	vertical-align: middle;
}

.elementor-add-to-cart.elementor-product-simple .cart,
.elementor-add-to-cart.elementor-product-variable .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
}

.woocommerce .entry-summary .cart .single_add_to_cart_button.externalaffiliate-product {
	padding: 0 25px;
}

/* آیکنِ کیف داخل دکمه */

.woocommerce .entry-summary .cart .single_add_to_cart_button .elm_a2c_i,
.cart .single_add_to_cart_button .elm_a2c_i,
.cart .added_to_cart .elm_a2c_i {
	display: inline-flex;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
	margin-left: 10px;
	font-size: 18px;
	stroke: currentColor;
	background: transparent;
	align-items: center;
	justify-content: center;
}

.elm_a2c_i svg {
	stroke: currentColor;
	width: 25px;
	height: auto;
}