/* کانتینر محصولات */
.products-container {
  max-width: 100%;
  margin: 1em auto;
  padding: 0 1em;
  font-family: sans-serif;
  direction: rtl;
  color: #333;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.product-card {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 1rem;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-title {
  font-size: 1.05rem;
  margin-bottom: 0.5rem;
  color: #111;
}

.product-meta {
  display: flex;
  justify-content: space-between;
  margin: 0.25em 0;
  font-size: 0.95rem;
}

.product-meta .label {
  font-weight: 500;
}

.product-total {
  margin-top: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  text-align: right;
  color: #007acc;
}

.order-summary h4 {
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
}

.summary-item {
  display: flex;
  justify-content: space-between;
  margin: 0.4rem 0;
  font-size: 0.975rem;
}

.summary-item.discount {
  color: #c00;
}

.summary-item.total {
  font-size: 1.05rem;
  font-weight: 700;

  padding-top: 0.75rem;
}

@media (max-width: 600px) {
  .products-container {
    padding: 0 0.5rem;
  }

  .product-meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-total {
    text-align: left;
  }
}

.order-summary .summary-item.discount .value {
  color: #d00 !important;
}

/* کانتینر وضعیت محصول */
.status-container {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  background-color: #f5f5f5;
  font-weight: 500;
  color: #333;
  text-align: center;
  text-justify: inter-word;
}

/* افزودن فاصله بین ردیف وضعیت و قیمت واحد */
.product-card .status-container {
  margin-bottom: 1em;
}

/* استایل مقادیر خلاصه سبد خرید */
.order-summary .summary-item .value {
  font-weight: bold;
}

/* بسته‌بندی دو ردیف “تعداد کل” و “قیمت کل” */
.order-summary .summary-values-box {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* توضیحات زیر “قیمت کل” */
.order-summary .summary-notice-box {
  margin-top: 1rem;
  padding: 1rem;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  text-align: justify;
  text-justify: inter-word;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.order-summary .summary-values-box .summary-item {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 600px) {

  .order-summary .summary-values-box,
  .order-summary .summary-notice-box {
    padding: 0.75rem;
  }
}

/* پلاگین WCPM – خلاصه سفارش */
.wcpm-order-summary-info {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  padding: 16px;
  margin: 20px 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.wcpm-order-summary-info .wcpm-summary-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.wcpm-order-summary-info .wcpm-summary-row.total {
  font-weight: 600;

  padding-top: 8px;
  margin-top: 12px;
}

/* کانتینر کوپن */
#wcpm-custom-coupon-container {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 1.25rem;
  margin: 1.5rem 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  position: relative;
}

#wcpm-custom-coupon-container h3 {
  margin-top: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #222;
}

#wcpm_custom_coupon_form {
  display: flex;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

#wcpm_custom_coupon_code {
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.95rem;
}

#wcpm_apply_custom_coupon,
#wcpm_remove_custom_coupon {
  padding: 0.55rem 1.1rem;
  background-color: #007acc;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}

#wcpm_apply_custom_coupon:hover,
#wcpm_remove_custom_coupon:hover {
  background-color: #005fa3;
}

#wcpm_coupon_feedback {
  margin-top: 1rem;
  font-size: 0.95rem;
  color: #333;
}

#wcpm_custom_coupon_loader {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
}

#wcpm_custom_coupon_loader .spinner {
  width: 2rem;
  height: 2rem;
  border-width: 0.25rem;
}

/* ردیف هزینه تخفیف */
tr.fee .value {
  color: #d00 !important;
  font-weight: bold !important;
}

/* ————— اضافه‌شده برای حذف پس‌زمینهٔ پیام کوپن ————— */
#wcpm_coupon_feedback,
#wcpm_coupon_feedback.woocommerce-message,
#wcpm_coupon_feedback.success {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ——— استایل مدرن، فلت و حرفه‌ای برای گزینه‌های رادیو در «پرداخت بیعانه» ——— */

/* مخفی کردن آیکون پیش‌فرض رادیو */
#wcpm-deposit-selector .wcpm-deposit-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* جعبه‌ی هر گزینه */
#wcpm-deposit-selector .wcpm-deposit-option .wcpm-deposit-label-text {
  display: block;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f7f7f7;
  color: #333333;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  margin-bottom: 0.75rem;
  user-select: none;
}

/* حالت hover روی متن گزینه */
#wcpm-deposit-selector .wcpm-deposit-option .wcpm-deposit-label-text:hover {
  background-color: rgba(0, 122, 204, 0.08);
}

/* وقتی گزینه انتخاب‌شده */
#wcpm-deposit-selector .wcpm-deposit-option input[type="radio"]:checked+.wcpm-deposit-label-text {
  background-color: #007acc;
  border-color: #007acc;
  color: #ffffff;
}

/* واکنشگرایی در موبایل */
@media (max-width: 600px) {
  #wcpm-deposit-selector {
    padding: 1rem;
  }

  #wcpm-deposit-selector .wcpm-deposit-option .wcpm-deposit-label-text {
    padding: 0.75rem;
  }
}

/* ——— استایل مدرن، فلت و حرفه‌ای کانتینر «پرداخت بیعانه» ——— */
#wcpm-deposit-selector {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  margin: 1.5rem 0;
  font-family: sans-serif;
  color: #333333;
}

#wcpm-deposit-selector .wcpm-deposit-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222222;
  margin-bottom: 0.75rem;
}

#wcpm-deposit-selector .wcpm-description {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #555555;
  margin-bottom: 1rem;
}

/* ——— استایل گزینه‌های بیعانه / کامل (رادیوباتن‌های سفارشی) ——— */
/* مخفی کردن آیکون پیش‌فرض رادیو */
#wcpm-deposit-selector .wcpm-deposit-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* جعبه‌ی هر گزینه */
#wcpm-deposit-selector .wcpm-deposit-option .wcpm-deposit-label-text {
  display: block;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f7f7f7;
  color: #333333;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  margin-bottom: 0.75rem;
  user-select: none;
}

/* حالت hover روی جعبه */
#wcpm-deposit-selector .wcpm-deposit-option .wcpm-deposit-label-text:hover {
  background-color: rgba(0, 122, 204, 0.08);
}

/* وقتی گزینه انتخاب‌شده */
#wcpm-deposit-selector .wcpm-deposit-option input[type="radio"]:checked+.wcpm-deposit-label-text {
  background-color: #007acc;
  border-color: #007acc;
  color: #ffffff;
}

/* واکنشگرایی موبایل */
@media (max-width: 600px) {
  #wcpm-deposit-selector {
    padding: 1rem;
  }

  #wcpm-deposit-selector .wcpm-deposit-option .wcpm-deposit-label-text {
    padding: 0.75rem;
  }
}

/* ترازشدن متن توضیحی در کانتینر پرداخت بیعانه */
#wcpm-deposit-selector .wcpm-description p {
  text-align: justify;
  text-justify: inter-word;
  margin: 0;
  /* حذف مارجین پیش‌فرض مرورگر */
}

/* ——— استایل مدرن، فلت و حرفه‌ای برای کانتینر «روش پرداخت» ——— */
#wcpm-method-selector {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  font-family: sans-serif;
  color: #333333;
}

#wcpm-method-selector .wcpm-method-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222222;
  margin-bottom: 0.75rem;
}

#wcpm-method-selector .wcpm-description p {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #555555;
  text-align: justify;
  text-justify: inter-word;
  margin: 0 0 1rem 0;
}

/* ——— استایل گزینه‌های رادیو (سفارشی) ——— */
/* مخفی کردن آیکون پیش‌فرض رادیو */
#wcpm-method-selector .wcpm-method-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* جعبه‌ی هر گزینه */
#wcpm-method-selector .wcpm-method-option .wcpm-method-label-text {
  display: block;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f7f7f7;
  color: #333333;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  margin-bottom: 0.75rem;
  user-select: none;
}

/* حالت hover روی جعبه */
#wcpm-method-selector .wcpm-method-option .wcpm-method-label-text:hover {
  background-color: rgba(0, 122, 204, 0.08);
}

/* وقتی گزینه انتخاب‌شده */
#wcpm-method-selector .wcpm-method-option input[type="radio"]:checked+.wcpm-method-label-text {
  background-color: #007acc;
  border-color: #007acc;
  color: #ffffff;
}

/* واکنشگرایی موبایل */
@media (max-width: 600px) {
  #wcpm-method-selector {
    padding: 1rem;
  }

  #wcpm-method-selector .wcpm-method-option .wcpm-method-label-text {
    padding: 0.75rem;
  }
}

/* ——— استایل مدرن برای کانتینر درگاه‌های پرداخت ——— */
.woocommerce-checkout-payment {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  margin-top: 1.5rem;
}

/* عنوان کلی (در صورت وجود) */
.woocommerce-checkout-payment h3,
.woocommerce-checkout-payment h2 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 1rem;
}

/* کانتینر متدها */
.woocommerce-checkout-payment .payment_methods {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* هر گزینه درگاه */
.woocommerce-checkout-payment .wc_payment_method {
  position: relative;
  margin-bottom: 0.75rem;
}

/* مخفی‌سازی رادیو پیش‌فرض */
.woocommerce-checkout-payment .wc_payment_method input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* جعبه‌ی هر گزینه */
.woocommerce-checkout-payment .wc_payment_method label {
  display: block;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f7f7f7;
  color: #333;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  user-select: none;
}

/* hover روی گزینه */
.woocommerce-checkout-payment .wc_payment_method label:hover {
  background-color: rgba(0, 122, 204, 0.08);
}

/* درگاه انتخاب‌شده */
.woocommerce-checkout-payment .wc_payment_method input[type="radio"]:checked+label {
  background-color: #007acc;
  border-color: #007acc;
  color: #fff;
}

/* توصیف (description) در صورت وجود */
.woocommerce-checkout-payment .wc_payment_method .description {
  font-size: 0.95rem;
  color: #555;
  margin: 0.5rem 1rem;
}

/* واکنشگرایی موبایل */
@media (max-width: 600px) {
  .woocommerce-checkout-payment {
    padding: 1rem;
  }

  .woocommerce-checkout-payment .wc_payment_method label {
    padding: 0.75rem;
  }
}

/* ——— کارت روش‌های ارسال ——— */
.woocommerce-shipping-totals.shipping .shipping_methods {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  list-style: none;
  margin: 1.5rem 0;
}

/* هر آیتم روش ارسال */
.woocommerce-shipping-totals.shipping .wc_shipping_method {
  position: relative;
  margin-bottom: 0.75rem;
}

/* مخفی‌سازی رادیو پیش‌فرض */
.woocommerce-shipping-totals.shipping .wc_shipping_method input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* جعبه‌ی قابل کلیک */
.woocommerce-shipping-totals.shipping .wc_shipping_method label {
  display: block;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f7f7f7;
  color: #333;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* افکت Hover */
.woocommerce-shipping-totals.shipping .wc_shipping_method label:hover {
  background-color: rgba(0, 122, 204, 0.08);
}

/* استایل روش انتخاب‌شده */
.woocommerce-shipping-totals.shipping .wc_shipping_method input[type="radio"]:checked+label {
  background-color: #007acc;
  border-color: #007acc;
  color: #ffffff;
}

/* توضیحات تحت عنوان روش (در صورت وجود) */
.woocommerce-shipping-totals.shipping .wc_shipping_method .shipping_method_label+small {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.95rem;
  color: #555;
}

/* واکنشگرایی موبایل */
@media (max-width: 600px) {
  .woocommerce-shipping-totals.shipping .shipping_methods {
    padding: 1rem;
  }

  .woocommerce-shipping-totals.shipping .wc_shipping_method label {
    padding: 0.75rem;
  }
}

/* کارت روش‌های ارسال */
.woocommerce-checkout-review-order-table .shipping .shipping_methods {
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  margin: 1.5rem 0;
  display: block;
  /* برای اینکه padding و margin اعمال شود */
}

/* هر گزینه‌ی روش ارسال */
.woocommerce-checkout-review-order-table .shipping .shipping_methods li {
  position: relative;
  margin-bottom: 0.75rem;
}

/* مخفی‌سازی رادیوی پیش‌فرض */
.woocommerce-checkout-review-order-table .shipping .shipping_methods li input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* استایل لیبل کلیک‌پذیر */
.woocommerce-checkout-review-order-table .shipping .shipping_methods li label {
  display: block;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f7f7f7;
  color: #333;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* افکت Hover روی لیبل */
.woocommerce-checkout-review-order-table .shipping .shipping_methods li label:hover {
  background-color: rgba(0, 122, 204, 0.08);
}

/* حالت انتخاب‌شده */
.woocommerce-checkout-review-order-table .shipping .shipping_methods li input[type="radio"]:checked+label {
  background-color: #007acc;
  border-color: #007acc;
  color: #ffffff;
}

/* اگر توضیح روش (small) وجود داشت */
.woocommerce-checkout-review-order-table .shipping .shipping_methods li small {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.95rem;
  color: #555;
}

/* واکنش‌گرایی موبایل */
@media (max-width: 600px) {
  .woocommerce-checkout-review-order-table .shipping .shipping_methods {
    padding: 1rem;
  }

  .woocommerce-checkout-review-order-table .shipping .shipping_methods li label {
    padding: 0.75rem;
  }
}

/* کارت کلی مشخصات مشتری */
#customer_details {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  margin: 1.5rem 0;
  display: block;
}

/* تیترهای فرعی (Billing / Shipping) */
#customer_details .woocommerce-billing-fields h3,
#customer_details .woocommerce-shipping-fields h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 1rem;
}

/* ردیف‌های فرم (فرم‌رَو) */
#customer_details .form-row {
  margin-bottom: 1rem;
  position: relative;
}

