/* ============================================================
 * سیستم دکمهٔ مستر گجت
 * ------------------------------------------------------------
 * یک زبان بصری واحد برای همهٔ کنش‌های اصلی سایت، هم‌تراز با دکمهٔ
 * «ورود به مستر گجت» در افزونهٔ OTP:
 *   ارتفاع ۵۴ / گردی ۱۲ / رنگ برند / سایهٔ رنگیِ ملایم
 *
 * فقط دکمه‌های «کنش اصلی» هدف گرفته شده‌اند تا دکمه‌های فرعی قالب
 * (فیلتر، جستجو، کوپن و…) دست‌نخورده بمانند.
 * برای هر دکمهٔ دیگری کافی است کلاس rb-btn به آن داده شود.
 * ============================================================ */

:root{
	--rb-h: 54px;
	--rb-radius: 12px;
	--rb-shadow: 0 6px 16px -8px rgba(0, 96, 239, .75);
	--rb-ease: cubic-bezier(.16, 1, .3, 1);
	--rb-brand: var(--mc, #0060EF);
	--rb-brand-dark: #0052cc;
	--rb-wash: var(--sc, #f4f6ff);
}

/* ---------- کنش اصلی ---------- */
.rb-btn,
.rb_btn,                                   /* «تایید و تکمیل سفارش» صفحهٔ سبد */
.single_add_to_cart_button,
.wc-proceed-to-checkout a.checkout-button,
#place_order,
.woocommerce #place_order,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.button{
	height: var(--rb-h) !important;
	min-height: var(--rb-h) !important;
	border: 0 !important;
	border-radius: var(--rb-radius) !important;

	background: var(--rb-brand) !important;
	background-image: none !important;
	color: #fff !important;

	font-family: inherit !important;
	font-size: 15.5px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;

	/* inline-flex نه flex: با flex هر لینکِ کوتاهی (مثل «فروشگاه» در سبد خالی)
	   بلوکی و تمام‌عرض می‌شد */
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align: middle;
	gap: 9px !important;

	margin: 0 !important;
	padding: 0 14px !important;
	cursor: pointer !important;

	box-shadow: var(--rb-shadow) !important;
	transition: background .22s ease, color .22s ease, box-shadow .22s ease;
}

.rb-btn:hover,
.rb_btn:hover,
.single_add_to_cart_button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
#place_order:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover{
	background: var(--rb-brand-dark) !important;
	color: #fff !important;
}

/* شبه‌المان‌های دکمهٔ وودمارت داخل این دکمه‌ها بی‌اثر می‌شوند
   (به‌جز حالت انتظار که ::after اسپینر است) */
.rb-btn:not(.rb-atc-wait)::before, .rb-btn:not(.rb-atc-wait)::after,
.rb_btn:not(.rb-atc-wait)::before, .rb_btn:not(.rb-atc-wait)::after,
.single_add_to_cart_button::before, .single_add_to_cart_button::after,
.wc-proceed-to-checkout a.checkout-button::before,
.wc-proceed-to-checkout a.checkout-button::after,
#place_order::before, #place_order::after{
	content: none !important;
	display: none !important;
}

/* دکمه‌های تمام‌عرض (سبد خرید، تسویه، صفحهٔ محصول) */
.wc-proceed-to-checkout a.checkout-button,
#place_order,
.rb_btn.w-100,
.cart_totals .rb_btn,
.add_to_cart .single_add_to_cart_button{
	width: 100% !important;
}

/* ---------- کنش فرعی ---------- */
.rb-btn--ghost{
	background: var(--rb-wash) !important;
	color: var(--rb-brand) !important;
	box-shadow: none !important;
}
.rb-btn--ghost:hover{
	background: rgba(0, 96, 239, .16) !important;
	color: var(--rb-brand) !important;
}

/* ---------- غیرفعال ---------- */
.rb-btn:disabled,
.single_add_to_cart_button:disabled,
#place_order:disabled{
	background: #E6EAF3 !important;
	color: #8A93A6 !important;
	box-shadow: none !important;
	cursor: not-allowed !important;
}

/* در نوار چسبان پایین موبایل سایهٔ رنگی حذف می‌شود؛
   خود نوار سایه دارد و روی هم کدر می‌شوند */
@media (max-width: 991px){
	.product_sticky_price_box .single_add_to_cart_button,
	.custom_cart_box .single_add_to_cart_button{
		box-shadow: none !important;
	}
}


/* ============================================================
 * رفع باگ کشیدگی گرید محصولات (وودمارت)
 * ------------------------------------------------------------
 * اسکریپت «هم‌ارتفاع‌سازی ردیف‌ها»ی خودِ وودمارت گاهی ارتفاع را قبل از
 * لود کامل عکس‌های lazy-load اندازه می‌گیرد، یک عدد اشتباه بزرگ به‌دست
 * می‌آورد و آن را برای همیشه در grid-template-rows (inline style) ثابت
 * می‌کند — دیگر هیچ‌وقت دوباره محاسبه نمی‌شود مگر با resize/zoom.
 * نتیجه: چند کارت محصول بدون دلیل خیلی کشیده/بلند می‌شوند.
 *
 * به CSS Grid اجازه می‌دهیم خودش طبیعی این ارتفاع را حساب کند —
 * این هیچ‌وقت این باگ را ندارد، چون هربار از روی محتوای واقعی
 * (نه یک اندازه‌گیری زودهنگام) محاسبه می‌شود.
 * ============================================================ */
.products.wd-products,
.products.wd-products.wd-grid-g{
	grid-template-rows: unset !important;
}