/**
 * پایه‌ی سازگاری بصری با ووکامرس.
 *
 * این فایل فقط عناصر پیش‌فرض ووکامرس را با توکن‌های طراحی غذا هماهنگ می‌کند
 * تا قبل از رسیدن به فازهای اختصاصی (کارت محصول در فاز ۷، سبد خرید در فاز ۱۰ و ...)
 * ظاهر ووکامرس با بقیه‌ی سایت ناهماهنگ به‌نظر نرسد.
 */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var( --ghaza-primary );
	color: #ffffff;
	border: none;
	border-radius: var( --ghaza-radius-md );
	padding: var( --ghaza-space-3 ) var( --ghaza-space-5 );
	font-weight: 600;
	transition: background-color var( --ghaza-transition-fast );
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: var( --ghaza-primary-dark );
	color: #ffffff;
}

.woocommerce a.added_to_cart {
	color: var( --ghaza-primary );
	font-weight: 600;
}

.woocommerce span.onsale {
	background-color: var( --ghaza-danger );
	color: #ffffff;
	border-radius: var( --ghaza-radius-sm );
	font-size: var( --ghaza-font-size-caption );
	font-weight: 700;
	min-height: auto;
	min-width: auto;
	padding: 2px var( --ghaza-space-2 );
	line-height: 1.6;
}

.woocommerce .price {
	color: var( --ghaza-text );
	font-weight: 700;
}

.woocommerce .price ins {
	text-decoration: none;
	color: var( --ghaza-danger );
}

.woocommerce .price del {
	color: var( --ghaza-text-secondary );
	opacity: 0.8;
}

.woocommerce-message,
.woocommerce-info {
	border-top-color: var( --ghaza-primary );
	background-color: rgba( 30, 79, 217, 0.06 );
}

.woocommerce-error {
	border-top-color: var( --ghaza-danger );
	background-color: rgba( 225, 75, 75, 0.06 );
}

.woocommerce div.quantity .qty {
	border: 1px solid var( --ghaza-border );
	border-radius: var( --ghaza-radius-md );
	padding: var( --ghaza-space-2 );
	text-align: center;
}

.woocommerce table.shop_table {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid var( --ghaza-border );
	border-radius: var( --ghaza-radius-md );
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-bottom: 1px solid var( --ghaza-border );
	padding: var( --ghaza-space-3 );
	text-align: right;
}

.woocommerce-checkout .form-row label,
.woocommerce-account .form-row label {
	font-weight: 600;
	font-size: var( --ghaza-font-size-small );
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-account input.input-text,
.woocommerce-account select,
.woocommerce-account textarea {
	border: 1px solid var( --ghaza-border );
	border-radius: var( --ghaza-radius-md );
	padding: var( --ghaza-space-3 );
	width: 100%;
}