/* فیلدهای ورودی و سلکت */
#customer_details .form-row input,
#customer_details .form-row select,
#customer_details .form-row textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background-color: #f7f7f7;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* حالت فوکوس روی فیلد */
#customer_details .form-row input:focus,
#customer_details .form-row select:focus,
#customer_details .form-row textarea:focus {
  background-color: #ffffff;
  border-color: #007acc;
  outline: none;
}

/* استایل لیبل‌ها */
#customer_details .form-row label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #333;
}

/* واکنش‌گرایی موبایل */
@media (max-width: 600px) {
  #customer_details {
    padding: 1rem;
  }

  #customer_details .form-row input,
  #customer_details .form-row select,
  #customer_details .form-row textarea {
    padding: 0.6rem 0.8rem;
  }
}

/* 1) کارت کلیِ روش‌های ارسال */
.woocommerce-checkout-review-order-table tr.shipping td .woocommerce-shipping-methods,
.woocommerce-checkout-review-order-table tr.shipping td .shipping_methods {
  display: block;
  list-style: none;
  margin: 1.5rem 0;
  padding: 1.25rem;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* 2) هر گزینه‌ی جداگانه */
.woocommerce-checkout-review-order-table tr.shipping td .woocommerce-shipping-methods li,
.woocommerce-checkout-review-order-table tr.shipping td .shipping_methods li {
  position: relative;
  margin-bottom: 0.75rem;
}

/* 3) رادیوها رو مخفی کن */
.woocommerce-checkout-review-order-table tr.shipping td input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* 4) استایل لیبل کلیک‌پذیر */
.woocommerce-checkout-review-order-table tr.shipping td label {
  display: block;
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f7f7f7;
  color: #333;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* 5) افکت Hover */
.woocommerce-checkout-review-order-table tr.shipping td label:hover {
  background-color: rgba(0, 122, 204, 0.08);
}

/* 6) روش انتخاب‌شده */
.woocommerce-checkout-review-order-table tr.shipping td input[type="radio"]:checked+label {
  background-color: #007acc;
  border-color: #007acc;
  color: #fff;
}

/* 7) توضیحات هر روش (اگر <small> وجود داشت) */
.woocommerce-checkout-review-order-table tr.shipping td small {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.95rem;
  color: #555;
}

/* واکنشگرایی موبایل */
@media (max-width: 600px) {

  .woocommerce-checkout-review-order-table tr.shipping td .woocommerce-shipping-methods,
  .woocommerce-checkout-review-order-table tr.shipping td .shipping_methods {
    padding: 1rem;
  }

  .woocommerce-checkout-review-order-table tr.shipping td label {
    padding: 0.75rem;
  }
}

/* 1) برداشتن هدر پیش‌فرض «حمل‌ونقل» (Table Header) */
.woocommerce-checkout-review-order-table tr.shipping th {
  display: none;
}

/* درج هدر داخل کانتینر قبل از لیست روش‌های ارسال */
.woocommerce-checkout-review-order-table tr.shipping td .shipping_methods::before,
.woocommerce-checkout-review-order-table tr.shipping td .woocommerce-shipping-methods::before {
  content: "حمل و نقل";
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  color: #222222;
  margin-bottom: 0.75rem;
}

/* 2) وقتی گزینه ارسال انتخاب‌شده، تمام متنش سفید باشد */
/* override روی هر تگ فرزند داخل label */
.woocommerce-checkout-review-order-table tr.shipping td input[type="radio"]:checked+label,
.woocommerce-checkout-review-order-table tr.shipping td input[type="radio"]:checked+label *,
.woocommerce-checkout-review-order-table tr.shipping td .shipping_methods li input[type="radio"]:checked+label,
.woocommerce-checkout-review-order-table tr.shipping td .shipping_methods li input[type="radio"]:checked+label * {
  color: #ffffff !important;
}

/* 1) برداشتن هدر پیش‌فرض «حمل‌ونقل» (Table Header) */
.woocommerce-checkout-review-order-table tr.shipping th {
  display: none;
}

/* درج هدر داخل کانتینر قبل از لیست روش‌های ارسال و تراز راست */
.woocommerce-checkout-review-order-table tr.shipping td .shipping_methods::before,
.woocommerce-checkout-review-order-table tr.shipping td .woocommerce-shipping-methods::before {
  content: "حمل و نقل";
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  color: #222222;
  margin-bottom: 0.75rem;
  text-align: right;
  direction: rtl;
}

/* 2) وقتی گزینه ارسال انتخاب‌شده، تمام متنش سفید باشد */
/* override روی هر تگ فرزند داخل label */
.woocommerce-checkout-review-order-table tr.shipping td input[type="radio"]:checked+label,
.woocommerce-checkout-review-order-table tr.shipping td input[type="radio"]:checked+label *,
.woocommerce-checkout-review-order-table tr.shipping td .shipping_methods li input[type="radio"]:checked+label,
.woocommerce-checkout-review-order-table tr.shipping td .shipping_methods li input[type="radio"]:checked+label * {
  color: #ffffff !important;
}

/* —————————————————————————————————————————— */
/* ترتیب افقی در دسکتاپ/تبلت */
#wcpm-custom-coupon-container #wcpm_custom_coupon_form {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 1em !important;
}

/* اندازهٔ فیلد و دکمه کنار هم */
#wcpm-custom-coupon-container #wcpm_custom_coupon_form input#wcpm_custom_coupon_code {
  flex: 1 1 auto !important;
  max-width: none !important;
}

#wcpm-custom-coupon-container #wcpm_custom_coupon_form button#wcpm_apply_custom_coupon {
  flex: 0 0 auto !important;
}

/* —————————————————————————————————————————— */
/* حالت موبایل پرتره یا عرض ≤ 600px */
@media screen and (max-width: 600px),
screen and (orientation: portrait) {

  /* بچین ستونی و وسط‌چین کن */
  #wcpm-custom-coupon-container #wcpm_custom_coupon_form {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75em !important;
  }

  /* فیلد کد تخفیف */
  #wcpm-custom-coupon-container #wcpm_custom_coupon_form input#wcpm_custom_coupon_code {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  /* دکمه اعمال */
  #wcpm-custom-coupon-container #wcpm_custom_coupon_form button#wcpm_apply_custom_coupon {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
}

/* —————————————————————————————————————————— */
/* حذف خط border-top و padding بالایی در صفحه تسویه حساب */
.woocommerce-billing-fields {
  border-top: none !important;
  padding-top: 0 !important;
}

/* پوشش حالت‌های خاص ووکامرس */
body.woocommerce-checkout .woocommerce-billing-fields {
  border-top: none !important;
  padding-top: 0 !important;
}

/* حذف border-bottom از جدول‌های صفحه تسویه حساب */
.checkout-sidebar .shop_table td,
.checkout-sidebar .shop_table th {
  border-bottom: none !important;
}

/* پوشش جدول حمل‌ونقل تو در تو */
.checkout-sidebar .shipping__table td,
.checkout-sidebar .shipping__table th {
  border-bottom: none !important;
}

/* -----------------------------------------
   Styles for moved header inside summary-values-box
   ----------------------------------------- */
.summary-values-box .container-header {
  font-size: 1.25rem;
  /* مطابق سایر هدرهای کانتینر */
  font-weight: 600;
  /* وزن قلم مشابه */
  margin-bottom: 0.75em;
  /* فاصله زیر عنوان */
  color: #333;
  /* رنگ متناسب با سایر عناوین */
}

/* اگر لازم بود می‌توانید پدینگ یا مارژین بیشتری اضافه کنید */
/* Override flatsome default margin-bottom on tables in checkout */
body.woocommerce-checkout .checkout-sidebar table {
  margin-bottom: 0 !important;
}

/* اگر خواستید فقط جدول‌های review-order یا shipping را هدف بگیرید */
body.woocommerce-checkout .checkout-sidebar .shop_table,
body.woocommerce-checkout .checkout-sidebar .shipping__table {
  margin-bottom: 0 !important;
}

#wcpm-deposit-selector .wcpm-deposit-details-container {
  display: none;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid #e0e0e0;
  background-color: #fafafa;
  border-radius: 4px;
  font-size: 0.95rem;
  color: #333;
}

#wcpm-deposit-selector .wcpm-deposit-details-container.is-active {
  display: block;
}

/* ──────────────────────────────────────────────
   کانتینر جزئیات بیعانه
────────────────────────────────────────────── */
#wcpm-deposit-selector .wcpm-deposit-details-container {
  display: none;
  margin-top: 1rem;
  padding: 1rem;
  background: #fafafa;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

#wcpm-deposit-selector .wcpm-deposit-details-container.is-active {
  display: block;
}

/* برچسب بالای اسلایدر */
#wcpm-deposit-selector .wcpm-deposit-slider-label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  color: #333;
  font-weight: 500;
}

/* Wrapper اسلایدر به‌همراه لیبل‌های 30% و 90% */
#wcpm-deposit-selector .wcpm-deposit-slider-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

#wcpm-deposit-selector .wcpm-slider-label-min,
#wcpm-deposit-selector .wcpm-slider-label-max {
  font-size: 0.85rem;
  color: #666;
  width: 32px;
  text-align: center;
}

/* خود اسلایدر – مدرن و فلت */
#wcpm-deposit-selector #wcpm-deposit-slider {
  flex: 1;
  height: 6px;
  -webkit-appearance: none;
  appearance: none;
  background: #e0e0e0;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
}

#wcpm-deposit-selector #wcpm-deposit-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #007cba;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  margin-top: -6px;
}

#wcpm-deposit-selector #wcpm-deposit-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #007cba;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

/* نمایش مبلغ بیعانه – مشابه .wcpm-order-summary-info */
#wcpm-deposit-selector .wcpm-deposit-amount-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-top: 1px solid #e0e0e0;
  font-size: 0.95rem;
  font-weight: 500;
  color: #333;
}

#wcpm-deposit-selector .wcpm-deposit-amount-display .wcpm-deposit-label {
  /* سمت راست */
}

#wcpm-deposit-selector .wcpm-deposit-amount-display .wcpm-deposit-value {
  /* سمت چپ */
}

/* ── بازنویسی استایل کانتینر بیعانه به مانند .wcpm-order-summary-info ── */
#wcpm-deposit-selector .wcpm-deposit-details-container.is-active {
  background-color: #ffffff;
  /* رنگ پس‌زمینه */
  border: 1px solid #eaeaea;
  /* کادر */
  border-radius: 8px;
  /* گردی گوشه‌ها */
  padding: 16px;
  /* فاصله داخلی */
  margin: 20px 0;
  /* فاصله بالا و پایین */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  /* سایه ملایم */
}

/* ── ردیف نمایش مبلغ بیعانه مانند .wcpm-summary-row ── */
#wcpm-deposit-selector .wcpm-deposit-details-container.is-active .wcpm-deposit-amount-display {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  /* فاصله زیر ردیف */
}

/* ── اگر خواستید ردیف «کل/توتال» سبک پر‌رنگ‌تری داشته باشد ── */
#wcpm-deposit-selector .wcpm-deposit-details-container.is-active .wcpm-deposit-amount-display.total {
  font-weight: 600;
  padding-top: 8px;
  margin-top: 12px;
}

/* ── ویزارد تسویه‌حساب مطابق فونت سایت ── */
.wcpm-checkout-wizard,
.wcpm-checkout-wizard * {
  font-family: inherit !important;
}

/* ویرایش استایل کانتینر اسلایدر بیعانه */

.wcpm-deposit-slider-wrapper {
  margin: 0.5em 0;
}

#wcpm-deposit-slider {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  appearance: none;
  background: #e0e0e0;
  outline: none;
}

#wcpm-deposit-slider::-webkit-slider-thumb {
  appearance: none;
  width: 16px;
  height: 16px;
  background: #007cba;
  border-radius: 50%;
  cursor: pointer;
}

#wcpm-deposit-slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: #007cba;
  border-radius: 50%;
  cursor: pointer;
}

/* نمایش مبلغ کل زیر اسلایدر */

.wcpm-cart-total-display {
  margin: 0.75em 0;
  padding: 0.5em;
  background: #f9f9f9;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1em;
}

.wcpm-cart-total-label {
  color: #333;
  font-weight: normal;
}

.wcpm-cart-total-amount {
  font-weight: bold;
  color: #007cba;
}

/* ── پیاده‌سازی استایل مشابه .wcpm-order-summary-info ── */
#wcpm-deposit-selector .wcpm-deposit-details-container.is-active {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  padding: 16px;
  margin: 20px 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

#wcpm-deposit-selector .wcpm-deposit-details-container.is-active .wcpm-deposit-amount-display,
#wcpm-deposit-selector .wcpm-deposit-details-container.is-active .wcpm-remaining-display {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

/* ── استایل Tooltip برای آیکون اطلاعات ── */
.wcpm-info-icon {
  position: relative;
  cursor: pointer;
  color: #007cba;
}

.wcpm-info-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 0.875rem;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
  z-index: 1000;
}

.wcpm-info-icon:hover::after {
  opacity: 1;
  visibility: visible;
}

/* Multiline Block Tooltip */
.wcpm-info-icon {
  position: relative;
  cursor: pointer;
  color: #007cba;
}

/* ظاهر باکس Tooltip */
.wcpm-info-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.85);
  color: #ffffff;
  padding: 0.75em 1em;
  border-radius: 6px;
  font-size: 0.85rem;
  line-height: 1.4;
  white-space: normal;
  /* اجازه‌ی شکست سطر */
  text-align: justify;
  /* راست‌چین برای متن فارسی */
  max-width: 440px;
  /* حداکثر عرض */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 9999;
}

