/* ============================================================
   تاس بریز — استایل صفحه سبد خرید (ویجت Cart المنتور)
   هم‌زبان با صفحه تسویه حساب: شرابی #722F37 روی کرم
   ------------------------------------------------------------
   محل درج: المنتور ← ویرایش صفحه سبد خرید ← تنظیمات صفحه
            ← Advanced ← Custom CSS
   جایگزین: نمایش ← سفارشی‌سازی ← CSS اضافه
   ============================================================ */

/* ── ۱. حذف کد تخفیف و امتیازات ───────────────────────────── */
.woocommerce-cart .coupon,
.woocommerce-cart .e-cart-section.coupon,
.woocommerce-cart .e-apply-coupon,
.woocommerce-cart .wps_wpr_apply_custom_points,
.woocommerce-cart .wps_cart_points_apply,
.woocommerce-cart #wps_cart_points_apply,
.woocommerce-cart .wps_wpr_cart_points_message {
  display: none !important;
}

/* ── ۱ب. حذف ماشین‌حساب حمل‌ونقل ──────────────────────────
   «حمل و نقل به …»، «تغییر آدرس»، کشور/استان/شهر/کدپستی و
   دکمه به‌روزرسانی. بهتر است از تنظیمات ووکامرس هم خاموشش
   کنی (توضیح در پیام)؛ این‌ها تور ایمنی‌اند.               */
.woocommerce-cart .woocommerce-shipping-destination,
.woocommerce-cart .shipping-calculator-button,
.woocommerce-cart .shipping-calculator-form,
.woocommerce-cart .woocommerce-shipping-calculator {
  display: none !important;
}

/* ── ۲. زمینه و تایپوگرافی ────────────────────────────────── */
.woocommerce-cart .e-cart__container {
  font-family: 'Vazirmatn', 'YekanBakh', Tahoma, sans-serif;
  font-feature-settings: 'ss01', 'tnum';
  color: #1A1A1A;
}

/* ── ۳. کارت‌ها: جدول محصولات و جعبه جمع کل ───────────────── */
.woocommerce-cart .e-shop-table.e-cart-section,
.woocommerce-cart .e-cart-totals.e-cart-section {
  background: #fff;
  border: 1.5px solid #F0EAE2;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 1px 2px rgba(26,26,26,.04), 0 10px 28px -18px rgba(26,26,26,.22);
}

/* ── ۴. جدول محصولات ──────────────────────────────────────── */
.woocommerce-cart table.shop_table.cart {
  border: none;
  border-collapse: collapse;
  margin: 0;
  width: 100%;
}
.woocommerce-cart table.shop_table.cart thead th {
  background: transparent;
  border: none;
  border-bottom: 1.5px solid #F0EAE2;
  padding: 0 10px 14px;
  font-size: 12.5px;
  font-weight: 700;
  color: #8C867D;
  text-align: right;
}
.woocommerce-cart table.shop_table.cart td {
  border: none;
  border-bottom: 1px solid #F0EAE2;
  padding: 18px 10px;
  vertical-align: middle;
  background: transparent;
}
.woocommerce-cart table.shop_table.cart tr.cart_item:last-of-type td {
  border-bottom: 1.5px solid #F0EAE2;
}

/* تصویر محصول */
.woocommerce-cart td.product-thumbnail img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #F0EAE2;
  background: #FBF9F6;
}

