/* =========================================
   استایل اختصاصی سبد خرید و تسویه دل‌وجان
========================================= */
.site-main{
    margin-top: 2% !important;
}
@media (max-width: 993px) {
    .site-main{
    margin-top: 4% !important;
    }
}
/* هدر باکس بالای سبد خرید */
.delojan-cart-header-box {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #ffffff;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #e2e8f0;
  margin-bottom: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

.woocommerce-shipping-totals.shipping th{
    display: none;
}
/* تزریق کلمه فارسی */
.woocommerce-shipping-totals.shipping th::before {
    content: "حمل و نقل"; 
    font-size: 15px !important; /* اندازه فونت را متناسب با قالب خود تنظیم کنید */
    display: inline-block;
    color: var(--primary-navy, #1a2b48); /* می‌توانید رنگ را تغییر دهید */
    font-weight: bold;
}
.cart-header-text h2 {
  color: var(--primary-navy);
  font-size: 22px;
  font-weight: 900;
  margin: 0 0 5px 0;
}
.cart-header-text p {
  color: #64748b;
  margin: 0;
  font-size: 14px;
}

/* استایل جدول سبد خرید */
.shop_table.cart {
  border-radius: 20px !important;
  overflow: hidden;
  border: 1px solid #e2e8f0 !important;
  background: #fff;
}

.shop_table.cart thead th {
  background: var(--bg-cream) !important;
  color: var(--primary-navy) !important;
  padding: 20px !important;
  font-weight: 800 !important;
}

/* بخش کد تخفیف هوشمند */
.delojan-coupon-toggle {
  background: #fff;
  border: 1px dashed var(--accent-ochre);
  padding: 15px 20px;
  border-radius: 14px;
  cursor: pointer;
  color: var(--primary-navy);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  transition: 0.3s;
}

.delojan-coupon-toggle span {
  background: var(--accent-ochre);
  color: #fff;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}

.delojan-coupon-toggle:hover {
  background: var(--bg-cream);
}

/* دکمه‌های اصلی سبد و پرداخت */
.checkout-button,
.place_order {
  background-color: var(--primary-red) !important;
  padding: 18px 30px !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  transition: 0.3s !important;
}

.checkout-button:hover,
.place_order:hover {
  background-color: #a0151c !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(197, 29, 37, 0.2) !important;
}

/* کارت‌های بخش تسویه حساب */
#customer_details,
#order_review {
  background: #fff;
  padding: 35px;
  border-radius: 24px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}

/* موبایل ریسپانسیو */
@media (max-width: 768px) {
  .delojan-cart-header-box {
    flex-direction: column;
    text-align: center;
    padding: 25px;
  }
  #customer_details,
  #order_review {
    padding: 20px;
  }
}
/* ==================================================
   چیدمان دو ستونه و مدرن صفحه تسویه حساب (کنار هم قرار دادن فرم و فاکتور)
================================================== */

@media (min-width: 993px) {
  /* تبدیل فرم اصلی به یک گرید دو ستونه */
  form.woocommerce-checkout {
    display: grid !important;
    grid-template-columns: 55% 42% !important; /* فرم 55 درصد، فاکتور 42 درصد، بقیه فضای خالی بینشان */
    justify-content: space-between !important;
    align-items: start !important;
  }

  /* از بین بردن حالت‌های شناور (float) قدیمی ووکامرس */
  form.woocommerce-checkout::before,
  form.woocommerce-checkout::after {
    display: none !important;
  }

  /* اعلان‌ها و پیغام‌ها کل عرض بالا را بگیرند */
  form.woocommerce-checkout .woocommerce-NoticeGroup,
  form.woocommerce-checkout .woocommerce-form-login-toggle,
  form.woocommerce-checkout .woocommerce-form-coupon-toggle {
    grid-column: 1 / -1 !important;
  }

  /* باکس اطلاعات گیرنده پکیج (قرارگیری در ستون راست) */
  #customer_details {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 4 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* اگر آدرس حمل و نقل مجزا فعال بود، بیفتد زیر آدرس صورتحساب */
  #customer_details .col-1,
  #customer_details .col-2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
  }

  /* عنوان "خلاصه سفارش شما" (قرارگیری در ستون چپ) */
  h3#order_review_heading {
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
    margin: 0 0 15px 0 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    color: var(--primary-navy, #1a2b48) !important;
  }

  /* باکس فاکتور نهایی و انتخاب درگاه پرداخت (قرارگیری در ستون چپ) */
  #order_review {
    grid-column: 2 / 3 !important;
    grid-row: 2 / 4 !important;
    width: 100% !important;
    margin-top: 40px;
    height: 100vh;
  }
}