/* فلش پایین Tooltip */
.wcpm-info-icon::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 9999;
}

/* نمایش Tooltip هنگام هاور */
.wcpm-info-icon:hover::after,
.wcpm-info-icon:hover::before {
  opacity: 1;
  visibility: visible;
}

/* استایل ردیف تخفیف مشابه کانتینر .wcpm-order-summary-info */
.wcpm-order-summary-info .wcpm-summary-row.discount {
  display: flex;
  /* چیدمان افقی آیتم‌ها */
  justify-content: space-between;
  /* فضا دادن بین عنوان و مقدار */
  padding: 16px;
  /* فاصله داخلی مشابه کانتینر */
  margin: 20px 0;
  /* فاصله بالا و پایین مشابه کانتینر */
  border: 1px solid #eaeaea;
  /* رنگ و ضخامت خط دور */
  border-radius: 8px;
  /* گوشه‌های گرد */
  background-color: #ffffff;
  /* پس‌زمینه سفید */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  /* سایه ملایم بیرونی */
}

/* کارت‌مانند کردن ردیف تخفیف */
.wcpm-order-summary-info .wcpm-summary-row.fee {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  margin: 20px 0;
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* متن برچسب و مقدار داخل ردیف تخفیف */
.wcpm-order-summary-info .wcpm-summary-row.fee span {
  font-weight: 600;
  color: #d00;
}

/* =============================================================================
   Override فقط برای دراپ‌لیست‌ها – عرض برابر، بکگراند و بوردر
   ============================================================================= */
/* 1. کانتینر سلکتورها */
.installment-selectors {
  display: flex;
  gap: 1rem;
}

/* 2. هر سلکت درون flex، عرض مساوی می‌گیرد */
.installment-selectors .installment-item {
  flex: 1;
}

/* 3. استایل مدرن و فلت برای <select> ها */
.installment-selectors .installment-item select {
  width: 100% !important;
  padding: 0.6em 2.2em 0.6em 0.6em !important;
  /* فضای کافی برای فلش */
  font-size: 1rem !important;
  line-height: 1.4 !important;
  color: #333333 !important;
  background-color: #ffffff !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'>\
<path fill='%23333333' d='M6 8L0 0h12z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.8em center !important;
  background-size: 0.65em !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* 4. حالت‌ها */
.installment-selectors .installment-item select:hover {
  border-color: #999999 !important;
}

.installment-selectors .installment-item select:focus {
  border-color: #007acc !important;
  box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.2) !important;
  outline: none !important;
}

/* 5. واکنش‌گرایی – موبایل ≤600px */
@media (max-width: 600px) {
  .installment-selectors {
    flex-direction: column;
  }

  .installment-selectors .installment-item select {
    padding: 0.6em 0.6em 0.6em 2.2em !important;
    background-position: left 0.8em center !important;
  }
}

/* =============================================================================
   Styles for installment container and its internal elements
   (mirroring the deposit‐container styles)
   ============================================================================= */

/* Container */
.installment-container {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  margin: 1.5rem 0;
  color: #333333;
  font-family: inherit;
}

/* Title inside container */
.installment-container h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222222;
  margin-bottom: 0.75rem;
}

/* Slider wrapper with 30%/90% labels */
.installment-container .wcpm-installment-slider-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

/* Slider labels (min/max) */
.installment-container .wcpm-slider-label-min,
.installment-container .wcpm-slider-label-max {
  width: 32px;
  font-size: 0.85rem;
  color: #666666;
  text-align: center;
}

/* Range slider track */
.installment-container #wcpm-installment-slider {
  flex: 1;
  height: 6px;
  appearance: none;
  background: #e0e0e0;
  border-radius: 3px;
  outline: none;
}

/* Range slider thumb */
.installment-container #wcpm-installment-slider::-webkit-slider-thumb,
.installment-container #wcpm-installment-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #007cba;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

/* Cash payment display row */
.installment-container .wcpm-installment-cash-display,
.installment-container .wcpm-installment-remaining-display {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-top: 1px solid #e0e0e0;
  font-size: 0.95rem;
  font-weight: 500;
  color: #333333;
}

/* Bold value text */
.installment-container .wcpm-installment-cash-display span:last-child,
.installment-container .wcpm-installment-remaining-display span:last-child {
  font-weight: bold;
  color: #333333;
}

/* =============================================================================
   Make sure select “borders” and “backgrounds” match deposit styles
   ============================================================================= */
.installment-selectors {
  display: flex;
  gap: 1rem;
}

.installment-selectors .installment-item {
  flex: 1;
}

.installment-selectors .installment-item select {
  width: 100%;
  padding: 0.6em 2.2em 0.6em 0.6em;
  /* room for arrow */
  font-size: 1rem;
  line-height: 1.4;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'>\
<path fill='%23333333' d='M6 8L0 0h12z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.8em center;
  background-size: 0.65em;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.installment-selectors .installment-item select:hover {
  border-color: #999999;
}

.installment-selectors .installment-item select:focus {
  border-color: #007acc;
  box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.2);
  outline: none;
}

/* =============================================================================
   Responsive mobile adjustments
   ============================================================================= */
@media (max-width: 600px) {
  .installment-container {
    padding: 1rem;
    margin: 1rem 0;
  }

  .installment-container h4 {
    font-size: 1.1rem;
  }

  .installment-container .wcpm-installment-slider-wrapper {
    gap: 0.75rem;
  }

  .installment-selectors {
    flex-direction: column;
  }

  .installment-selectors .installment-item select {
    padding: 0.6em 0.6em 0.6em 2.2em;
    background-position: left 0.8em center;
  }
}

/* ۱. مخفی کردن ردیف‌های summary قدیمی */
.installment-commission-summary .installment-summary-row {
  display: none;
}

/* ۲. استایل جدول قسط‌ها */
.installment-container .wcpm-cheque-table {
  width: 100%;
  max-width: 600px;
  margin: 1.5rem auto;
  /* تراز وسط جدول */
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  border-collapse: collapse;
  overflow: hidden;
  /* برای گرد بودن گوشه‌ها */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  font-family: inherit;
}

/* هدر جدول */
.installment-container .wcpm-cheque-table thead {
  background-color: #f7f7f7;
}

.installment-container .wcpm-cheque-table thead th {
  padding: 0.75rem 1rem;
  font-weight: 600;
  color: #333;
  text-align: center;
  border-bottom: 2px solid #e0e0e0;
}

/* سلول‌های بدنه */
.installment-container .wcpm-cheque-table tbody td {
  padding: 0.65rem 1rem;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  color: #555;
}

/* بک‌گراند راه‌راه برای ردیف‌های زوج */
.installment-container .wcpm-cheque-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* سطر جمع کل در فوتر */
.installment-container .wcpm-cheque-table tfoot tr {
  background-color: #f0f0f0;
}

.installment-container .wcpm-cheque-table tfoot td {
  padding: 0.75rem 1rem;
  font-weight: 600;
  color: #222;
  text-align: center;
  border-top: 2px solid #e0e0e0;
}

/* اختیاری: واکنشگرایی موبایل */
@media (max-width: 480px) {
  .installment-container .wcpm-cheque-table {
    font-size: 0.9rem;
  }

  .installment-container .wcpm-cheque-table thead th,
  .installment-container .wcpm-cheque-table tbody td,
  .installment-container .wcpm-cheque-table tfoot td {
    padding: 0.5rem;
  }
}

/* به‌روز شده: حاشیه و سایه برای جدول چک‌ها */
.installment-container .wcpm-cheque-table {
  width: 100%;
  max-width: 600px;
  margin: 1.5rem auto;

  /* حاشیهٔ ظریف */
  border: 1px solid #ddd;
  border-radius: 8px;

  /* سایه ملایم */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

  border-collapse: collapse;
  overflow: hidden;
  background-color: #ffffff;
  font-family: inherit;
}

/* =============================================================================
   Styles for the custom notice above the base‐notice
   ============================================================================= */
.installment-custom-notice,
.installment-base-notice {
  background-color: #ffffff;
  /* white background */
  border: 1px solid #ddd;
  /* light border */
  border-radius: 8px;
  /* rounded corners */
  padding: 1rem;
  /* inner spacing */
  margin: 1.5rem 0;
  /* vertical separation */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  /* subtle drop shadow */
  text-align: justify;
  /* justify both edges */
  text-justify: inter-word;
  /* proper word‐break in Persian */
  font-family: inherit;
  /* match page font */
  color: #333;
  /* standard text color */
}

/* Optional: tighten P tags inside */
.installment-custom-notice p,
.installment-base-notice p {
  margin: 0.75em 0;
  /* consistent paragraph spacing */
  line-height: 1.6;
  /* comfortable line height */
}

/* Responsive adjustment */
@media (max-width: 600px) {

  .installment-custom-notice,
  .installment-base-notice {
    padding: 0.75rem;
    margin: 1rem 0;
  }

  .installment-custom-notice p,
  .installment-base-notice p {
    margin: 0.5em 0;
  }
}

.wcpm-step-window {
  padding: 13px !important;
}

.large-5.col {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.checkout.woocommerce-checkout {
  margin-bottom: 0em !important;
}

.large-5.col {
  padding: 0 !important;
}

.large-7.col {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#wcpm-payment-info .products-container .wcpm-step-window.step-1 {
  padding: 0 !important;
}

/* ۱) large-7 col: مارجین پایین ۰ */
.large-7.col {
  margin-bottom: 0 !important;
}

/* ۲) row pt-0: مارجین بالا/پایین/چپ/راست auto */
.row.pt-0 {
  margin: auto !important;
}

/* ۳) products-container داخل wcpm-step-window.step-1 و #wcpm-payment-info: پدینگ ۰ */
.wcpm-step-window.step-1 #wcpm-payment-info .products-container {
  padding: 0 !important;
}

/* ۴) products-grid داخل همان ساختار: مارجین پایین ۱۳px */
.wcpm-step-window.step-1 #wcpm-payment-info .products-container .products-grid {
  margin-bottom: 13px !important;
}

/* ۵) product-card داخل همان ساختار: border-radius برابر ۸px */
.wcpm-step-window.step-1 #wcpm-payment-info .products-container .products-grid .product-card {
  border-radius: 8px !important;
}

/* ۶) برای واکنشگرایی موبایل (override مدیا کوئری قبلی) */
@media (max-width: 600px) {
  .wcpm-step-window.step-1 #wcpm-payment-info .products-container {
    padding: 0 !important;
  }
}

/* کانتینر متا همان قبلی */
.product-meta {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100%;
}

.product-meta>* {
  white-space: nowrap !important;
}

/* عدد و جداکننده‌ها از چپ به راست */
.product-meta .woocommerce-Price-amount {
  direction: rtl !important;
  unicode-bidi: isolate !important;
  display: inline-flex !important;
  align-items: center;
}

/* جابه‌جایی ترتیب: اول عدد، بعد تومان */
.product-meta .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
  order: 2;
  /* بیاید بعد از عدد */
  direction: rtl !important;
  unicode-bidi: isolate !important;
  margin-left: 0.25em;
}

.product-meta .woocommerce-Price-amount::before {
  order: 1;
}

/* بسته‌بندی عدد و تومان در یک ردیف */
.product-meta .value {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

/* فقط در بلوک payment-info، جابه‌جایی عدد و تومان برای دو مورد در product-card */
#wcpm-payment-info .products-container .products-grid .product-card {
  /* nothing here */
}

#wcpm-payment-info .products-container .products-grid .product-card .product-meta:nth-of-type(1) .value,
#wcpm-payment-info .products-container .products-grid .product-card .product-meta:nth-of-type(3) .value,

direction: rtl;
unicode-bidi: isolate-override;
}

/* تنها داخل payment-info */
#wcpm-payment-info .product-card .product-meta:nth-of-type(1) .value,
#wcpm-payment-info .product-card .product-meta:nth-of-type(3) .value,
#wcpm-payment-info .order-summary .summary-values-box .summary-item:nth-of-type(2) .value {
  display: inline-flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
}

/* اگر خواستید اعداد کاملاً LTR باشند */
#wcpm-payment-info .product-card .product-meta:nth-of-type(1) .value .woocommerce-Price-amount,
#wcpm-payment-info .product-card .product-meta:nth-of-type(3) .value .woocommerce-Price-amount,

direction: rtl !important;
}

/* کمی فاصله بین عدد و «تومان» */
#wcpm-payment-info .product-card .product-meta:nth-of-type(1) .value .woocommerce-Price-currencySymbol,
#wcpm-payment-info .product-card .product-meta:nth-of-type(3) .value .woocommerce-Price-currencySymbol,
#wcpm-payment-info .order-summary .summary-values-box .summary-item:nth-of-type(2) .value .woocommerce-Price-currencySymbol {
  margin-left: 0.25em !important;
}

body.woocommerce #main .woocommerce-checkout form.checkout .row.pt-0>.large-5.col,
body.woocommerce #main .woocommerce-checkout form.checkout .row.pt-0>.large-7.col {
  margin-bottom: 0 !important;
}

/* مثال با شناسه‌ی صفحه‌ی Checkout */
body.woocommerce-checkout #main form.checkout .row.pt-0>.large-5.col {
  margin-bottom: 0 !important;
}

/* حذف مارجین پایین از المان wcpm-step-window */
.wcpm-step-window {
  margin-bottom: 0 !important;
}

body.woocommerce-checkout #main form.checkout .row.pt-0>.large-7.col {
  margin-bottom: 21px !important;
  margin-top: 21px !important;
}

