/*
 * استایل فرانت‌اند افزونه CMSNevis Woo Payment.
 * تمام کلاس‌ها با پیشوند اختصاصی cmsnevis- نوشته شده‌اند تا با تم فروشگاه یا
 * سایر افزونه‌ها تداخل نداشته باشند. طراحی به‌صورت Mobile First است.
 */

.woocommerce ul.wc_payment_methods li.payment_method_cmsnevis_zarinpal,
.woocommerce ul.wc_payment_methods li.payment_method_cmsnevis_idpay,
.woocommerce ul.wc_payment_methods li.payment_method_cmsnevis_zibal,
.woocommerce ul.wc_payment_methods li.payment_method_cmsnevis_payir,
.woocommerce ul.wc_payment_methods li.payment_method_cmsnevis_mellat,
.woocommerce ul.wc_payment_methods li.payment_method_cmsnevis_saman,
.woocommerce ul.wc_payment_methods li.payment_method_cmsnevis_parsian,
.woocommerce ul.wc_payment_methods li.payment_method_cmsnevis_vandar,
.woocommerce ul.wc_payment_methods li.payment_method_cmsnevis_aqayepardakht {
	position: relative;
	border-radius: 8px;
	transition: background-color 0.2s ease;
}

.woocommerce ul.wc_payment_methods li[class*="payment_method_cmsnevis_"] > label {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.cmsnevis-sandbox-notice {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.6;
	border-radius: 6px;
	background: #fff7ed;
	color: #9a3412;
	border: 1px solid #fdba74;
}

.cmsnevis-sandbox-notice::before {
	content: "⚠";
}

/* توضیحات درگاه‌ها در صفحه‌ی تسویه‌حساب */
.woocommerce ul.wc_payment_methods li[class*="payment_method_cmsnevis_"] .payment_box p {
	margin: 0.6em 0;
	font-size: 13px;
	line-height: 1.8;
}

/* واکنش‌گرایی برای موبایل و تبلت */
@media screen and (max-width: 600px) {
	.woocommerce ul.wc_payment_methods li[class*="payment_method_cmsnevis_"] > label {
		font-size: 14px;
	}

	.cmsnevis-sandbox-notice {
		width: 100%;
		box-sizing: border-box;
	}
}