/* ==================================================
   رسپانسیو (موبایل و تبلت)
================================================== */
@media (max-width: 992px) {
  /* در موبایل، همه چیز به صورت مرتب زیر هم قرار می‌گیرد */
  form.woocommerce-checkout {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
  }

  #customer_details,
  #order_review {
    width: 100% !important;
  }

  h3#order_review_heading {
    margin-bottom: 10px !important;
    text-align: center !important;
  }
}
/* ==================================================
   استایل اختصاصی بخش کد تخفیف در صفحه تسویه حساب
================================================== */

/* ۱. کادر پیام "کد تخفیف دارید؟" */
.woocommerce-form-coupon-toggle .woocommerce-info {
  background-color: #ffffff !important;
  border: 2px dashed var(--accent-ochre, #d4a373) !important; /* کادر خط‌چین جذاب */
  border-radius: 16px !important;
  padding: 15px 25px !important;
  color: var(--primary-navy, #1a2b48) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02) !important;
  margin: 20px 0 !important;
}

/* حذف آیکون پیش‌فرض ووکامرس */
.woocommerce-form-coupon-toggle .woocommerce-info::before {
  display: none !important;
}

/* لینک کلیک‌خور داخل کادر */
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
  color: var(--primary-red, #c51d25) !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  transition: all 0.3s ease !important;
  border-bottom: 1px dashed var(--primary-red, #c51d25) !important; /* خط زیرین لینک */
  padding-bottom: 2px !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon:hover {
  color: #a0151c !important;
  border-bottom-color: #a0151c !important;
}

/* ==================================================
   ۲. فرم وارد کردن کد تخفیف (که بعد از کلیک باز می‌شود)
================================================== */
form.checkout_coupon {
  background: var(--bg-cream, #f9f7f2) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 20px !important;
  margin-bottom: 25px !important;
  display: flex !important;
  gap: 15px !important;
  align-items: center !important;
}

form.checkout_coupon p {
  margin: 0 !important;
}

/* کادر ورودی کد تخفیف */
form.checkout_coupon p.form-row-first {
  flex-grow: 1 !important;
  width: auto !important;
}

form.checkout_coupon input.input-text {
  width: 100% !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  font-family: inherit !important;
  font-size: 15px !important;
  color: var(--primary-navy) !important;
}

form.checkout_coupon input.input-text:focus {
  outline: none !important;
  border-color: var(--accent-ochre, #d4a373) !important;
  box-shadow: 0 0 0 4px rgba(212, 163, 115, 0.15) !important;
}

/* دکمه اعمال تخفیف */
form.checkout_coupon p.form-row-last {
  width: auto !important;
}

form.checkout_coupon button.button {
  background-color: var(--primary-navy, #1a2b48) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 14px 28px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  height: 100% !important;
}

form.checkout_coupon button.button:hover {
  background-color: #0f172a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 15px rgba(26, 43, 72, 0.2) !important;
}

/* ==================================================
   رسپانسیو فرم تخفیف (موبایل)
================================================== */
@media (max-width: 768px) {
  .woocommerce-form-coupon-toggle .woocommerce-info {
    flex-direction: column !important;
    text-align: center !important;
    padding: 20px !important;
  }

  form.checkout_coupon {
    flex-direction: column !important;
    padding: 20px 15px !important;
  }

  form.checkout_coupon p.form-row-first,
  form.checkout_coupon p.form-row-last,
  form.checkout_coupon button.button {
    width: 100% !important;
    text-align: center !important;
  }
}
/* ==================================================
   استایل اختصاصی بخش درگاه پرداخت و تأیید نهایی
================================================== */

/* ۱. ظرف اصلی بخش پرداخت (حذف پس‌زمینه خاکستری پیش‌فرض ووکامرس) */
#payment.woocommerce-checkout-payment {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 20px 0 0 0 !important;
  margin-top: 20px !important;
  border-top: 1px dashed #cbd5e1 !important; /* یک خط‌چین جداکننده از فاکتور بالا */
}

/* اگر لیست درگاه‌های بانکی (مثل زرین‌پال) نصب دارید، این استایل آن‌ها را مدرن می‌کند */
#payment ul.payment_methods {
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 0 25px 0 !important;
}

#payment ul.payment_methods li {
  background: var(--bg-cream, #f9f7f2) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 15px 20px !important;
  margin-bottom: 10px !important;
  color: var(--primary-navy, #1a2b48) !important;
  font-weight: 700 !important;
  display: flex;
  align-items: center;
}

/* ۲. متن حریم خصوصی */
.woocommerce-privacy-policy-text {
  font-size: 13px !important;
  color: #64748b !important;
  text-align: center !important;
  line-height: 1.8 !important;
  margin-bottom: 25px !important;
  background: #f8fafc !important; /* یک بک‌گراند بسیار ملایم */
  padding: 15px !important;
  border-radius: 12px !important;
  border: 1px solid #f1f5f9 !important;
}

/* لینک حریم خصوصی داخل متن */
.woocommerce-privacy-policy-text a.woocommerce-privacy-policy-link {
  color: var(--primary-red, #c51d25) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  border-bottom: 1px dashed var(--primary-red, #c51d25) !important;
  padding-bottom: 2px !important;
  transition: 0.3s ease !important;
}

.woocommerce-privacy-policy-text a.woocommerce-privacy-policy-link:hover {
  color: #a0151c !important;
  border-color: #a0151c !important;
}

/* ۳. دکمه غول‌پیکر "تأیید و پرداخت نهایی" */
#payment #place_order {
  width: 100% !important; /* تمام عرض بودن در ستون خودش */
  background-color: var(--primary-red, #c51d25) !important;
  color: #ffffff !important;
  padding: 18px 30px !important;
  border-radius: 16px !important; /* گوشه‌های گرد و مدرن */
  font-size: 18px !important;
  font-weight: 900 !important;
  border: none !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.27) !important;
  text-align: center !important;
  box-shadow: 0 8px 15px rgba(197, 29, 37, 0.15) !important;
  cursor: pointer !important;
}

/* افکت هاور فنری روی دکمه پرداخت */
#payment #place_order:hover {
  background-color: #a0151c !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 25px rgba(197, 29, 37, 0.3) !important;
}
/* ==================================================
   استایل اختصاصی جدول فاکتور (جزئیات سفارش) در تسویه حساب
================================================== */

/* ۱. ریست کردن کادر کلی جدول */
table.shop_table.woocommerce-checkout-review-order-table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid #e2e8f0 !important; /* یک کادر بسیار ملایم دور کل فاکتور */
  margin: 0 0 25px 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important; /* برای گرد شدن گوشه‌های هدر */
  
}
.woocommerce-checkout-review-order{
    height: auto !important;
}
/* ۲. هدر جدول (محصول و جمع جزء) */
table.shop_table.woocommerce-checkout-review-order-table thead th {
  background-color: var(--bg-cream, #f9f7f2) !important;
  color: var(--primary-navy, #1a2b48) !important;
  font-weight: 900 !important;
  font-size: 15px !important;
  padding: 18px 20px !important;
  border: none !important;
  text-align: right !important;
  border-bottom: 2px solid #e2e8f0 !important;
}

/* ۳. سلول‌های بدنه جدول (لیست محصولات) */
table.shop_table.woocommerce-checkout-review-order-table tbody td {
  padding: 20px !important;
  background-color: #ffffff !important;
  border-bottom: 1px dashed #cbd5e1 !important; /* خط‌چین جداکننده بین محصولات */
  border-left: none !important;
  border-right: none !important;
  vertical-align: middle !important;
}

/* نام محصول */
table.shop_table.woocommerce-checkout-review-order-table tbody td.product-name {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--primary-navy, #1a2b48) !important;
}

/* استایل خاص برای عدد تعداد (مثبت 1) */
strong.product-quantity {
  font-weight: 800 !important;
  color: var(--primary-red, #c51d25) !important;
  background: #fff5f5 !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  margin-right: 8px !important;
  display: inline-block !important;
  border: 1px solid #fecdd3 !important;
}
.cart_totals{
    background: #fff;
    border-radius: 16px;
    padding: 10px;
}
/* مبلغ هر محصول */
table.shop_table.woocommerce-checkout-review-order-table
  tbody
  td.product-total {
  font-weight: 800 !important;
  color: #64748b !important;
  text-align: left !important;
}

/* ۴. بخش فوتر جدول (جمع جزء، حمل و نقل، مجموع) */
table.shop_table.woocommerce-checkout-review-order-table tfoot th,
table.shop_table.woocommerce-checkout-review-order-table tfoot td {
  padding: 15px 20px !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #f1f5f9 !important;
  border-left: none !important;
  border-right: none !important;
}

/* عنوان‌های فوتر (سمت راست) */
table.shop_table.woocommerce-checkout-review-order-table tfoot th {
  font-weight: 700 !important;
  color: #64748b !important;
  text-align: right !important;
  font-size: 14px !important;
}

/* مبالغ فوتر (سمت چپ) */
table.shop_table.woocommerce-checkout-review-order-table tfoot td {
  text-align: left !important;
  font-weight: 800 !important;
  color: var(--primary-navy, #1a2b48) !important;
}

/* ۵. ردیف مجموع کل (ضربه نهایی برای برجسته شدن مبلغ پرداختی) */
table.shop_table.woocommerce-checkout-review-order-table
  tfoot
  tr.order-total
  th,
table.shop_table.woocommerce-checkout-review-order-table
  tfoot
  tr.order-total
  td {
  border-bottom: none !important;
  padding-top: 25px !important;
  padding-bottom: 20px !important;
  background-color: #fdfbf7 !important; /* یک هاله بسیار کمرنگ از رنگ کرم */
}

table.shop_table.woocommerce-checkout-review-order-table
  tfoot
  tr.order-total
  th {
  font-size: 18px !important;
  font-weight: 900 !important;
  color: var(--primary-navy, #1a2b48) !important;
}

/* مبلغ نهایی با رنگ قرمز و سایز بزرگ */
table.shop_table.woocommerce-checkout-review-order-table
  tfoot
  tr.order-total
  td
  strong {
  font-size: 24px !important;
  color: var(--primary-red, #c51d25) !important;
  display: inline-block !important;
}

/* ==================================================
   رسپانسیو (موبایل)
================================================== */
@media (max-width: 768px) {
  table.shop_table.woocommerce-checkout-review-order-table tbody td,
  table.shop_table.woocommerce-checkout-review-order-table tfoot th,
  table.shop_table.woocommerce-checkout-review-order-table tfoot td {
    padding: 15px 12px !important;
  }

  table.shop_table.woocommerce-checkout-review-order-table
    tfoot
    tr.order-total
    td
    strong {
    font-size: 20px !important;
    background: #fff;
  }
}
/* ==================================================
   استایل اختصاصی فرم اطلاعات گیرنده (Billing Fields)
================================================== */

/* ۱. عنوان بخش فرم */
.woocommerce-billing-fields h3 {
  font-size: 20px !important;
  font-weight: 900 !important;
  color: var(--primary-navy, #1a2b48) !important;
  margin-bottom: 25px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 15px !important;
}

/* ۲. کانتینر اصلی فرم (استفاده از گرید فلکس برای چیدمان) */
.woocommerce-billing-fields__field-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px 20px !important; /* فاصله عمودی 15 و افقی 20 */
}

/* حذف ساختار قدیمی float */
.woocommerce-billing-fields .form-row {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* مدیریت عرض فیلدها */
.woocommerce-billing-fields .form-row-wide {
  width: 100% !important;
}
.woocommerce-billing-fields .form-row-first,
.woocommerce-billing-fields .form-row-last {
  width: calc(50% - 10px) !important;
}

/* ۳. استایل لیبل‌ها (عناوین فیلدها) */
.woocommerce-billing-fields label {
  display: block !important;
  font-weight: 700 !important;
  color: var(--primary-navy, #1a2b48) !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
}

.woocommerce-billing-fields label .required {
  color: var(--primary-red, #c51d25) !important;
  text-decoration: none !important;
}

/* ۴. استایل فیلدهای متنی (Inputs) */
.woocommerce-billing-fields input.input-text,
.woocommerce-billing-fields textarea {
  width: 100% !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  border: 1px solid #cbd5e1 !important;
  background-color: var(--bg-cream, #f9f7f2) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  color: var(--text-dark, #333) !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

.woocommerce-billing-fields input.input-text:focus,
.woocommerce-billing-fields textarea:focus {
  outline: none !important;
  border-color: var(--accent-ochre, #d4a373) !important;
  box-shadow: 0 0 0 4px rgba(212, 163, 115, 0.15) !important;
  background-color: #ffffff !important;
}

/* ۵. استایل فیلدهای کشویی (Select2 برای کشور و استان) */
.woocommerce-billing-fields .select2-container .select2-selection--single {
  height: auto !important;
  padding: 12px 18px !important;
  border-radius: 12px !important;
  border: 1px solid #cbd5e1 !important;
  background-color: var(--bg-cream, #f9f7f2) !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.3s ease !important;
}

/* رنگ متن انتخاب شده در کشویی */
.woocommerce-billing-fields
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: normal !important;
  color: var(--text-dark, #333) !important;
  padding: 0 !important;
  font-size: 15px !important;
}

/* تنظیم فلش (Arrow) منوی کشویی */
.woocommerce-billing-fields
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100% !important;
  top: 0 !important;
  left: 15px !important; /* برای سایت‌های راست‌چین */
  right: auto !important;
}

/* حالت فوکوس منوی کشویی */
.woocommerce-billing-fields
  .select2-container--open
  .select2-selection--single {
  border-color: var(--accent-ochre, #d4a373) !important;
  box-shadow: 0 0 0 4px rgba(212, 163, 115, 0.15) !important;
  background-color: #ffffff !important;
}

/* ۶. رسپانسیو (موبایل) */
@media (max-width: 768px) {
  .woocommerce-billing-fields .form-row-first,
  .woocommerce-billing-fields .form-row-last {
    width: 100% !important; /* در موبایل نام و نام‌خانوادگی زیر هم می‌افتند */
  }
}
/* ==================================================
   استایل دکمه "بروزرسانی سبد خرید"
================================================== */

button[name="update_cart"] {
  background-color: var(--bg-cream, #f9f7f2) !important;
  color: var(--primary-navy, #1a2b48) !important;
  border: 1px solid #cbd5e1 !important;
  padding: 12px 25px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: all 0.3s ease !important;
  /* این دکمه را در سمت چپ (یا راست بسته به قالب) مرتب می‌کند */
  margin-top: 10px !important;
}

/* حالت فعال و هاور (وقتی کاربر تعداد را تغییر می‌دهد) */
button[name="update_cart"]:not(:disabled) {
  cursor: pointer !important;
  border-color: var(--primary-navy, #1a2b48) !important;
}

button[name="update_cart"]:not(:disabled):hover {
  background-color: var(--primary-navy, #1a2b48) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 15px rgba(26, 43, 72, 0.15) !important;
}

/* حالت غیرفعال (Disabled) - پیش‌فرضِ قبل از تغییر تعداد */
button[name="update_cart"]:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background-color: #f1f5f9 !important;
  color: #94a3b8 !important;
  border-color: #e2e8f0 !important;
}
/* ==================================================
   استایل دکمه و کادر "اعمال کد تخفیف" در سبد خرید
================================================== */

/* استایل کادر ورودی (Input) کد تخفیف */
.woocommerce-cart .coupon input.input-text {
  padding: 12px 18px !important;
  border-radius: 12px !important;
  border: 1px solid #cbd5e1 !important;
  background-color: var(--bg-cream, #f9f7f2) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  color: var(--text-dark, #333) !important;
  margin-left: 10px !important; /* فاصله استاندارد با دکمه */
  width: 220px !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

.woocommerce-cart .coupon input.input-text:focus {
  outline: none !important;
  border-color: var(--accent-ochre, #d4a373) !important;
  box-shadow: 0 0 0 4px rgba(212, 163, 115, 0.15) !important;
  background-color: #ffffff !important;
}

/* استایل دکمه "اعمال کد تخفیف" */
button[name="apply_coupon"] {
  background-color: var(--primary-navy, #1a2b48) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 12px 25px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.27) !important;
  line-height: normal !important;
}

/* افکت هاور فنری روی دکمه اعمال تخفیف */
button[name="apply_coupon"]:hover {
  background-color: #0f172a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 15px rgba(26, 43, 72, 0.2) !important;
}

/* ==================================================
   رسپانسیو فرم تخفیف در موبایل
================================================== */
@media (max-width: 768px) {
  .woocommerce-cart .coupon {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
  }

  .woocommerce-cart .coupon input.input-text,
  button[name="apply_coupon"] {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
/* ==================================================
   استایل اختصاصی صفحه سبد خرید خالی و دکمه بازگشت
================================================== */

/* ۱. باکس پیام "سبد خرید خالی است" */
.woocommerce-cart .cart-empty.woocommerce-info {
  background: rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px dashed var(--accent-ochre, #d4a373) !important;
  border-radius: 24px !important;
  padding: 40px 20px !important;
  text-align: center !important;
  color: var(--primary-navy, #102c57) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  box-shadow: 0 15px 35px rgba(16, 44, 87, 0.04) !important;
  margin-bottom: 30px !important;
}

/* حذف آیکون پیش‌فرض ووکامرس */
.woocommerce-cart .cart-empty.woocommerce-info::before {
  display: none !important;
}

/* ۲. تراز کردن دکمه بازگشت به فروشگاه در مرکز */
.woocommerce-cart p.return-to-shop {
  text-align: center !important;
  margin-bottom: 50px !important;
}

/* استایل دکمه بازگشت (قرمز/نارنجی برند) */
.woocommerce-cart p.return-to-shop a.button {
  background: linear-gradient(
    135deg,
    var(--primary-red, #f8571e) 0%,
    #c51d25 100%
  ) !important;
  color: #fff !important;
  padding: 16px 40px !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  text-decoration: none !important;
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  border: none !important;
  box-shadow: 0 8px 20px rgba(248, 87, 30, 0.25) !important;
  display: inline-block !important;
}

/* افکت هاور فنری دکمه */
.woocommerce-cart p.return-to-shop a.button:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 25px rgba(248, 87, 30, 0.35) !important;
  color: #ffffff !important;
}

/* ۳. استایل بخش محصولات پیشنهادی (کم فروش) */
.delojan-empty-cart-products {
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px dashed #cbd5e1; /* خط جداکننده از دکمه بازگشت */
}

.delojan-empty-cart-products .suggested-title {
  text-align: center !important;
  color: var(--primary-navy, #102c57) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  margin-bottom: 35px !important;
}
.elementor img {
  border-radius: 15px;
}