/* حذف مارجین از لیست متدهای حمل‌ونقل در جدول بررسی سفارش ووکامرس */
.woocommerce-checkout-review-order-table tr.shipping td .woocommerce-shipping-methods,
.woocommerce-checkout-review-order-table tr.shipping td .shipping_methods {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 13px !important;
  margin-right: 0 !important;
}

/* حذف padding از سلول‌های جدول (td و th) */
td,
th {
  padding: 0 !important;
  margin-bottom: 13px !important;
  margin-top: 8px !important;
}

.products-container {
  margin-bottom: 13px !important;
  margin-top: 8px !important;
}

#wcpm-method-selector {
  margin-top: 0 !important;
  margin-bottom: 13px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#wcpm-custom-coupon-container {
  padding: 1em !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0px !important;
}

.wcpm-order-summary-info {
  padding: 1em !important;
  margin: 0 !important;
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

#wcpm-deposit-selector {
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 13px !important;
}

.installment-container {
  padding: 1em !important;
  margin-top: 0 !important;
  margin-bottom: 13px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 600px) {
  .installment-container {
    padding: 1rem;
    margin-top: 0 !important;
    margin-bottom: 13px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.woocommerce-checkout-payment {
  padding: 1em !important;
  margin-top: 0 !important;
  margin-bottom: 13px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 600px) {
  .woocommerce-checkout-payment {
    padding: 1rem;
    margin-top: 0 !important;
    margin-bottom: 13px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.wcpm-step-buttons .button {
  margin: 0 !important;
}

.wcpm-step-buttons {
  margin: 0 !important;
  margin-bottom: 8px !important;
  text-align: center !important;
}

body.woocommerce-checkout .current .breadcrumb-step,
body.woocommerce-checkout [data-icon-label]:after,
body.woocommerce-checkout .button#place_order,
body.woocommerce-checkout .button.checkout,
body.woocommerce-checkout .checkout-button,
body.woocommerce-checkout .single_add_to_cart_button.button,
body.woocommerce-checkout .sticky-add-to-cart-select-options-button,
body.woocommerce-order-received .current .breadcrumb-step,
body.woocommerce-order-received [data-icon-label]:after,
body.woocommerce-order-received .button#place_order,
body.woocommerce-order-received .button.checkout,
body.woocommerce-order-received .checkout-button,
body.woocommerce-order-received .single_add_to_cart_button.button,
body.woocommerce-order-received .sticky-add-to-cart-select-options-button {
  margin: 0 !important;
}

#wcpm-deposit-selector .wcpm-deposit-details-container.is-active {
  margin: 0 !important;
  margin-top: 13px !important;
}

.order-summary .summary-values-box,
.order-summary .summary-notice-box {
  padding: 1em !important;
  margin: 0 !important;
  margin-bottom: 13px !important;
}

@media (max-width: 600px) {

  .order-summary .summary-values-box,
  .order-summary .summary-notice-box {
    padding: 1em !important;
    margin: 0 !important;
    margin-bottom: 13px !important;
  }
}

#customer_details {
  padding: 1em !important;
  margin: 0 !important;
  margin-bottom: 13px !important;
}

.woocommerce-shipping-fields {
  display: none !important;
}

#customer_details .form-row {
  margin-bottom: 0 !important;
}

#wcpm-deposit-selector .wcpm-deposit-details-container.is-active .wcpm-deposit-amount-display,
#wcpm-deposit-selector .wcpm-deposit-details-container.is-active .wcpm-remaining-display,
.installment-container .wcpm-installment-cash-display,
.installment-container .wcpm-installment-remaining-display {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0.75rem 0 !important;
  border-top: 1px solid #e0e0e0 !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #333333 !important;
}

#wcpm-cheque-table th,
#wcpm-cheque-table td {
  padding: 13px !important;
}

#wcpm_custom_coupon_code {
  border-radius: 8px !important;
}

.form-row .select2-container {
  border-radius: 8px !important;
}

/* یا با افزودن یک لایه بیشتر */
body .form-row .select2-container {
  border-radius: 8px !important;
}

.select2-container--default .select2-selection--single {
  border-radius: 8px !important;
}

/* ==========================================================================
   Offline Payment Methods — Modern Flat & Responsive Cards
   ========================================================================== */
.wcpm-offline-methods {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  margin-bottom: 1rem !important;
}

.wcpm-offline-method {
  position: relative !important;
  flex: 1 1 calc(33.333% - 1rem) !important;
  min-width: 200px !important;
  padding: 1rem !important;
  background: #f7f7f7 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important,
    border-color 0.2s ease !important,
    box-shadow 0.2s ease !important,
    color 0.2s ease !important;
  color: #333333 !important;
}

.wcpm-offline-method:hover {
  background: rgba(0, 124, 186, 0.08) !important;
}

.wcpm-offline-method.selected {
  background: #007acc !important;
  border-color: #007acc !important;
  box-shadow: 0 2px 6px rgba(0, 124, 186, 0.2) !important;
  color: #ffffff !important;
}

.wcpm-offline-method input[type="checkbox"] {
  position: absolute !important;
  top: 1rem !important;
  left: 1rem !important;
  transform: scale(1.2) !important;
  cursor: pointer !important;
}

.wcpm-offline-count {
  display: block !important;
  margin-top: 1.25rem !important;
  font-size: 0.9rem !important;
  color: inherit !important;
}

.wcpm-offline-count-input {
  width: 5rem !important;
  padding: 0.5rem !important;
  border: 1px solid #cccccc !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #333333 !important;
  transition: background 0.2s !important,
    border-color 0.2s !important,
    opacity 0.2s !important;
}

.wcpm-offline-count-input:disabled {
  background: #f0f0f0 !important;
  opacity: 0.6 !important;
}

.wcpm-offline-method.selected .wcpm-offline-count-input {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Responsive: stack cards on narrow screens */
@media (max-width: 600px) {
  .wcpm-offline-methods {
    flex-direction: column !important;
  }

  .wcpm-offline-method {
    flex: 1 1 100% !important;
  }
}

/* ==========================================================================
   Offline Intro Container — Modern Flat Styling
   ========================================================================== */
.wcpm-offline-intro {
  background: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  padding: 1.5rem !important;
  margin-bottom: 2rem !important;
}

.wcpm-offline-intro-text {
  direction: rtl !important;
  text-align: justify !important;
  line-height: 1.7 !important;
  color: #333333 !important;
  font-size: 0.95rem !important;
}

.wcpm-offline-intro-text p {
  margin: 0 0 1rem !important;
}

.wcpm-offline-intro-text ul {
  margin: 0 0 1rem 1.25rem !important;
  padding: 0 !important;
  list-style-type: disc !important;
}

.wcpm-offline-intro-text li {
  margin-bottom: 0.75rem !important;
}

.wcpm-offline-intro-text strong {
  color: #007acc !important;
  font-weight: 500 !important;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .wcpm-offline-intro {
    padding: 1rem !important;
  }

  .wcpm-offline-intro-text {
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
  }
}

/* ==========================================================================
   Offline-Payment Detail Cards (Cleaned & Flat)
   ========================================================================== */

/* Container for all detail cards */
#wcpm-offline-details-wrapper {
  margin-top: 2rem !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.5rem !important;
}

/* Two columns on wider screens */
@media (min-width: 992px) {
  #wcpm-offline-details-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Each individual detail card */
.wcpm-offline-detail {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  padding: 1.5rem !important;
}

/* Card title */
.wcpm-offline-detail-title {
  margin: 0 0 1rem !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #222 !important;
}

/* Grid form fields inside each card */
.wcpm-offline-fields {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 1rem !important;
}

/* Single-column on small */
@media (max-width: 767px) {
  .wcpm-offline-fields {
    grid-template-columns: 1fr !important;
  }
}

/* Form row wrapper */
.form-row {
  margin-bottom: 1rem !important;
}

/* Field label */
.form-row>label {
  display: block !important;
  margin-bottom: .25rem !important;
  font-size: .95rem !important;
  color: #333 !important;
}

/* Shared inputs (date, amount, card, sheba, trace) */
input.wcpm-date-input,
.wcpm-date-input-offline,
.wcpm-date-input-installment,
input.wcpm-amount-input,
input.wcpm-card-input,
input.wcpm-iban-input,
input.wcpm-text-input {
  width: 100% !important;
  padding: .5rem .75rem !important;
  font-family: 'Roboto Mono', monospace !important;
  font-size: 1rem !important;
  color: #222 !important;
  background: #f7f7f7 !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  outline: none !important;
  text-align: left !important;
  direction: ltr !important;
}

/* Owner name (RTL) */
input.wcpm-owner-name {
  width: 100% !important;
  padding: .5rem .75rem !important;
  font-family: 'Roboto Mono', monospace !important;
  font-size: 1rem !important;
  color: #222 !important;
  background: #f7f7f7 !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  outline: none !important;
  text-align: right !important;
  direction: rtl !important;
}

/* Focus state */
input.wcpm-date-input,
.wcpm-date-input-offline,
.wcpm-date-input-installment:focus,
input.wcpm-amount-input:focus,
input.wcpm-card-input:focus,
input.wcpm-iban-input:focus,
input.wcpm-text-input:focus,
input.wcpm-owner-name:focus {
  border-color: #007acc !important;
  background-color: #ffffff !important;
}

/* Placeholder styling */
input::placeholder {
  color: #bbb !important;
  opacity: 1 !important;
}

/* Swap ریال span and amount input */
.amount-wrapper {
  display: flex !important;
  align-items: center !important;
  flex-direction: row-reverse !important;
}

.amount-wrapper .currency {
  margin-left: .5rem !important;
  margin-right: 0 !important;
  font-size: .95rem !important;
  color: #444 !important;
}

/* Below amount field: تومان display */
.wcpm-amount-display {
  margin-top: .5rem !important;
  font-size: .9rem !important;
  color: #007acc !important;
  font-weight: 500 !important;
}

/* plus/minus step controls */
.wcpm-offline-count-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  margin-top: .75rem !important;
}

.wcpm-offline-count-wrapper button {
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  border: 1px solid #ccc !important;
  background: #f7f7f7 !important;
  color: #333 !important;
  font-size: 1rem !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}

.wcpm-offline-count-wrapper button:hover:not(:disabled) {
  background: #e0e0e0 !important;
}

.wcpm-offline-count-wrapper button:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

.wcpm-offline-count-input {
  width: 60px !important;
  text-align: center !important;
  margin: 0 .5rem !important;
}

/* ۱) MasK تاریخ: 
   برای نمایش اولیه "14__/__/__" باید در custom-offline.js 
   مقدار data-mask و placeholder را به "14__/__/__" تغییر دهید. */

/* ۲) فونت واکنش‌گرا برای شماره شبا */
.wcpm-iban-input {
  /* با clamp اندازهٔ فونت بین 0.75 تا 1rem مطابق عرض فیلد تنظیم می‌شود */
  font-size: clamp(0.75rem, 2.5vw, 1rem) !important;
}

/* ۳) حذف نمایش placeholder در فیلد نام/نام‌خانوادگی */
input.wcpm-owner-name::placeholder {
  color: transparent !important;
}

input.wcpm-owner-name:focus::placeholder {
  color: transparent !important;
}

/*==========================================================================
  IBAN font-size & width so همه‌ی رقم‌ها نمایش داده شوند
  ==========================================================================*/
input.wcpm-iban-input {
  width: 100% !important;
  font-size: clamp(0.65rem, 1.2vw, 0.9rem) !important;
}

/*==========================================================================
  تاریخ: placeholder ثابت 14__/__/__
  (Inputmask خودش placeholder را نمایش می‌دهد)
  ==========================================================================*/
/* no extra CSS needed for date—کتابخانه placeholder را هندل می‌کند */

/*==========================================================================
  rtl برای نام صاحب کارت/حساب
  ==========================================================================*/
input.wcpm-owner-name {
  text-align: right !important;
  direction: rtl !important;
}

/*==========================================================================
  swap ریال و ورودی مبلغ
  ==========================================================================*/
.amount-wrapper {
  display: flex !important;
  align-items: center !important;
  flex-direction: row-reverse !important;
}

.amount-wrapper .currency {
  margin-left: .5rem !important;
  margin-right: 0 !important;
}

/*==========================================================================
  IBAN input: پیشوند IR بیرون و عددها داخل.
  عرض 30ch برای جا دادن تمام کاراکترها.
  =========================================================================*/
.iban-wrapper {
  display: flex !important;
  align-items: center !important;
}

.iban-prefix {
  margin-right: .5rem !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}

input.wcpm-iban-input {
  width: 30ch !important;
  font-family: 'Roboto Mono', monospace !important;
  font-size: 0.9rem !important;
  padding: .5rem .75rem !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  background: #f7f7f7 !important;
  box-sizing: border-box !important;
  outline: none !important;
  text-align: left !important;
  direction: ltr !important;
}

/*==========================================================================
  حذف نمایش wcpm-amount-display
  (دیگر وجود ندارد، نیازی به CSS ندارد)
  =========================================================================*/

/*==========================================================================
  RTL برای صاحب کارت
  =========================================================================*/
input.wcpm-owner-name {
  text-align: right !important;
  direction: rtl !important;
}

/* همیشه 30ch باشد، بدون مدیا کوئری */
input.wcpm-iban-input {
  width: 30ch !important;
  font-family: 'Roboto Mono', monospace !important;
  font-size: 0.9rem !important;
  padding: 0.5rem 0.75rem !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  background: #f7f7f7 !important;
  box-sizing: border-box !important;
  outline: none !important;
  text-align: left !important;
  direction: ltr !important;
}

/* فلکس باکس برای در کنار هم قرار گرفتن عنصرها */
.iban-wrapper {
  display: flex !important;
  align-items: center !important;
}