/* نام محصول */
.woocommerce-cart td.product-name a {
  font-size: 14px;
  font-weight: 600;
  color: #1A1A1A;
  text-decoration: none;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.woocommerce-cart td.product-name a:hover { color: #722F37; }
.woocommerce-cart td.product-name .variation,
.woocommerce-cart td.product-name dl.variation {
  font-size: 12px;
  color: #8C867D;
  margin-top: 4px;
}

/* قیمت و جمع جزء */
.woocommerce-cart td.product-price      { font-size: 13.5px; color: #55504A; }
.woocommerce-cart td.product-subtotal   { font-size: 14.5px; font-weight: 700; color: #722F37; }

/* ── ۵. تعداد ─────────────────────────────────────────────── */
/* کادر زرد: ویجت Cart المنتور رنگ حاشیه‌ی تعداد را از متغیر
   --order-summary-quantity-border-color می‌گیرد که مقدارش
   var(--e-global-color-primary) است — و رنگ اصلی سراسری این
   سایت زرد (#FFE500) است. راه درست، بازنویسی خودِ متغیر است؛
   جنگیدن با !important روی خود input جواب نمی‌دهد.          */
.woocommerce-cart .elementor-widget-woocommerce-cart {
  --order-summary-quantity-border-color: #F0EAE2;
  --order-summary-quantity-border-weight: 1.5px;
  --order-summary-quantity-border-radius: 10px;
  --order-summary-quantity-background-color: #FBF9F6;
  --order-summary-quantity-color: #1A1A1A;
}

.woocommerce-cart td.product-quantity .quantity input.qty,
.woocommerce-cart td.product-quantity input[type="number"],
.woocommerce-cart .quantity input.qty {
  width: 68px;
  text-align: center;
  padding: 10px 6px;
  font-family: inherit;
  font-size: 14px;
  outline: none;
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.woocommerce-cart td.product-quantity .quantity input.qty:focus,
.woocommerce-cart .quantity input.qty:focus {
  border-color: #722F37 !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(114,47,55,.09) !important;
}
/* فلش‌های بالا/پایین مرورگر در RTL بدقواره‌اند */
.woocommerce-cart .quantity input.qty::-webkit-outer-spin-button,
.woocommerce-cart .quantity input.qty::-webkit-inner-spin-button {
  opacity: 1;
  margin: 0;
}

/* ── ۶. دکمه حذف محصول ────────────────────────────────────── */
.woocommerce-cart td.product-remove a.remove {
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 9px;
  background: #FCF3F1 !important;
  color: #8C2F27 !important;
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
  transition: background .2s, color .2s, transform .12s;
}
.woocommerce-cart td.product-remove a.remove:hover {
  background: #8C2F27 !important;
  color: #fff !important;
  transform: scale(1.06);
}

/* ── ۷. دکمه‌ها ───────────────────────────────────────────── */
/* هر دو دکمه هم‌اندازه و هم‌شکل؛ تسویه پُر، به‌روزرسانی خطی
   نکته: پنل استایل ویجت المنتور برای «دکمه تسویه حساب» CSS با
   اولویت بالاتر تولید می‌کند (مثلاً border-radius: 3px)، پس
   اندازه‌ها هم !important گرفته‌اند تا واقعاً اعمال شوند.     */
.woocommerce-cart td.actions button.button,
.woocommerce-cart td.actions input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  box-sizing: border-box !important;
  padding: 14px 26px !important;
  border-radius: 13px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s, transform .12s;
}

/* ادامه جهت تسویه حساب */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: block;
  width: 100%;
  background: #722F37 !important;
  color: #fff !important;
  border: 2px solid #722F37 !important;
  box-shadow: 0 8px 20px -10px rgba(114,47,55,.8);
  margin-top: 6px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: #4E1F26 !important;
  border-color: #4E1F26 !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active { transform: translateY(1px); }

/* به‌روزرسانی سبد خرید */
.woocommerce-cart td.actions button.button,
.woocommerce-cart td.actions input.button {
  background: transparent !important;
  color: #722F37 !important;
  border: 2px solid #EDDFE1 !important;
  box-shadow: none !important;
}
.woocommerce-cart td.actions button.button:hover:not(:disabled),
.woocommerce-cart td.actions input.button:hover:not(:disabled) {
  background: #722F37 !important;
  border-color: #722F37 !important;
  color: #fff !important;
}
.woocommerce-cart td.actions button.button:disabled { opacity: .45; }

.woocommerce-cart td.actions {
  padding: 18px 10px 4px !important;
  border-bottom: none !important;
  text-align: left;
}

/* ── ۸. جعبه جمع کل ───────────────────────────────────────── */
.woocommerce-cart .cart_totals h2 {
  font-size: 16px;
  font-weight: 800;
  color: #1A1A1A;
  margin-bottom: 16px;
  padding-right: 12px;
  border-right: 3px solid #722F37;
  line-height: 1.7;
}
.woocommerce-cart .cart_totals table {
  border: none;
  width: 100%;
  margin-bottom: 8px;
}
/* این جدول واکنش‌گراست: ستون <th> کاملاً مخفی است و برچسب‌ها
   با td::before از روی data-title ساخته می‌شوند. پس استایل
   برچسب باید روی ::before بنشیند، نه روی th.               */
.woocommerce-cart .cart_totals table td {
  border: none;
  border-bottom: 1px solid #F0EAE2;
  padding: 13px 0;
  background: transparent;
  vertical-align: top;
  font-size: 14px;
  font-weight: 600;
  color: #1A1A1A;
  text-align: left;
}
.woocommerce-cart .cart_totals table td::before {
  font-size: 13.5px;
  font-weight: 500;
  color: #55504A;
}

/* data-title ردیف حمل‌ونقل انگلیسی است ("Shipment") و از
   افزونه‌ی حمل‌ونقل می‌آید؛ متن برچسب را فارسی می‌کنیم.
   راه تمیزتر با PHP در پیام توضیح داده شده.                */
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals td::before {
  content: "روش ارسال" !important;
}

/* ردیف مجموع */
.woocommerce-cart .cart_totals tr.order-total td {
  border-bottom: none;
  padding-top: 16px;
  font-size: 16px;
  font-weight: 800;
  color: #722F37;
}
.woocommerce-cart .cart_totals tr.order-total td::before {
  font-size: 16px;
  font-weight: 800;
  color: #1A1A1A;
}

/* روش ارسال */
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method li {
  margin-bottom: 9px;
  font-size: 13px;
  color: #55504A;
  line-height: 1.9;
}
.woocommerce-cart .woocommerce-shipping-totals input[type="radio"] { accent-color: #722F37; }
.woocommerce-cart .woocommerce-shipping-totals label { cursor: pointer; }
.woocommerce-cart .woocommerce-shipping-destination {
  font-size: 12.5px;
  color: #8C867D;
  line-height: 1.9;
  margin-top: 8px;
}
.woocommerce-cart .shipping-calculator-button {
  color: #722F37 !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

/* ── ۹. سبد خالی ──────────────────────────────────────────── */
.woocommerce-cart .cart-empty {
  font-size: 16px;
  color: #8C867D;
  text-align: center;
  padding: 40px 20px 12px;
}
.woocommerce-cart .return-to-shop { text-align: center; padding-bottom: 40px; }
.woocommerce-cart .return-to-shop a.button {
  display: inline-block;
  background: #722F37 !important;
  color: #fff !important;
  border: none !important;
  padding: 13px 30px;
  border-radius: 13px;
  font-size: 14.5px;
  font-weight: 700;
  text-decoration: none;
}

/* ── ۱۰. موبایل ───────────────────────────────────────────── */
@media (max-width: 767px) {
  .woocommerce-cart .e-shop-table.e-cart-section,
  .woocommerce-cart .e-cart-totals.e-cart-section {
    padding: 16px;
    border-radius: 15px;
  }

  /* جدول به کارت تبدیل می‌شود */
  .woocommerce-cart table.shop_table.cart thead { display: none; }
  .woocommerce-cart table.shop_table.cart tr.cart_item {
    display: grid;
    grid-template-columns: 64px 1fr auto;
    grid-template-areas:
      "thumb name   remove"
      "thumb price  price"
      "qty   sub    sub";
    gap: 6px 12px;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #F0EAE2;
  }
  .woocommerce-cart table.shop_table.cart tr.cart_item td {
    border: none !important;
    padding: 0 !important;
    display: block;
  }
  .woocommerce-cart td.product-thumbnail { grid-area: thumb; }
  .woocommerce-cart td.product-name      { grid-area: name; }
  .woocommerce-cart td.product-remove    { grid-area: remove; text-align: left; }
  .woocommerce-cart td.product-price     { grid-area: price; }
  .woocommerce-cart td.product-quantity  { grid-area: qty; }
  .woocommerce-cart td.product-subtotal  { grid-area: sub; text-align: left; }

  .woocommerce-cart td.product-thumbnail img { width: 64px; height: 64px; border-radius: 10px; }
  .woocommerce-cart td.product-name a { font-size: 13.5px; }

  /* برچسب‌های واکنش‌گرای ووکامرس در این چیدمان اضافه‌اند */
  .woocommerce-cart table.shop_table_responsive.cart tr.cart_item td::before { display: none !important; }

  .woocommerce-cart td.actions { text-align: center; }
  .woocommerce-cart td.actions button.button,
  .woocommerce-cart td.actions input.button { width: 100%; }

  .woocommerce-cart .quantity input.qty { width: 62px; padding: 9px 4px; }
}

/* ════════════════════════════════════════════════════════════
   لایه‌ی شیشه‌ای (Glassmorphism / iOS) — سبد خرید
   بعد از قوانین بالا می‌آید و ظاهر را بازنویسی می‌کند.
   ════════════════════════════════════════════════════════════ */

/* هاله‌های نرم پس‌زمینه — بدون اینها شیشه چیزی برای تار کردن ندارد */
.woocommerce-cart .e-cart__container {
  position: relative;
  isolation: isolate;
}
.woocommerce-cart .e-cart__container::before {
  content: '';
  position: absolute;
  inset: -40px -20px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(48% 34% at 90% 0%,   rgba(114,47,55,.12) 0%, transparent 70%),
    radial-gradient(42% 30% at 4% 16%,   rgba(201,164,120,.13) 0%, transparent 72%),
    radial-gradient(56% 38% at 48% 102%, rgba(114,47,55,.07) 0%, transparent 74%);
}

/* ── کارت‌های شیشه‌ای ─────────────────────────────────────── */
.woocommerce-cart .e-shop-table.e-cart-section,
.woocommerce-cart .e-cart-totals.e-cart-section {
  background: rgba(255,255,255,.62);
  -webkit-backdrop-filter: saturate(180%) blur(22px);
  backdrop-filter: saturate(180%) blur(22px);
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 22px;
  box-shadow:
    0 1px 1px rgba(26,26,26,.03),
    0 8px 28px -12px rgba(26,26,26,.14),
    inset 0 1px 0 rgba(255,255,255,.65);
}

/* ── ردیف محصول ──────────────────────────────────────────── */
.woocommerce-cart table.shop_table.cart td,
.woocommerce-cart table.shop_table.cart thead th {
  border-color: rgba(114,47,55,.10) !important;
}
.woocommerce-cart td.product-thumbnail img {
  border: 1px solid rgba(255,255,255,.85);
  border-radius: 14px;
  box-shadow: 0 4px 12px -6px rgba(26,26,26,.28);
  transition: transform .26s cubic-bezier(.32,.72,0,1);
}
.woocommerce-cart tr.cart_item:hover td.product-thumbnail img { transform: scale(1.04); }

/* ── فیلد تعداد ──────────────────────────────────────────── */
.woocommerce-cart .elementor-widget-woocommerce-cart {
  --order-summary-quantity-background-color: rgba(255,255,255,.55);
  --order-summary-quantity-border-color: rgba(255,255,255,.9);
  --order-summary-quantity-border-radius: 14px;
}
.woocommerce-cart td.product-quantity .quantity input.qty,
.woocommerce-cart .quantity input.qty {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 2px rgba(26,26,26,.05);
}

/* ── دکمه حذف ────────────────────────────────────────────── */
.woocommerce-cart td.product-remove a.remove {
  border-radius: 999px !important;
  background: rgba(163,58,50,.10) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.6);
}
.woocommerce-cart td.product-remove a.remove:hover {
  background: linear-gradient(180deg, #A33A32, #8C2F27) !important;
  box-shadow: 0 5px 14px -5px rgba(140,47,39,.7);
}

/* ── دکمه‌ها ─────────────────────────────────────────────── */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  border: none !important;
  border-radius: 16px !important;
  padding: 16px 24px !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  background: linear-gradient(180deg, #8A3A43 0%, #722F37 55%, #4E1F26 100%) !important;
  box-shadow:
    0 10px 26px -10px rgba(114,47,55,.8),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.14) !important;
  transition: transform .16s cubic-bezier(.32,.72,0,1), filter .22s ease;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  filter: brightness(1.06);
  background: linear-gradient(180deg, #8A3A43 0%, #722F37 55%, #4E1F26 100%) !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active { transform: scale(.985); }

.woocommerce-cart td.actions button.button,
.woocommerce-cart td.actions input.button {
  border-radius: 16px !important;
  background: rgba(255,255,255,.5) !important;
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  backdrop-filter: saturate(180%) blur(14px);
  border: 1px solid rgba(114,47,55,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.woocommerce-cart td.actions button.button:hover:not(:disabled) {
  background: linear-gradient(180deg, #8A3A43, #722F37) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 20px -9px rgba(114,47,55,.7) !important;
}

/* ── جمع کل ──────────────────────────────────────────────── */
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
  border-bottom-color: rgba(114,47,55,.10) !important;
}
.woocommerce-cart .cart_totals h2 {
  border-right-color: #722F37;
}
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method li {
  padding: 9px 12px;
  border-radius: 13px;
  background: rgba(255,255,255,.42);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.7);
  transition: background .2s, border-color .2s;
}
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method li:hover {
  background: rgba(255,255,255,.7);
  border-color: rgba(114,47,55,.2);
}

/* ── سبد خالی ────────────────────────────────────────────── */
.woocommerce-cart .return-to-shop a.button {
  border-radius: 16px !important;
  background: linear-gradient(180deg, #8A3A43 0%, #722F37 55%, #4E1F26 100%) !important;
  box-shadow: 0 10px 26px -10px rgba(114,47,55,.8) !important;
}

/* ── موبایل ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .woocommerce-cart .e-shop-table.e-cart-section,
  .woocommerce-cart .e-cart-totals.e-cart-section { border-radius: 19px; }
  .woocommerce-cart td.product-thumbnail img { border-radius: 12px; }
}

/* ── جایگزین برای مرورگرهای بدون backdrop-filter ─────────── */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .woocommerce-cart .e-shop-table.e-cart-section,
  .woocommerce-cart .e-cart-totals.e-cart-section { background: rgba(255,255,255,.94); }
}

@media (prefers-reduced-motion: reduce) {
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
  .woocommerce-cart td.product-thumbnail img,
  .woocommerce-cart td.product-remove a.remove { transition: none; }
}

/* ════════════════════════════════════════════════════════════
   اصلاحات دور دوم — سبد خرید
   ════════════════════════════════════════════════════════════ */

/* ── ۱. فونت: ریشه‌ی «۱ ۴ ۸ ۰ ۰ ۰» ─────────────────────────
   جدول سبد خرید فونت Vazirmatn را نمی‌گرفت و با فونت جایگزین
   رندر می‌شد — هم فاصله‌ی ارقام زیاد بود، هم رقم‌ها لاتین
   می‌ماندند، هم متریکِ متفاوت باعث بالاتر افتادن عنوان
   «جمع کل سبد خرید» می‌شد. تحمیل فونت به همه‌ی فرزندان هر سه
   را با هم حل می‌کند.                                        */
.woocommerce-cart .e-cart__container,
.woocommerce-cart .e-cart__container *:not(i):not(span[class*="icon"]) {
  font-family: 'Vazirmatn', 'YekanBakh', Tahoma, sans-serif !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  font-feature-settings: 'ss01', 'tnum' !important;
  font-variant-numeric: tabular-nums;
}

/* مبالغ نباید وسطشان بشکند */
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal,
.woocommerce-cart .cart_totals td,
.woocommerce-cart .woocommerce-Price-amount {
  white-space: nowrap;
  letter-spacing: normal !important;
}

/* ── ۲. عنوان «جمع کل سبد خرید» ────────────────────────────── */
.woocommerce-cart .cart_totals h2 {
  display: block;
  margin: 0 0 16px !important;
  padding: 0 12px 0 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.9 !important;
  color: #1A1A1A;
  border-right: 3px solid #722F37;
  border-left: none;
}

/* ── ۳. کادر تعداد: زردِ سمج ────────────────────────────────
   المنتور متغیر را روی خودِ ویجت با کلاس یکتا تعریف می‌کند
   (.elementor-element-XXXX) که از سلکتور ما خاص‌تر است. راه‌حل
   قطعی: متغیر را روی نزدیک‌ترین والدِ input تعریف کنیم —
   متغیرهای CSS از نزدیک‌ترین والدِ تعریف‌کننده ارث می‌رسند،
   پس تعریفِ دورتر هرچقدر هم خاص باشد بی‌اثر می‌شود.        */
.woocommerce-cart .quantity,
.woocommerce-cart td.product-quantity,
.woocommerce-cart td.product-quantity .quantity {
  --order-summary-quantity-border-color: #E4D9C8;
  --order-summary-quantity-border-weight: 1px;
  --order-summary-quantity-border-radius: 13px;
  --order-summary-quantity-background-color: #F6F1E8;
  --order-summary-quantity-color: #1A1A1A;
}
/* پشتیبان مستقیم، اگر ویجت روزی متغیر را عوض کرد */
.woocommerce-cart td.product-quantity .quantity input.qty,
.woocommerce-cart .quantity input.qty {
  border: 1px solid #E4D9C8 !important;
  border-radius: 13px !important;
  background: #F6F1E8 !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none !important;
}
.woocommerce-cart .quantity input.qty:focus {
  border-color: #722F37 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(114,47,55,.12) !important;
}

/* ── ۴. پس‌زمینه: یکنواخت، بدون لکه ────────────────────────── */
.woocommerce-cart .e-cart__container::before { display: none !important; }
.woocommerce-cart .e-cart__container { background: transparent; }

/* ── ۵. کارت‌ها کمی مات‌تر تا روی کرم بنشینند ───────────────── */
.woocommerce-cart .e-shop-table.e-cart-section,
.woocommerce-cart .e-cart-totals.e-cart-section {
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.9);
  box-shadow:
    0 1px 2px rgba(26,26,26,.03),
    0 10px 30px -16px rgba(26,26,26,.16);
}

/* ── ۶. دکمه‌ها: همان سادگی قبلی که پسندیدی ─────────────────── */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background: #722F37 !important;
  border: 2px solid #722F37 !important;
  border-radius: 13px !important;
  padding: 14px 26px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  box-shadow: 0 8px 20px -10px rgba(114,47,55,.8) !important;
  filter: none !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: #4E1F26 !important;
  border-color: #4E1F26 !important;
  filter: none !important;
}
.woocommerce-cart td.actions button.button,
.woocommerce-cart td.actions input.button {
  background: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 2px solid #EDDFE1 !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}
.woocommerce-cart td.actions button.button:hover:not(:disabled) {
  background: #722F37 !important;
  border-color: #722F37 !important;
  box-shadow: none !important;
}

/* دکمه حذف: ساده */
.woocommerce-cart td.product-remove a.remove {
  background: #FCF3F1 !important;
  border: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 10px !important;
}
.woocommerce-cart td.product-remove a.remove:hover {
  background: #8C2F27 !important;
  box-shadow: none;
}

/* روش ارسال: بدون شیشه‌ی اضافه */
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method li {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: none;
  padding: 4px 0;
}
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method li:hover {
  background: transparent;
  border: none;
}

/* ════════════════════════════════════════════════════════════
   اصلاحات دور پنجم — اندازه‌ی مبالغ کمی بزرگ‌تر
   ════════════════════════════════════════════════════════════ */
.woocommerce-cart td.product-price {
  font-size: 15px !important;
}
.woocommerce-cart td.product-subtotal {
  font-size: 16.5px !important;
  font-weight: 700 !important;
}
.woocommerce-cart .cart_totals table td {
  font-size: 15.5px !important;
}
.woocommerce-cart .cart_totals tr.order-total td {
  font-size: 18px !important;
}
.woocommerce-cart .cart_totals table th {
  font-size: 14px !important;
}

/* ════════════════════════════════════════════════════════════
   اصلاحات دور ششم — سبد خرید
   ════════════════════════════════════════════════════════════ */

/* ── ۱. سرریز «روش ارسال» بیرون از کارت ─────────────────────
   دو تا مقصر داشت، هر دو از قوانین خودمان:

   الف) .cart_totals td { white-space: nowrap }
        برای اینکه مبالغ وسطشان نشکنند گذاشته بودیم، ولی سلولِ
        روش ارسال یک <ul> با برچسب‌های بلند دارد و نمی‌توانست
        بشکند، پس از کارت بیرون می‌زد.

   ب) ستون‌بندی ۴۰/۶۰ جدول جمع‌کل، سلول را برای گزینه‌های ارسال
      خیلی باریک می‌کرد.

   راه‌حل: ردیف روش ارسال از حالت جدولی خارج شود و تمام عرض کارت
   را بگیرد — برچسب بالا، گزینه‌ها زیرش. این‌طوری هرچقدر هم متن
   بلند باشد جایی برای شکستن دارد و سرریز ممکن نیست.          */

.woocommerce-cart .cart_totals td,
.woocommerce-cart .cart_totals th {
  white-space: normal !important;
}

/* nowrap فقط به خودِ مبلغ، نه به کل سلول */
.woocommerce-cart .cart_totals td .woocommerce-Price-amount,
.woocommerce-cart td.product-price .woocommerce-Price-amount,
.woocommerce-cart td.product-subtotal .woocommerce-Price-amount {
  white-space: nowrap;
}

/* ردیف روش ارسال تمام‌عرض */
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals {
  display: block;
  width: 100%;
}
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals > th,
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals > td {
  display: block;
  width: 100% !important;
  max-width: 100%;
  text-align: right;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-bottom: none;
}
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals > th {
  padding-bottom: 6px !important;
}
.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals > td {
  padding-top: 0 !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(114,47,55,.10);
}

.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  white-space: normal;
}
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method label {
  flex: 1;
  min-width: 0;
  white-space: normal;
  line-height: 1.9;
}
.woocommerce-cart .woocommerce-shipping-totals ul#shipping_method input[type="radio"] {
  flex-shrink: 0;
  margin-top: 5px;
}

/* ── ۲. فاصله‌ی ارقام ────────────────────────────────────────
   'tnum' یعنی tabular numerals — همه‌ی ارقام هم‌عرض می‌شوند.
   برای جدولِ اعداد لاتین خوب است، ولی با ارقام فارسی فاصله‌ی
   زشتی می‌سازد. 'ss01' که ارقام لاتین را به فارسی تبدیل می‌کند
   می‌ماند؛ tnum برداشته می‌شود.

   سلکتور عیناً مثل قانون قبلی نوشته شده (با span داخل :not) تا
   هم‌اولویت باشد و قاعده‌ی «آخری برنده» عمل کند.              */
.woocommerce-cart .e-cart__container,
.woocommerce-cart .e-cart__container *:not(i):not(span[class*="icon"]) {
  font-feature-settings: 'ss01' !important;
  font-variant-numeric: normal !important;
}