/* استایل پس‌وند IR که بعد از فیلد می‌آید */
.iban-suffix {
  margin-left: 0.5rem !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}

/* ──────────────────────────────────────────
   Installment Gateway: Intro Container
──────────────────────────────────────────── */
.wcpm-installment-intro {
  background: #ffffff !important;
  border: 1px solid #e2e2e0 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  padding: 1.5rem !important;
  margin-bottom: 2rem !important;
}

.wcpm-installment-intro-text {
  direction: rtl !important;
  text-align: justify !important;
  color: #333 !important;
  line-height: 1.6 !important;
  font-size: 0.95rem !important;
}

/* ──────────────────────────────────────────
   Installment Fields Grid
──────────────────────────────────────────── */
.wcpm-installment-fields {
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  margin-bottom: 2rem !important;
}

@media (max-width: 767px) {
  .wcpm-installment-fields {
    grid-template-columns: 1fr !important;
  }
}

/* ──────────────────────────────────────────
   Form Row & Labels
──────────────────────────────────────────── */
.wcpm-installment-fields .form-row {
  display: flex !important;
  flex-direction: column !important;
}

.wcpm-installment-fields .form-row>label {
  font-weight: 500 !important;
  color: #333 !important;
  margin-bottom: .5rem !important;
  font-size: .95rem !important;
}

/* ──────────────────────────────────────────
   Shared Inputs
──────────────────────────────────────────── */
.wcpm-installment-fields input[type="text"],
.wcpm-installment-fields input[type="file"] {
  width: 100% !important;
  padding: .5rem .75rem !important;
  font-size: 1rem !important;
  color: #222 !important;
  background: #f7f7f7 !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  outline: none !important;
  text-align: left !important;
}

/* Focus */
.wcpm-installment-fields input:focus {
  border-color: #007acc !important;
  background: #fff !important;
}

/* ──────────────────────────────────────────
   Date of Birth Mask & Placeholder
──────────────────────────────────────────── */
.wcpm-installment-fields .wcpm-dob-input {
  font-family: 'Roboto Mono', monospace !important;
  font-size: 1rem !important;
  caret-color: #007acc !important;
}

.wcpm-installment-fields .wcpm-dob-input::placeholder {
  color: #bbb !important;
}

/* ──────────────────────────────────────────
   Bank Account & Cheque ID
──────────────────────────────────────────── */
.wcpm-installment-fields input[type="text"][name*="account"],
.wcpm-installment-fields input[type="text"][name*="cheque_id"] {
  font-family: 'Roboto Mono', monospace !important;
}

/* ──────────────────────────────────────────
   File Inputs & Size Notice
──────────────────────────────────────────── */
.wcpm-installment-fields input[type="file"] {
  cursor: pointer !important;
}

.wcpm-installment-fields input[type="file"]+small {
  display: block !important;
  color: #666 !important;
  font-size: .85rem !important;
  margin-top: .25rem !important;
}

/* ──────────────────────────────────────────
   Amount Wrapper (ریال ↔ input)
──────────────────────────────────────────── */
.amount-wrapper {
  display: flex !important;
  align-items: center !important;
  flex-direction: row-reverse !important;
}

.amount-wrapper .currency {
  margin-left: .5rem !important;
  font-size: .95rem !important;
  color: #444 !important;
}

/* products-style.css */
/* استایل برای ورودی تاریخ با فونت مونو اسپیس و placeholder زیرخط */
input.wcpm-date-input,
.wcpm-date-input-offline,
.wcpm-date-input-installment {
  width: 100% !important;
  padding: .5rem .75rem !important;
  font-family: 'Roboto Mono', monospace !important;
  font-size: 1rem !important;
  color: #222 !important;
  background: #f7f7f7 !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  outline: none !important;
  direction: ltr !important;
  text-align: left !important;
}

/* حالت فوکوس */
input.wcpm-date-input,
.wcpm-date-input-offline,
.wcpm-date-input-installment:focus {
  border-color: #007acc !important;
  background-color: #fff !important;
}

/* placeholder زیرخط */
input.wcpm-date-input,
.wcpm-date-input-offline,
.wcpm-date-input-installment::placeholder {
  color: #222 !important;
  opacity: 1 !important;
  letter-spacing: .15em !important;
  /* فاصله بیشتر بین زیرخط‌ها برای خوانایی */
}

/* ——————————————————————————————————————————
   Online Payment Intro Container — Modern Flat Styling
   —————————————————————————————————————————— */
.wcpm-online-intro {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.wcpm-online-intro-text {
  direction: rtl;
  text-align: justify;
  line-height: 1.7;
  color: #333333;
  font-size: 0.95rem;
}

.wcpm-online-intro-text p {
  margin: 0 0 1rem;
}

.wcpm-online-intro-text strong {
  color: #007acc;
  font-weight: 500;
}

/* ——————————————————————————————————————————
   Checkout Notices (خطا، هشدار، اطلاعیه) — Modern Flat Cards
   —————————————————————————————————————————— */
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message {
  //background-color: #ffffff;
  //border: 1px solid #e2e2e2;
  //border-radius: 8px;
  //box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  color: #333333;
  text-align: justify;
  line-height: 1.6;
  font-size: 0.95rem;
}

.woocommerce-notices-wrapper .woocommerce-error li,
.woocommerce-notices-wrapper .woocommerce-info li,
.woocommerce-notices-wrapper .woocommerce-message li {
  margin: 0.5em 0 0.5em 1.25rem;
  list-style: disc outside;
}

/* واکنشگرایی برای نمایش پیغام‌ها */
@media (max-width: 600px) {

  .woocommerce-notices-wrapper .woocommerce-error,
  .woocommerce-notices-wrapper .woocommerce-info,
  .woocommerce-notices-wrapper .woocommerce-message {
    padding: 1rem;
    margin-bottom: 1rem;
  }
}

/* ——————————————————————————————————————————
   فضاگذاری پایینی برای کانتینرهای پرداخت
   —————————————————————————————————————————— */
#wcpm-method-selector,
#wcpm-deposit-selector,
.woocommerce-checkout-payment {
  margin-bottom: 1.5rem !important;
}

/* ——————————————————————————————————————————
   Modern Flat Styling برای کانتینر پیام خطا/اطلاع با !important
   —————————————————————————————————————————— */
.message-wrapper {
  list-style: none !important;
  padding: 1rem !important;
  margin-bottom: 13px !important;
}

.message-wrapper li {
  margin: 0 !important;
}

.message-wrapper .message-container {
  background-color: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  padding: 1rem !important;
  display: block !important;
  align-items: center !important;
  gap: 0.75rem !important;
  color: #333333 !important;
  font-size: 0.95rem !important;
  text-align: center !important;
}

.message-wrapper .message-icon {
  font-size: 1.25rem !important;
  color: #007acc !important;
}

/* واکنشگرایی موبایل */
@media (max-width: 600px) {
  .message-wrapper .message-container {
    padding: 1rem !important;
    font-size: 0.9rem !important;
  }
}

/* ——————————————————————————————————————————
   Preorder Intro Container — Modern Flat Styling
   —————————————————————————————————————————— */
.wcpm-preorder-intro {
  background-color: #ffffff;
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.wcpm-preorder-intro-text {
  direction: rtl;
  text-align: justify;
  line-height: 1.7;
  color: #333333;
  font-size: 0.95rem;
}

.wcpm-preorder-intro-text p {
  margin: 0 0 1rem;
}

.wcpm-preorder-intro-text strong {
  color: #007acc;
  font-weight: 500;
}

@media (max-width: 600px) {
  .wcpm-preorder-intro {
    padding: 1rem;
    margin-bottom: 1.5rem;
  }

  .wcpm-preorder-intro-text {
    font-size: 0.9rem;
    line-height: 1.6;
  }
}

/* 1) فقط چک‌باکس و متن پیش‌فرض را مخفی کن */
.form-row.validate-required:not(.wc-custom-terms-block) input[type="checkbox"],
.form-row.validate-required:not(.wc-custom-terms-block) .woocommerce-terms-and-conditions-checkbox-text {
  display: none !important;
}

/* 2) مخفی کردن مودال به صورت پیش‌فرض (بدون !important) */
#wc-custom-terms-modal {
  position: fixed;
  inset: 0;
  /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.6);
  display: none;
  /* بدون !important */
  overflow: auto;
  z-index: 9999;
  padding: 2rem 1rem;
  /* فضای دور محتوای مودال */
  box-sizing: border-box;
}

/* 3) کلاس باز برای نمایش مودال */
#wc-custom-terms-modal.open {
  display: block !important;
}

/* 4) استایل محتوای درون مودال */
#wc-custom-terms-modal .wc-custom-terms-content {
  max-width: 600px;
  max-height: 90vh;
  margin: 0 auto;
  overflow-y: auto;
  background: #fff;
  padding: 2rem !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
  text-align: justify !important;
}

/* 5) دکمهٔ تایید */
#wc-custom-terms-modal .wc-custom-terms-agree {
  display: block !important;
  margin: 2rem auto 0 !important;
  padding: 0.75rem 2rem !important;
  background: #007acc !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-align: center !important;
}

#wc-custom-terms-modal .wc-custom-terms-agree:hover {
  background: #005fa3 !important;
}

/* ==========================================================================
   ۱) استایل متن تک‌خطی “با ثبت سفارش …” هم‌تراز وسط
   ========================================================================== */
.wc-custom-terms-block {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin: 1.5rem 0 !important;
  font-size: 0.95rem !important;
  color: #555 !important;
}

.wc-custom-terms-block .wc-custom-terms-link {
  color: #007acc !important;
  font-weight: 600 !important;
  margin: 0 0.3em !important;
  text-decoration: none !important;
}

.wc-custom-terms-block .wc-custom-terms-link:hover {
  text-decoration: underline !important;
}


/* ==========================================================================
   ۲) استایل مودال و لایه‌ی پوشش (overlay)
   ========================================================================== */
#wc-custom-terms-modal {
  position: fixed !important;
  inset: 0 !important;
  /* top:0; right:0; bottom:0; left:0 */
  background: rgba(0, 0, 0, 0.6) !important;
  display: none !important;
  align-items: center !important;
  /* برای مرکزچین عمودی محتوا */
  justify-content: center !important;
  /* برای مرکزچین افقی محتوا */
  padding: 1rem !important;
  z-index: 9999 !important;
  box-sizing: border-box !important;
}

#wc-custom-terms-modal.open {
  display: flex !important;
}

#wc-custom-terms-modal .wc-custom-terms-overlay {
  position: absolute !important;
  inset: 0 !important;
}


/* ==========================================================================
   ۳) استایل محتوای پاپ‌آپ
   ========================================================================== */
#wc-custom-terms-modal .wc-custom-terms-content {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  max-width: 600px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  padding: 2rem !important;
  margin: auto !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  box-sizing: border-box !important;
}


/* ==========================================================================
   ۴) استایل دکمهٔ “من قوانین را مطالعه و قبول می‌کنم”
   ========================================================================== */
#wc-custom-terms-modal .wc-custom-terms-agree {
  display: block !important;
  margin: 2rem auto 0 !important;
  padding: 0.75rem 2rem !important;
  background-color: #007acc !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  font-size: 0.95rem !important;
  cursor: pointer !important;
  text-align: center !important;
  transition: background-color 0.2s ease !important;
}

#wc-custom-terms-modal .wc-custom-terms-agree:hover {
  background-color: #005fa3 !important;
}

/* ─────────────────────────────────────────────────────────
   ۱) جلوگیری از اسکرول پشت‌زمینه و فعال کردن اسکرول فقط داخل مودال
───────────────────────────────────────────────────────── */
#wc-custom-terms-modal {
  overscroll-behavior: contain !important;
}

#wc-custom-terms-modal .wc-custom-terms-content {
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

/* ─────────────────────────────────────────────────────────
   ۲) اصلاح رفتار «متن تک‌خطی» روی موبایل:
      در نمایش‌های کوچک، از فلکس به بلاک برگردانیم تا
      متن به صورت طبیعی و یک‌پارچه (وسط‌چین)
      بپیچد و قطعه‌قطعه نشود.
───────────────────────────────────────────────────────── */
@media (max-width: 600px) {
  .wc-custom-terms-block {
    display: block !important;
    text-align: center !important;
    white-space: normal !important;

  }
}

/* ─────────────────────────────────────────────────────────
   ۳) هیدن کردن بلوک پیش‌فرض checkbox + متن
───────────────────────────────────────────────────────── */
label.woocommerce-form__label-for-checkbox.checkbox {
  display: none !important;
}

.woocommerce-privacy-policy-text {
  text-align: center !important;
}

/* ==========================================================================
   Prevent scrolling the background when modal is open,
   and allow only the inner content to scroll
   ========================================================================== */

/* ۱) Override any “overflow: auto” on the modal container */
#wc-custom-terms-modal {
  overflow: hidden !important;
  overscroll-behavior: none !important;
  /* prevents parent/page scroll */
}

/* ۲) Ensure the content box is scrollable */
#wc-custom-terms-modal .wc-custom-terms-content {
  max-height: 90vh !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  /* confines scroll here */
}

/* ۳) (Optional) Hide native page scrollbars while modal is open
   — requires adding/removing “modal-open” on <body> via JS */
body.modal-open {
  height: 100% !important;
  overflow: hidden !important;
}

/* ۱) وقتی مودال نمایش داده شد اجازه اسکرول داخلی بده */
#wc-custom-terms-modal {

  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.6) !important;

  box-sizing: border-box !important;
  padding: 1rem !important;
  z-index: 9999 !important;
}



/* نمایش مودال فقط در حالت .open */
#wc-custom-terms-modal.open {
  display: flex !important;
  overflow: auto !important;
  align-items: center;
  justify-content: center;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.6) !important;

  box-sizing: border-box !important;
  padding: 1rem !important;
  z-index: 9999 !important;
  /* بقیهٔ استایل‌های قبلی داخل این بلاک… */
}

/* حالت پیش‌فرض مودال پنهان بماند */
#wc-custom-terms-modal {
  display: none;
  overflow: hidden;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.6) !important;

  box-sizing: border-box !important;
  padding: 1rem !important;
  z-index: 9999 !important;
}






/* ۲) overlay پشت محتوا */
#wc-custom-terms-modal .wc-custom-terms-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.6) !important;
  z-index: 1 !important;
}

/* ۳) محتوا بالای overlay و اسکرول‌پذیر */
#wc-custom-terms-modal .wc-custom-terms-content {
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important;
  max-width: 600px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  /* ← scroll here */
  -webkit-overflow-scrolling: touch !important;
  padding: 2rem !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  text-align: justify !important;
}

/* ۴) وقتی مودال باز است، body را قفل کن */
body.modal-open {
  overflow: hidden !important;
}


/* Loading Spinner and Overlay */
/* ========== ۱) Loading Overlay ========== */
#checkout-loading-overlay {
  position: fixed;
  inset: 0;
  /* top:0; right:0; bottom:0; left:0 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(5px);
  /* blur پس‌زمینه */
  z-index: 9999;
}

/* ========== ۲) Spinner (گردان) ========== */
#checkout-loading-overlay .spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-top-color: #007acc;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 1rem;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* ========== ۳) متن لودینگ ========== */
#checkout-loading-overlay p {
  font-size: 1rem;
  color: #333;
  margin: 0;
}

/* ========== ۴) مخفی‌سازی پس از بارگذاری ========== */
#checkout-loading-overlay.hidden {
  display: none !important;
}




/* ────────────────────────────────────────────
   future-delivery-row (دسکتاپ)
──────────────────────────────────────────── */
.future-delivery-row {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  margin: 1.5rem 0 !important;
}

.future-delivery-row label {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  cursor: pointer !important;
}

.future-delivery-date {
  display: none !important;
  width: 140px !important;
}

/* زمان فعال شدن چک‌باکس */
.future-delivery-row.active .future-delivery-date {
  display: inline-block !important;
}

/* ────────────────────────────────────────────
   ریسپانسیو: موبایل و تبلت کوچک
──────────────────────────────────────────── */
@media (max-width: 600px) {
  .future-delivery-row {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .future-delivery-date {
    width: 100% !important;
    max-width: 280px !important;
    margin-top: 0.5rem !important;
  }
}

/* ────────────────────────────────────────────
   Future Delivery: محدود کردن عرض فیلد تاریخ
──────────────────────────────────────────── */
.future-delivery-date {
  /* 10ch برای ده حرف (۱۴۸/۰۳/۱۵) + کمی padding داخلی */
  width: 10ch !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 600px) {

  /* هنگام فعال بودن، کل ردیف را متحدالمسیر می‌کنیم */
  .future-delivery-row.active {
    align-items: center !important;
  }

  /* فیلد تاریخ در موبایل وسط‌چین شود */
  .future-delivery-date {
    margin: 0.5rem auto 0 !important;
  }
}

/* ────────────────────────────────────────────
   Future Delivery: کارت فلت
──────────────────────────────────────────── */
.future-delivery-row {
  background-color: #ffffff;
  /* پس‌زمینه سفید */
  border: 1px solid #e0e0e0;
  /* کادر ملایم */
  border-radius: 8px;
  /* گوشه‌های گرد */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  /* سایه‌ی ملایم */
  padding: 1rem;
  /* فاصله داخلی */
  margin: 1.5rem 0;
  /* فاصله عمودی */
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
}

.future-delivery-row label {
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.future-delivery-row input[type="checkbox"] {
  transform: scale(1.2);
  /* بزرگ‌تر کردن چک‌باکس */
}


input.wcpm-date-input-rec {
  width: 21ch !important;
  padding: .5rem .75rem !important;
  font-family: 'Roboto Mono', monospace !important;
  font-size: 1rem !important;
  color: #222 !important;
  background: #f7f7f7 !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  outline: none !important;
  direction: ltr !important;
  text-align: left !important;
}

/* حالت فوکوس */
input.wcpm-date-input-rec:focus {
  border-color: #007acc !important;
  background-color: #fff !important;
}

/* placeholder زیرخط */
input.wcpm-date-input-rec::placeholder {
  color: #bbb !important;
  opacity: 1 !important;
  letter-spacing: .15em !important;
  /* فاصله بیشتر بین زیرخط‌ها برای خوانایی */
}

/* =============================================================================
   Thank You Page — Consolidated, Flat & Responsive Styles
   =============================================================================
   
   1) Wrapper Container
   2) Header Card
   3) Details Grid (Buyer + Address)
   4) Section Cards (Buyer / Address / Order)
   5) Lists Inside Sections
   6) Emphasize <strong> Elements
   7) Order Table — Auto-width Columns & Styling
   8) Responsive Table (Mobile)
   ============================================================================= */

/* 1) Wrapper Container */
.wcpm-thankyou-wrapper {
  display: block !important;
  max-width: 1270px !important;
  background-color: #ffffff;
  margin-bottom: 13px !important;
  margin-top: 13px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 1rem !important;
  padding-bottom: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;

}

/* 2) Header Card */
.wcpm-thankyou-header {
  background-color: #f7f7f7 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  text-align: center !important;
  padding: 1rem !important;
  margin-bottom: 13px !important;
}

.wcpm-thankyou-header h2 {
  font-size: 1.5rem !important;
  margin: 0 0 0.5rem !important;
  color: #333 !important;
}

.wcpm-thankyou-header p {
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: #333 !important;
}

/* 3) Details Grid (Buyer + Address) */
.wcpm-thankyou-details-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 13px !important;
  margin-bottom: 0 !important;
}

@media (max-width: 600px) {
  .wcpm-thankyou-details-grid {
    display: block !important;
  }
}

/* 4) Section Cards (Buyer / Address / Order) */
.wcpm-thankyou-section {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  padding: 1rem !important;
  margin-bottom: 13px !important;
}

.wcpm-thankyou-section h3 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #222 !important;
  margin-bottom: 13px !important;
}

/* 5) Lists Inside Sections */
.wcpm-thankyou-section ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  row-gap: 0.75rem !important;
  column-gap: 13px !important;
}

.wcpm-thankyou-section ul li {
  margin: 0 !important;
  color: #555 !important;
}

@media (max-width: 600px) {
  .wcpm-thankyou-section ul {
    display: block !important;
  }

  .wcpm-thankyou-section ul li {
    margin-bottom: 0.5rem !important;
  }
}

/* 6) Emphasize <strong> Elements */
.wcpm-thankyou-wrapper strong {
  color: #007acc !important;
  font-weight: 500 !important;
}

/* 7) Order Table — Auto-width Columns & Styling */
.wcpm-thankyou-section#wcpm-thankyou-order .wcpm-order-items-table,
.wcpm-thankyou-wrapper .wcpm-order-items-table {
  width: auto !important;
  margin: 13px auto 0 !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  font-size: 0.9em !important;
  line-height: 1.3 !important;
}

.wcpm-order-items-table th,
.wcpm-order-items-table td {
  padding: 13px !important;
  border: 1px solid #e0e0e0 !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.wcpm-order-items-table th {
  background-color: #f7f7f7 !important;
  font-weight: 600 !important;
}

.wcpm-order-items-table tr:nth-child(even) {
  background-color: #fafafa !important;
}

/* 8) Responsive Table (Mobile) */
@media (max-width: 600px) {
  .wcpm-order-items-table {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }

  .wcpm-order-items-table th,
  .wcpm-order-items-table td {
    display: inline-block !important;
  }
}

/* Order Table — Updated Cell Padding, Line-height, Font-size */
.wcpm-order-items-table th,
.wcpm-order-items-table td {
  padding: 13px !important;
  font-size: 0.9rem !important;
  line-height: 1.3 !important;
  border: 1px solid #e0e0e0 !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

/* Override: پس‌زمینه و کادر کانتینر اصلی صفحه تشکر */
.wcpm-thankyou-wrapper {
  background-color: #f9f9f9 !important;
  border: 1px solid #ddd !important;
}

/* هدر بالای صفحه تشکر: سایه سبک‌تر */
.wcpm-thankyou-wrapper .wcpm-thankyou-header {
  /* در فایل‌تان همین الگو هست؛ اینجا برای یکپارچگی تاکید می‌کنیم */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid #e0e0e0 !important;
  background-color: #f7f7f7 !important;
}

/* کارت‌های بخش‌های جزئیات، آدرس و سفارش: کارت استاندارد فلت */
.wcpm-thankyou-wrapper .wcpm-thankyou-section {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid #e0e0e0 !important;
  background-color: #ffffff !important;
  border-radius: 8px !important;
}

/* جدول آیتم‌های سفارش داخل بخش سفارش */
.wcpm-thankyou-wrapper #wcpm-thankyou-order .wcpm-order-items-table {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid #e0e0e0 !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* کارت معرفی/پیغام‌های احتمالی داخل صفحه تشکر (اختیاری) */
.wcpm-thankyou-wrapper .wcpm-thankyou-notice,
.wcpm-thankyou-wrapper .wcpm-thankyou-intro {
  background-color: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  padding: 1rem !important;
  margin-bottom: 13px !important;
}

/* گرید جزئیات صرفاً چیدمان است؛ سایه/کادر ندارد */
.wcpm-thankyou-wrapper .wcpm-thankyou-details-grid {
  /* بدون سایه یا مرز، مطابق الگو */
}

/* 1) درخواست شما: بوردر و بکگراند wcpm-thankyou-wrapper */
.wcpm-thankyou-wrapper {
  border: 1px solid #ddd !important;
  background-color: #f9f9f9 !important;
}

/* 2) قاب ریسپانسیو برای جدول */
.wcpm-thankyou-wrapper .wcpm-table-responsive {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

/* زیباسازی اسکرول‌بار (اختیاری) */
.wcpm-thankyou-wrapper .wcpm-table-responsive::-webkit-scrollbar {
  height: 8px !important;
}

.wcpm-thankyou-wrapper .wcpm-table-responsive::-webkit-scrollbar-thumb {
  background: #d0d0d0 !important;
  border-radius: 4px !important;
}

/* 3) خود جدول: واقعی بماند، مرزبندی حفظ شود */
.wcpm-thankyou-wrapper .wcpm-order-items-table {
  min-width: 720px !important;
  /* اگر جدول پهن است، حداقل عرض */
  border-collapse: collapse !important;
  /* جلوگیری از گپ بین سلول‌ها */
  table-layout: auto !important;
  white-space: normal !important;
  margin: 0 !important;
}

/* بازیابی پدینگ و حذف margin عجیب روی th/td که قبلاً سراسری صفر شده بود */
.wcpm-thankyou-wrapper .wcpm-order-items-table th,
.wcpm-thankyou-wrapper .wcpm-order-items-table td {
  padding: 0.75rem 1rem !important;
  margin: 0 !important;
  border: 1px solid #e0e0e0 !important;
  vertical-align: middle !important;
}

/* سرستون‌ها */
.wcpm-thankyou-wrapper .wcpm-order-items-table thead th {
  background: #f7f7f7 !important;
  font-weight: 600 !important;
  color: #333 !important;
}

/* ردیف‌های راه‌راه برای خوانایی بهتر */
.wcpm-thankyou-wrapper .wcpm-order-items-table tbody tr:nth-child(even) {
  background: #fafafa !important;
}

/* 4) لغو override قبلیِ «شکستن ساختار جدول» فقط در صفحه Thank You */
@media (max-width: 600px) {
  .wcpm-thankyou-wrapper .wcpm-order-items-table {
    display: table !important;
    /* نه block */
  }

  .wcpm-thankyou-wrapper .wcpm-order-items-table thead {
    display: table-header-group !important;
    /* نه inline/inherit */
  }

  .wcpm-thankyou-wrapper .wcpm-order-items-table tbody {
    display: table-row-group !important;
  }

  .wcpm-thankyou-wrapper .wcpm-order-items-table tr {
    display: table-row !important;
  }

  .wcpm-thankyou-wrapper .wcpm-order-items-table th,
  .wcpm-thankyou-wrapper .wcpm-order-items-table td {
    display: table-cell !important;
    /* نه inline-block */
    white-space: nowrap !important;
    /* از شکستن بی‌جا جلوگیری کند */
  }

  /* اجازه اسکرول افقی: قاب کار خودش را می‌کند */
  .wcpm-thankyou-wrapper .wcpm-table-responsive {
    overflow-x: auto !important;
  }
}

/* 5) کمی بهینه‌سازی برای ستون نام محصول روی موبایل (اگر خیلی بلند است) */
@media (max-width: 600px) {
  .wcpm-thankyou-wrapper .wcpm-order-items-table td:nth-child(2) {
    max-width: 360px !important;
    white-space: normal !important;
    /* نام‌های بلند بشکنند */
    word-break: break-word !important;
    /* و نشکنند طرح را */
  }
}

/* 6) یکدست‌سازی سایه‌ها مطابق الگوی فایل شما */
.wcpm-thankyou-wrapper,
.wcpm-thankyou-wrapper .wcpm-thankyou-header,
.wcpm-thankyou-wrapper .wcpm-thankyou-section,
.wcpm-thankyou-wrapper .wcpm-order-items-table {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

/* 7) کارت‌های داخلی Thank You هم‌رنگ و هم‌بوردر با سایر کارت‌ها بمانند */
.wcpm-thankyou-wrapper .wcpm-thankyou-header,
.wcpm-thankyou-wrapper .wcpm-thankyou-section {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
}

/* 8) اگر قبلاً در مدیاکویی جدول را display:block کرده‌ای، برای همین صفحه خاموشش کن */
@media (max-width: 600px) {
  .wcpm-thankyou-wrapper .wcpm-order-items-table {
    white-space: normal !important;
    /* به قاب اسکرول بسپار */
  }
}

/* ۱. غیرفعال‌سازی table-layout: fixed */
.wcpm-table-responsive table.wcpm-order-items-table {
  table-layout: auto !important;
}

/* ۲. override عرض ستون دوم (نام محصول) */
.wcpm-order-items-table th:nth-child(2),
.wcpm-order-items-table td:nth-child(2) {
  width: auto !important;
  white-space: normal !important;
  /* اجازه‌ی چندخط شدن متن */
  word-break: break-all !important;
  /* شکستن درون کلمه */
  overflow-wrap: break-word !important;
  /* شکستن کلمه‌های طولانی */
  max-width: 500px !important;
  min-width: 250px !important;
}

/* 1) Header: حذف متن پیش‌فرض اضافی */
.wcpm-thankyou-header p {
  margin: 0;
}

/* 2) دو ستونه کردن وضعیت سفارش و خریدار */
.wcpm-thankyou-details-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 13px !important;
}

/* 3) در موبایل همه بلوک‌ها پشت سر هم */
@media (max-width: 767px) {
  .wcpm-thankyou-details-grid {
    display: block;
  }
}

/* 4) کارت‌های جزئیات: یکنواخت‌سازی */
.wcpm-thankyou-section {
  padding: 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  margin-bottom: 1rem;
}

/* 5) استایل عنوان هر بخش */
.wcpm-thankyou-section h3 {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
  color: #222;
}

/* 6) لیست‌های داخلی: دو ستونه در دسکتاپ */
.wcpm-thankyou-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 0.5rem;
  column-gap: 1rem;
}

/* موبایل: لیست ستونی */
@media (max-width: 767px) {
  .wcpm-thankyou-section ul {
    display: block;
  }

  .wcpm-thankyou-section ul li {
    margin-bottom: 0.5rem;
  }
}

/* 7) تاکید روی مقادیر */
.wcpm-thankyou-wrapper strong {
  color: #007acc;
  font-weight: 500;
}

/* 8) فاصله زیر کارت header و قبل جزئیات */
.wcpm-thankyou-header {
  margin-bottom: 1.5rem;
}

/* ────────────────────────────────────────
   Thank You Summary Cards (تعداد، قیمت و …)
───────────────────────────────────────── */
.wcpm-thankyou-summary {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  margin: 1.5rem 0;
}

.wcpm-thankyou-summary p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  font-size: 0.975rem;
}

.wcpm-thankyou-summary p .label {
  font-weight: 500;
  color: #222222;
}

.wcpm-thankyou-summary p .value {
  font-weight: 500;
  color: #007acc;
}

/* فقط برای آیتم تخفیف رنگ متفاوت */
.wcpm-thankyou-summary p.discount .value {
  color: #c00 !important;
}

/* 6) PAYMENT Section — full-width card like “Address” & “Order” */
#wcpm-thankyou-payment {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  padding: 1rem !important;
  margin-bottom: 0 !important;
}

#wcpm-thankyou-payment h3 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #222222 !important;
  margin-bottom: 0.75rem !important;
}

/* If you plan to list payment meta items inside */
#wcpm-thankyou-payment ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 0.75rem !important;
}

#wcpm-thankyou-payment ul li {
  margin: 0 !important;
  padding: 0 !important;
  color: #555555 !important;
  font-size: 0.95rem !important;
}

/* Mobile: stack items as block */
@media (max-width: 600px) {
  #wcpm-thankyou-payment ul {
    display: block !important;
  }

  #wcpm-thankyou-payment ul li {
    margin-bottom: 0.5rem !important;
  }
}

.wcpm-thankyou-section#wcpm-thankyou-order .wcpm-order-items-table,
.wcpm-thankyou-wrapper .wcpm-order-items-table {
  margin: 13px auto 13px !important;
}

.wcpm-thankyou-wrapper .wcpm-table-responsive {
  margin-bottom: 13px !important;
}

.wcpm-thankyou-summary {
  margin-top: 0 !important;
}

/* ──────────────────────────────────────────────
   Thank You — Payment section: two-column grid
   ────────────────────────────────────────────── */
#wcpm-thankyou-payment .wcpm-thankyou-payment-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;
  align-items: start !important;
  margin-top: 0.5rem !important;
}

@media (min-width: 992px) {
  #wcpm-thankyou-payment .wcpm-thankyou-payment-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* ──────────────────────────────────────────────
   Meta list card (final version)
   ────────────────────────────────────────────── */
#wcpm-thankyou-payment .wcpm-payment-meta-list {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  padding: 1rem !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  display: block !important;
}

#wcpm-thankyou-payment .wcpm-payment-meta-list li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 0 0 13px 0 !important;
  font-size: 0.975rem !important;
}

#wcpm-thankyou-payment .wcpm-payment-meta-list li:last-child {
  margin-bottom: 0 !important;
}

#wcpm-thankyou-payment .wcpm-payment-meta-list li>span {
  font-weight: 500 !important;
  color: #222222 !important;
}

#wcpm-thankyou-payment .wcpm-payment-meta-list li>strong {
  font-weight: 500 !important;
  color: #007acc !important;
}

/* ──────────────────────────────────────────────
   Table wrapper (final version)
   ────────────────────────────────────────────── */
#wcpm-thankyou-payment .wcpm-table-responsive {
  width: 100% !important;
  padding: 1rem !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 600px) and (orientation: portrait) {
  #wcpm-thankyou-payment .wcpm-table-responsive {
    padding: 0.5rem !important;
  }
}

/* ──────────────────────────────────────────────
   Cheque table (final version)
   ────────────────────────────────────────────── */
#wcpm-thankyou-payment #wcpm-cheque-table,
#wcpm-thankyou-payment .wcpm-cheque-table,
#wcpm-thankyou-payment .wcpm-table-responsive table {
  table-layout: auto !important;
  width: 100% !important;
  min-width: unset !important;
  border-collapse: collapse !important;
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin: 0 !important;
  font-size: 0.9rem !important;
  line-height: 1.3 !important;
}

#wcpm-thankyou-payment #wcpm-cheque-table th,
#wcpm-thankyou-payment #wcpm-cheque-table td,
#wcpm-thankyou-payment .wcpm-cheque-table th,
#wcpm-thankyou-payment .wcpm-cheque-table td,
#wcpm-thankyou-payment .wcpm-table-responsive table th,
#wcpm-thankyou-payment .wcpm-table-responsive table td {
  padding: 13px !important;
  border: 1px solid #e0e0e0 !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: normal !important;
  word-break: break-word !important;
}

#wcpm-thankyou-payment #wcpm-cheque-table thead th,
#wcpm-thankyou-payment .wcpm-cheque-table thead th,
#wcpm-thankyou-payment .wcpm-table-responsive table thead th {
  background-color: #f7f7f7 !important;
  font-weight: 600 !important;
  color: #333 !important;
}

#wcpm-thankyou-payment #wcpm-cheque-table tbody tr:nth-child(even),
#wcpm-thankyou-payment .wcpm-cheque-table tbody tr:nth-child(even),
#wcpm-thankyou-payment .wcpm-table-responsive table tbody tr:nth-child(even) {
  background-color: #fafafa !important;
}

@media (max-width: 600px) {
  #wcpm-thankyou-payment .wcpm-table-responsive table {
    width: 100% !important;
    display: table !important;
  }
}

/* ──────────────────────────────────────────────
   Account owner card
   ────────────────────────────────────────────── */
#wcpm-thankyou-payment .wcpm-thankyou-account-owner {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  padding: 1rem !important;
  margin-top: 13px !important;
}

#wcpm-thankyou-payment .wcpm-thankyou-account-owner h4 {
  margin: 0 0 0.75rem 0 !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  color: #222 !important;
}

/* ──────────────────────────────────────────────
   Owner meta list
   ────────────────────────────────────────────── */
#wcpm-thankyou-payment .wcpm-owner-meta-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.75rem 1rem !important;
}

@media (max-width: 900px) {
  #wcpm-thankyou-payment .wcpm-owner-meta-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  #wcpm-thankyou-payment .wcpm-owner-meta-list {
    grid-template-columns: 1fr !important;
  }
}

#wcpm-thankyou-payment .wcpm-owner-meta-list li {
  color: #555 !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
}

#wcpm-thankyou-payment .wcpm-owner-meta-list li>strong {
  color: #007acc !important;
  font-weight: 500 !important;
}

#wcpm-thankyou-payment .wcpm-owner-meta-list a {
  color: #007acc !important;
  text-decoration: none !important;
}

#wcpm-thankyou-payment .wcpm-owner-meta-list a:hover {
  text-decoration: underline !important;
}

/* ──────────────────────────────────────────────
   Spacing consistency
   ────────────────────────────────────────────── */
#wcpm-thankyou-payment {
  padding: 1rem !important;
}

#wcpm-thankyou-payment h3 {
  margin-bottom: 0.75rem !important;
}

.wcpm-thankyou-summary {
  margin-bottom: 13px !important;
}

/* ──────────────────────────────────────────────
   Amount style
   ────────────────────────────────────────────── */
span.amount {
  font-weight: 500 !important;
  color: #007acc !important;
  white-space: nowrap !important;
  font-size: 0.975rem !important;

}

/* ==============================================
   Sync label/value style from #wcpm-thankyou-order-status
   to wcpm-thankyou-summary & wcpm-payment-meta-list
   ============================================== */

/* 1) Row layout: flex, spacing & font exactly like order-status */
.wcpm-thankyou-summary p,
.wcpm-payment-meta-list li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 0.75rem !important;
  font-size: 0.95rem !important;
  color: #555555 !important;
}

/* 2) Label text (matches order-status li text) */
.wcpm-thankyou-summary p .label,
.wcpm-payment-meta-list li>span {
  font-weight: 500 !important;
}

/* 3) Value text (matches order-status <strong> styling) */
.wcpm-thankyou-summary p .value strong,
.wcpm-payment-meta-list li strong {
  color: #007acc !important;
  font-weight: 500 !important;
}

/* 4) Ensure currency symbol & amount align exactly as in order-status */
/*    (applies when you have .woocommerce-Price-amount spans) */
.wcpm-payment-meta-list li .woocommerce-Price-amount {
  display: inline-flex !important;
  align-items: center !important;
}

.wcpm-payment-meta-list li .woocommerce-Price-currencySymbol {
  margin-left: 0.25em !important;
}

/* استایل اختصاصی برای توضیحات سفارش (در صورت نیاز) */
.wcpm-order-box-content {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #007acc !important;
}

/*================================================================================
  WCMP Order Box — Modern, Flat & Responsive Container
================================================================================*/

/* 1) Main container styling */
.wcpm-order-box {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  padding: 1rem !important;
  margin: 0 !important;
  margin-bottom: 13px !important;
  color: #007acc !important;
  text-align: justify !important;
  line-height: 1.6 !important;
}

/* 2) Headers inside the box (e.g., title, section headings) */
.wcpm-order-box h2,
.wcpm-order-box h3,
.wcpm-order-box h4 {
  margin: 0 0 0.75rem !important;
  font-weight: 600 !important;
  color: #222222 !important;
}

.wcpm-order-box h2 {
  font-size: 1.5rem !important;
}

.wcpm-order-box h3 {
  font-size: 1.25rem !important;
}

.wcpm-order-box h4 {
  font-size: 1.1rem !important;
}

/* 3) Paragraphs */
.wcpm-order-box p {
  margin: 0 0 1rem !important;
  font-size: 0.95rem !important;
  color: #007acc !important;
}

/* 4) Lists */
.wcpm-order-box ul,
.wcpm-order-box ol {
  margin: 0 0 1rem 1.25rem !important;
  padding: 0 !important;
}

.wcpm-order-box ul {
  list-style: disc outside !important;
}

.wcpm-order-box ol {
  list-style: decimal outside !important;
}

.wcpm-order-box li {
  margin-bottom: 0.5rem !important;
}

/* 5) Links */
.wcpm-order-box a {
  color: #007acc !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.wcpm-order-box a:hover {
  text-decoration: underline !important;
}

/* 6) Images (responsive) */
.wcpm-order-box img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  margin-bottom: 13px !important;
}


/* 8) Responsive adjustments */
@media (max-width: 600px) {
  .wcpm-order-box {
    padding: 1rem !important;
    margin: 0 !important;
    margin-bottom: 13px !important;
  }
}
}

/* کانتینر پرداخت نقدی با همان استایل اقساطی */
.cash-payment-container {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  margin: 1.5rem 0;
  color: #333333;
  font-family: inherit;
  width: 100%;
  display: block;
}

/* تیتر داخلی (اختیاری) همسان با h4 اقساط */
.cash-payment-container h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #222222;
  margin-bottom: 0.75rem;
}

/* ردیف‌های لیبل/مقدار همسان با meta-list */
.cash-payment-meta-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

.cash-payment-meta-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0.75rem 0;
  font-size: 0.975rem;
  color: #555555;
}

.cash-payment-meta-list li .label {
  font-weight: 500;
  color: #222222;
}

.cash-payment-meta-list li .value {
  font-weight: 500;
  color: #007acc;
}

/* هم‌راستاسازی واحد پول & amount (اختیاری، در صورت استفاده از ووکامرس Amount) */
.cash-payment-meta-list li .woocommerce-Price-amount {
  display: inline-flex;
  align-items: center;
}

.cash-payment-meta-list li .woocommerce-Price-currencySymbol {
  margin-left: 0.25em;
}

/* همخوانی با overrideهای فاصله‌ای موجود */
.cash-payment-container {
  padding: 1em !important;
  margin-top: 0 !important;
  margin-bottom: 13px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 600px) {
  .cash-payment-container {
    padding: 1rem !important;
  }
}

.wcpm-preorder-intro {
  background-color: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  padding: 1.5rem !important;
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
}

.wcpm-preorder-intro-text {
  direction: rtl !important;
  text-align: justify !important;
  line-height: 1.8 !important;
  color: #333333 !important;
  font-size: 0.95rem !important;
}

.wcpm-preorder-intro-text a {
  color: #007acc !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.wcpm-preorder-intro-text a:hover {
  text-decoration: underline !important;
}

/* رنگ سفید برای مبلغ و واحد پول در cart-price */
.cart-price .woocommerce-Price-amount,
.cart-price .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
}

/* بک‌گراند آبی فقط برای لیبل زرین‌پال */
#wcpm-online-provider label {
  background-color: #007acc !important;
  color: #ffffff !important;
  margin: 13px !important;
}

/* رنگ متن و ورودی داخل لیبل */
#wcpm-online-provider label,
#wcpm-online-provider label input {
  color: #ffffff !important;
}

.wcpm-online-success-notice {
  background-color: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  padding: 1rem !important;
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.wcpm-online-success-text {
  direction: rtl !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  line-height: 1.8 !important;
  color: #333333 !important;
  font-size: 0.95rem !important;
}

.wcpm-online-success-text a {
  color: #007acc !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.wcpm-online-success-text a:hover {
  text-decoration: underline !important;
}

/* کانتینر اصلی هر پرداخت آفلاین */
.wcpm-offline-payment-notice {
  background-color: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  padding: 1rem !important;
  margin-top: 0 !important;
  margin-bottom: 13px !important;
}

/* متن داخلی کانتینر */
.wcpm-offline-payment-text {
  direction: rtl !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  line-height: 1.8 !important;
  color: #333333 !important;
  font-size: 0.95rem !important;
}

/* تیتر هر پرداخت (مثلاً "پرداخت کارت به کارت #1") */
.wcpm-offline-payment-title {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: #222 !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
}

/* ردیف‌های اطلاعات (مبلغ، شماره کارت و ...) */
.wcpm-offline-payment-row {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin-bottom: 0.35rem !important;
  font-size: 0.95rem !important;
  color: #555 !important;
}

.wcpm-offline-payment-label {
  font-weight: 500 !important;
  color: #222 !important;
  min-width: 90px !important;
  margin-left: 0.5em !important;
  display: inline-block !important;
}

.wcpm-offline-payment-value {
  font-weight: 500 !important;
  color: #007acc !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
}

/* واکنشگرایی برای موبایل */
@media (max-width: 768px) {
  .wcpm-offline-payment-row {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .wcpm-offline-payment-label {
    margin-bottom: 0.2rem !important;
  }
}

/* استایل مبلغ و واحد پول مثل بقیه بخش‌ها */
.wcpm-offline-payment-value {
  direction: rtl !important;
  unicode-bidi: embed !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* چینش آیتم‌ها در کانتینر پرداخت‌ها */
.wcpm-offline-payment-text {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 10px 20px !important;
}

/* در موبایل همه زیر هم */
@media (max-width: 768px) {
  .wcpm-offline-payment-text {
    grid-template-columns: 1fr !important;
  }
}

/* کانتینر کلی هر پرداخت */
.wcpm-offline-payment-notice {
  width: 100% !important;
  margin-bottom: 20px !important;
  border: 1px solid #ddd !important;
  padding: 15px !important;
  box-sizing: border-box !important;
}

/* هدر کانتینر (عنوان پرداخت) همیشه یک ردیف کامل */
.wcpm-offline-payment-title {
  display: block !important;
  font-weight: bold !important;
  margin-bottom: 15px !important;
  font-size: 1.1em !important;
}

/* بخش آیتم‌ها به صورت گرید سه‌ستونه در دسکتاپ */
.wcpm-offline-payment-text {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px 20px !important;
  /* فاصله بین ستون‌ها و ردیف‌ها */
  align-items: start !important;
}

/* در موبایل تک‌ستونه */
@media (max-width: 768px) {
  .wcpm-offline-payment-text {
    grid-template-columns: 1fr !important;
  }
}

/* هر ردیف آیتم */
.wcpm-offline-payment-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  /* فاصله بین لیبل و مقدار */
  min-width: 0 !important;
  /* جلوگیری از اورلی */
}

/* لیبل آیتم */
.wcpm-offline-payment-label {
  font-weight: bold !important;
  white-space: nowrap !important;
  /* جلوگیری از شکستن لیبل */
}

/* مقدار آیتم */
.wcpm-offline-payment-value {
  flex: 1 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  /* اگر طولانی بود سه نقطه بگذارد */
}

.wcpm-offline-payment-title {
  display: block !important;
  width: 100% !important;
  font-weight: bold !important;
  margin-bottom: 12px !important;
  font-size: 1.1em !important;
}

/* ساختار کلی آیتم‌ها */
.wcpm-offline-payment-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 6px !important;
}

/* لیبل همیشه راست‌چین */
.wcpm-offline-payment-label {
  text-align: right !important;
  white-space: nowrap !important;
}

/* مقدار همیشه چپ‌چین */
.wcpm-offline-payment-value {
  text-align: left !important;
  flex: 1 !important;
}

/* در موبایل: لیبل راست، مقدار چپ */
@media (max-width: 768px) {
  .wcpm-offline-payment-row {
    flex-direction: row !important;
  }

  .wcpm-offline-payment-label {
    text-align: right !important;
  }

  .wcpm-offline-payment-value {
    text-align: left !important;
  }
}

/* کانتینر کلی هر پرداخت */
.wcpm-offline-payment-notice {
  width: 100% !important;
  margin-bottom: 13px !important;
  border: 1px solid #ddd !important;
  padding: 1rem !important;
  box-sizing: border-box !important;
}

/* گرید سه‌ستونه در دسکتاپ */
.wcpm-offline-payment-text {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px 20px !important;
}

/* هدر کانتینر همیشه یک ردیف کامل */
.wcpm-offline-payment-title {
  display: block !important;
  grid-column: 1 / -1 !important;
  font-weight: bold !important;
  margin-bottom: 12px !important;
  font-size: 1.1em !important;
}

/* در موبایل تک‌ستونه */
@media (max-width: 768px) {
  .wcpm-offline-payment-text {
    grid-template-columns: 1fr !important;
  }
}

/* ردیف آیتم‌ها */
.wcpm-offline-payment-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 6px !important;
}

/* لیبل راست‌چین */
.wcpm-offline-payment-label {
  text-align: right !important;
  white-space: nowrap !important;
}

/* مقدار چپ‌چین */
.wcpm-offline-payment-value {
  text-align: left !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.discount-label,
.discount-value {
  color: #c00 !important;
  font-weight: bold !important;
}

.discount-label,
.discount-value,
.discount-value *,
.discount-value strong,
.discount-value .woocommerce-Price-amount,
.discount-value .woocommerce-Price-amount *,
.discount-value bdi {
  color: #c00 !important;
  font-weight: bold !important;
}

.wcpm-thankyou-buttons-wrapper {
  display: flex !important;
  justify-content: center !important;
  gap: 13px !important;
  margin: 0 !important;
  margin-bottom: 8px !important;
}

@media (max-width: 600px) {
  .wcpm-thankyou-buttons-wrapper {
    flex-direction: column !important;
    align-items: center !important;
    gap: 13px !important;
  }

  .wcpm-thankyou-btn.button {
    width: 100% !important;
    max-width: 320px !important;
    text-align: center !important;
  }
}

/* کانتینر کلی لیست سفارش‌ها */
.wcpm-order-list-wrapper {
  display: block !important;
  max-width: 1270px !important;
  background-color: #f9f9f9 !important;
  padding: 1rem !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid #ddd !important;
}

.wcpm-order-list-section {
  background-color: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  padding: 1rem !important;
  margin-bottom: 13px !important;
}

/* قاب واکنش‌گرا جدول (فقط برای دسکتاپ/تبلت) */
.wcpm-order-list-responsive {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 13px !important;
}

/* جدول سفارش‌ها (پایه) */
.wcpm-order-list-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  font-size: 0.95rem !important;
  line-height: 1.3 !important;
}

.wcpm-order-list-table th,
.wcpm-order-list-table td {
  padding: 13px !important;
  border: 1px solid #e0e0e0 !important;
  text-align: center !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.wcpm-order-list-table th {
  background: #f7f7f7 !important;
  font-weight: 600 !important;
  color: #333 !important;
}

.wcpm-order-list-table tr:nth-child(even) {
  background: #fafafa !important;
}

/* دکمه عملیات */
.wcpm-order-list-view-btn {
  display: inline-block !important;
  padding: 0.5em 1.2em !important;
  background: #28a745 !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
}

.wcpm-order-list-view-btn:hover {
  background: #218838 !important;
}

/* حالت دسکتاپ: فقط هدر، برچسب‌های درون سلول مخفی */
@media (min-width: 601px) {
  .wcpm-td-label {
    display: none !important;
  }
}

/* حالت موبایل: کارت‌های دو ستونه با برچسب راست و مقدار چپ */
@media (max-width: 600px) {

  /* حذف کامل برچسب‌های مجازی که باعث تکرار می‌شوند */
  .wcpm-order-list-table td::before {
    content: none !important;
  }

  /* ساختار کارت: نمایش بلاکی */
  .wcpm-order-list-table,
  .wcpm-order-list-table thead,
  .wcpm-order-list-table tbody,
  .wcpm-order-list-table tr,
  .wcpm-order-list-table th,
  .wcpm-order-list-table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* مخفی کردن هدر جدول در موبایل */
  .wcpm-order-list-table thead {
    display: none !important;
  }

  .wcpm-order-list-table {
    min-width: unset !important;
    /* جلوگیری از اسکرول افقی */
    border: 0 !important;
    background: #f9f9f9 !important;
  }

  .wcpm-order-list-responsive {
    overflow-x: hidden !important;
    /* اطمینان از حذف اسکرول افقی */
  }

  .wcpm-order-list-table tr {
    margin-bottom: 13px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
    padding: 0.5rem !important;
  }

  /* هر سلول: دو ستون (برچسب راست، مقدار چپ) با Grid */
  .wcpm-order-list-table td {
    border: none !important;
    border-bottom: 1px solid #eee !important;
    padding: 8px !important;
    white-space: normal !important;

    display: grid !important;
    grid-template-columns: auto 1fr !important;
    /* ستون ۱ برچسب، ستون ۲ مقدار */
    gap: 8px !important;
    align-items: center !important;
    text-align: right !important;
    direction: rtl !important;
  }

  .wcpm-order-list-table td:last-child {
    border-bottom: none !important;
  }

  /* برچسب واقعی داخل سلول */
  .wcpm-td-label {
    display: inline-block !important;
    font-weight: 600 !important;
    color: #555 !important;
    font-size: 0.85rem !important;
    grid-column: 1 !important;
    justify-self: start !important;
    /* راست کارت */
  }

  /* مقدار متغیر */
  .wcpm-td-value {
    grid-column: 2 !important;
    justify-self: end !important;
    /* چپ کارت */
    text-align: left !important;
    direction: ltr !important;
    /* برای اعداد/قیمت‌ها */
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* برای مقادیر فارسی مثل تاریخ/وضعیت اجازه چندخطی و RTL */
  .wcpm-order-list-table td[data-label="وضعیت"] .wcpm-td-value,
  .wcpm-order-list-table td[data-label="تاریخ ثبت"] .wcpm-td-value {
    direction: rtl !important;
    text-align: left !important;
    white-space: normal !important;
  }
}
@media (max-width: 600px) {

  /* فقط برای ستون مبلغ کل */
  td .wcpm-td-value .woocommerce-Price-amount {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    /* برعکس کردن ترتیب */
    align-items: center !important;
    gap: 4px !important;
    /* فاصله بین عدد و واحد */
  }

  /* اطمینان از اینکه متن درست چیده می‌شود */
  td .wcpm-td-value .woocommerce-Price-currencySymbol {
    order: 2 !important;
    /* بیاد بعد از عدد */
  }
}

.mihanpanel-page{
  margin: 13px !important;
}
@media (max-width: 900px) {
  .mihanpanelpanel .mpsidebar.mp_rtl.mp_open{
    margin-right: 13px !important;
  }
.mihanpanelpanel .mp_rtl .mp-nav-tabs li.active{
      border-radius: 0 8px 8px 0 !important;
}
.mihanpcontent {
  padding: 13px 13px !important;

}
.mihanpanelpanel .main-panel{
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

}
.mihanpanel-page{
  width: auto !important;
}
.mihanpanelpanel table{
  max-width: auto !important;
}

/* Search Box Radius */
.form-flat input:not([type=submit]),.form-flat select,.form-flat textarea {
    border-radius: 8px !important;
}


.wcpm-thankyou-section h3 {
    font-size: 1.1rem !important;
    margin-bottom: 12px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

.wcpm-thankyou-section .wcpm-order-box-content {
    padding: 1rem !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    text-align: justify !important; /* تراز دو طرفه متن */
    font-weight: 700 !important;
    color: darkred !important;
    display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;

}