/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* =========================================================
   سفارشی‌سازی صفحه سبد خرید ووکامرس (کارت کلاسیک) - قالب وودمارت
   نسخه اصلاح‌شده (رفع ایرادها بر اساس نتیجه واقعی)
   ---------------------------------------------------------
   محل قرارگیری: Appearance > Customize > Additional CSS
   (یا انتهای style.css قالب فرزند)
   ========================================================= */

:root {
  --cart-yellow: #F5B912;
  --cart-yellow-dark: #E0A800;
  --cart-black: #1F1F1F;
  --cart-gray: #8A8A8A;
  --cart-green: #22A45D;
  --cart-bg: #FAFAF8;
  --cart-card: #FFFFFF;
  --cart-border: #EDEDED;
  --cart-radius: 22px;
  --cart-shadow: none;
}

.woocommerce-cart .content-area,
.woocommerce-cart-form {
  background: transparent;
}

/* ===== باکس کلی بخش محصولات + کد تخفیف (شبیه باکس جمع کل) ===== */
.cart-content-wrapper > .woocommerce-cart-form,
.cart-content-wrapper .cart-form-wrapper {
  border: 1px solid var(--brdcolor-gray-200);
  border-radius: 15px;
  padding: 25px;
}

.woocommerce-cart .page-title,
.woocommerce-cart .entry-title {
  font-weight: 800;
  color: var(--cart-black);
}

/* ===== جدول محصولات -> کارتی ===== */
.woocommerce-cart table.cart {
  border: none;
  background: var(--cart-card);
  border-radius: var(--cart-radius);
  box-shadow: var(--cart-shadow);
  padding: 14px 26px;
  overflow: hidden;
}
.woocommerce-cart table.cart,
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
  border: none !important;
}
.woocommerce-cart table.cart thead {
  display: none;
}
.woocommerce-cart table.cart tr.cart_item {
  border-bottom: 1px solid var(--cart-border);
}
.woocommerce-cart table.cart tr.cart_item:last-child {
  border-bottom: none;
}
.woocommerce-cart table.cart tr.cart_item td {
  padding: 26px 14px;
  vertical-align: middle;
}
.woocommerce-cart table.cart td.product-thumbnail img {
  border-radius: 16px;
  background: #F5F5F3;
  padding: 8px;
  width: 92px;
  height: auto;
}
.woocommerce-cart table.cart td.product-name,
.woocommerce-cart table.cart td.product-name a {
  font-weight: 600 !important;
  color: var(--cart-black) !important;
  font-size: 14px;
  line-height: 1.7;
  text-decoration: none;
  font-family: 'iranyekanre';
}

/* رفع ضخامت اضافه strong/b در نام محصول و کل صفحه سبد */
.woocommerce-cart strong,
.woocommerce-cart b {
  font-weight: 400;
}
.woocommerce-cart table.cart td.product-name a:hover {
  color: var(--cart-yellow-dark) !important;
}

/* ===== رفع ایراد ۱: قیمت‌ها زرد (نه آبی) ===== */
.woocommerce-cart table.cart td.product-price .amount,
.woocommerce-cart table.cart td.product-price .woocommerce-Price-amount,
.woocommerce-cart table.cart td.product-subtotal .amount,
.woocommerce-cart table.cart td.product-subtotal .woocommerce-Price-amount,
.woocommerce-cart table.cart td.product-price bdi,
.woocommerce-cart table.cart td.product-subtotal bdi {
  color: var(--cart-yellow-dark) !important;
  font-weight: 800 !important;
  font-size: 18px !important;
}

/* ===== رفع ایراد ۲: دکمه حذف دوتا x داشت ===== */
.woocommerce-cart table.cart td.product-remove a.remove {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: #F3F3F1 !important;
  color: var(--cart-black) !important;
  font-size: 20px;
  line-height: 1;
  text-decoration: none !important;
  transition: all 0.2s ease;
}
.woocommerce-cart table.cart td.product-remove a.remove::before,
.woocommerce-cart table.cart td.product-remove a.remove::after {
  content: none !important;
}
.woocommerce-cart table.cart td.product-remove a.remove:hover {
  background: #FDE8E8 !important;
  color: #D93838 !important;
}

/* ===== رفع ایراد ۳: ترتیب +/- در راست‌چین ===== */
.woocommerce-cart .quantity {
  display: inline-flex;
  align-items: center;
  background: var(--cart-card);
  border: 1.5px solid var(--cart-border);
  border-radius: 14px;
  overflow: hidden;
  direction: ltr;
}
.woocommerce-cart .quantity input.qty {
  border: none !important;
  background: transparent !important;
  width: 54px;
  text-align: center;
  font-weight: 700;
  color: var(--cart-black);
  font-size: 15px;
  box-shadow: none !important;
  order: 2;
}
.woocommerce-cart .quantity .minus { order: 1; }
.woocommerce-cart .quantity .plus { order: 3; }
.woocommerce-cart .quantity .plus,
.woocommerce-cart .quantity .minus {
  background: transparent !important;
  border: none !important;
  color: var(--cart-gray) !important;
  width: 42px !important;
  height: 46px !important;
  font-size: 18px !important;
  cursor: pointer;
  transition: color 0.2s ease;
}
.woocommerce-cart .quantity .plus:hover,
.woocommerce-cart .quantity .minus:hover {
  color: var(--cart-yellow-dark) !important;
}

.woocommerce-cart .stock.in-stock {
  display: inline-block;
  background: #E9F8EF;
  color: var(--cart-green);
  font-weight: 600;
  font-size: 13px;
  padding: 5px 12px;
  border-radius: 20px;
}

/* ===== باکس کد تخفیف ===== */
.woocommerce-cart .coupon {
  background: var(--cart-card);
  padding: 24px;
  border-radius: var(--cart-radius);
  box-shadow: var(--cart-shadow);
  margin-top: 0px;
  margin-bottom: 15px;
  margin-right: 15px;
  display: flex;
  gap: 14px;
  align-items: center;
}
.woocommerce-cart .coupon input#coupon_code {
  flex: 1;
  border: 1.5px solid var(--cart-border) !important;
  border-radius: 14px !important;
  height: 54px;
  padding: 0 20px;
  font-size: 14px;
  background: #FBFBFA;
}
.woocommerce-cart .coupon input#coupon_code:focus {
  border-color: var(--cart-yellow) !important;
  outline: none;
}
/* دکمه اعمال کد تخفیف - مثل دکمه تسویه حساب (زرد با سایه) */
.woocommerce-cart .coupon button[name="apply_coupon"] {
  background: var(--cart-yellow) !important;
  color: var(--cart-black) !important;
  border: none !important;
  border-radius: 16px !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  height: 54px;
  padding: 0 30px !important;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(245, 185, 18, 0.35);
  transition: all 0.25s ease;
}
.woocommerce-cart .coupon button[name="apply_coupon"]:hover {
  background: var(--cart-yellow-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(245, 185, 18, 0.45);
}

.woocommerce-cart button[name="update_cart"] {
  background: #F3F3F1 !important;
  color: var(--cart-black) !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  height: 54px;
  padding: 0 28px !important;
  margin-left: 15px;
}
.woocommerce-cart button[name="update_cart"]:hover:not(:disabled) {
  background: #E7E7E4 !important;
}

/* ===== باکس جمع کل / خلاصه سفارش ===== */
.woocommerce-cart .cart-collaterals .cart_totals {
  background: var(--cart-card);
  border-radius: var(--cart-radius);
  box-shadow: var(--cart-shadow);
  padding: 0;
  border: none !important;
}
/* باکس داخلی جمع کل (سلکتور دقیق وودمارت) */
.cart-content-wrapper > .cart_totals .cart-totals-inner {
  padding: 25px;
  border: 1px solid var(--brdcolor-gray-200);
  border-radius: 15px;
}
.woocommerce-cart .cart_totals h2 {
  font-weight: 800;
  color: var(--cart-black);
  font-size: 21px;
  margin-bottom: 22px;
}
.woocommerce-cart .cart_totals table { border: none; }
.woocommerce-cart .cart_totals table tr {
  border-bottom: 1px solid var(--cart-border);
}
.woocommerce-cart .cart_totals table tr:last-child {
  border-bottom: none;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
  border: none !important;
  padding: 16px 4px !important;
  color: var(--cart-black);
}
.woocommerce-cart .cart_totals table th {
  font-weight: 600;
  color: var(--cart-gray);
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td,
.woocommerce-cart .cart_totals .order-total .amount {
  font-weight: 800 !important;
  font-size: 19px !important;
  color: var(--cart-black) !important;
}

/* ===== دکمه تسویه حساب ===== */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  background: var(--cart-yellow) !important;
  color: var(--cart-black) !important;
  border: none !important;
  border-radius: 16px !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  height: 62px;
  line-height: 62px;
  padding: 0 !important;
  text-align: center;
  box-shadow: 0 10px 24px rgba(245, 185, 18, 0.35);
  transition: all 0.25s ease;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--cart-yellow-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(245, 185, 18, 0.45);
}

.woocommerce-cart .wc-backward,
.woocommerce-cart .return-to-shop .button {
  background: var(--cart-card) !important;
  color: var(--cart-black) !important;
  border: 1.5px solid var(--cart-border) !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  padding: 12px 24px !important;
  transition: all 0.2s ease;
}
.woocommerce-cart .wc-backward:hover,
.woocommerce-cart .return-to-shop .button:hover {
  border-color: var(--cart-black) !important;
}

/* ===== موبایل ===== */
@media (max-width: 768px) {
  .woocommerce-cart table.cart { padding: 8px 14px; }
  .woocommerce-cart table.cart tr.cart_item td { padding: 10px 8px; }
  .woocommerce-cart table.cart td.product-thumbnail img { width: 72px; }

  /* --- اصلاح ۱: دکمه ضربدر کوچک و دایره‌ای --- */
  .woocommerce-cart table.cart td.product-remove a.remove {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    font-size: 15px !important;
  }

  /* --- اصلاح ۲: کم کردن فاصله بین اسم، قیمت، تعداد، جمع جز --- */
  .woocommerce-cart table.cart tr.cart_item td.product-name,
  .woocommerce-cart table.cart tr.cart_item td.product-price,
  .woocommerce-cart table.cart tr.cart_item td.product-quantity,
  .woocommerce-cart table.cart tr.cart_item td.product-subtotal {
    padding: 4px 8px !important;
  }
  .woocommerce-cart table.cart td.product-name {
    line-height: 1.4 !important;
  }

  /* --- اصلاح ۳: متن «تعداد» و باکسش کنار هم (نه زیر هم) --- */
  .woocommerce-cart table.cart td.product-quantity {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
  }
  /* لیبل «تعداد» که وودمارت با ::before می‌سازه */
  .woocommerce-cart table.cart td.product-quantity::before {
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
    width: auto !important;
  }
  .woocommerce-cart table.cart td.product-quantity .quantity {
    margin: 0 !important;
  }

  /* --- اصلاح ۴: دکمه بروزرسانی هم‌اندازه کادر زیرش --- */
  .woocommerce-cart .coupon {
    flex-direction: column;
    align-items: stretch;
  }
  .woocommerce-cart .coupon button[name="apply_coupon"] { width: 100%; }
  .woocommerce-cart button[name="update_cart"] {
    width: 100% !important;
    display: block !important;
    margin-left: 0 !important;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { font-size: 16px !important; }
}


/* =========================================================
   سفارشی‌سازی صفحه تسویه حساب ووکامرس - قالب وودمارت
   هماهنگ با استایل صفحه سبد خرید
   ---------------------------------------------------------
   محل قرارگیری: همون‌جای CSS سبد خرید
   (Appearance > Customize > Additional CSS یا style.css قالب فرزند)
   نکته: متغیرهای :root اگه از فایل سبد خرید اضافه شدن، لازم نیست دوباره بذاری
   ========================================================= */

:root {
  --cart-yellow: #F5B912;
  --cart-yellow-dark: #E0A800;
  --cart-black: #1F1F1F;
  --cart-gray: #8A8A8A;
  --cart-green: #22A45D;
  --cart-card: #FFFFFF;
  --cart-border: #EDEDED;
}

/* =========================================================
   عنوان‌های اصلی (جزئیات صورتحساب / سفارش شما)
   ========================================================= */
.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .woocommerce-shipping-fields > h3 {
  font-weight: 800;
  color: var(--cart-black);
  font-size: 21px;
  margin-bottom: 20px;
}

/* =========================================================
   لیبل فیلدها
   ========================================================= */
.woocommerce-checkout .form-row label {
  font-weight: 400;
  color: var(--cart-black);
  font-size: 14px;
  margin-bottom: 0px;
}
/* ستاره فیلد اجباری */
.woocommerce-checkout .required {
  color: #D93838;
  text-decoration: none;
}

/* =========================================================
   فیلدهای ورودی فرم (input, select, textarea)
   ========================================================= */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row .select2-container .select2-selection,
.woocommerce-checkout .form-row select {
  border: 1.5px solid var(--cart-border) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  min-height: 52px;
  padding: 0 18px;
  font-size: 14px;
  color: var(--cart-black);
  box-shadow: none !important;
  transition: border-color 0.2s ease;
}
.woocommerce-checkout .form-row textarea {
  padding: 14px 18px;
  min-height: 120px;
}
/* حالت فوکوس */
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus {
  border-color: var(--cart-yellow) !important;
  outline: none;
}
/* هماهنگی ارتفاع select2 */
.woocommerce-checkout .select2-container--default .select2-selection--single {
  height: 52px !important;
  display: flex;
  align-items: center;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 52px !important;
}

/* =========================================================
   باکس «سفارش شما» (order review)
   حذف پس‌زمینه خاکستری و لبه‌های دندانه‌ای -> کارت سفید تمیز
   ========================================================= */
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order {
  background: var(--cart-card) !important;
  border: 1px solid var(--cart-border) !important;
  border-radius: 15px !important;
  padding: 25px !important;
  box-shadow: none !important;
}
/* حذف افکت دندانه‌ای/زیگزاگ وودمارت اگه با pseudo-element ساخته شده */
.woocommerce-checkout #order_review::before,
.woocommerce-checkout #order_review::after,
.woocommerce-checkout .checkout-style-default .col-lg-5::before,
.woocommerce-checkout .checkout-style-default .col-lg-5::after {
  display: none !important;
}

/* جدول سفارش داخل باکس */
.woocommerce-checkout table.shop_table {
  border: none !important;
  border-radius: 0 !important;
}
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
  border: none !important;
  padding: 14px 4px !important;
}
.woocommerce-checkout table.shop_table thead th {
  font-weight: 800;
  color: var(--cart-black);
  font-size: 15px;
}

/* =========================================================
   رنگ آبی قیمت‌ها -> زرد طلایی
   ========================================================= */
.woocommerce-checkout table.shop_table .amount,
.woocommerce-checkout table.shop_table .woocommerce-Price-amount,
.woocommerce-checkout table.shop_table bdi {
  color: var(--cart-yellow-dark) !important;
  font-weight: 700 !important;
}
/* ردیف جمع کل */
.woocommerce-checkout table.shop_table tr.order-total th,
.woocommerce-checkout table.shop_table tr.order-total td,
.woocommerce-checkout table.shop_table tr.order-total .amount {
  font-weight: 800 !important;
  font-size: 18px !important;
  color: var(--cart-black) !important;
}

/* =========================================================
   باکس روش‌های پرداخت
   ========================================================= */
.woocommerce-checkout #payment {
  background: transparent !important;
  border: none !important;
}
.woocommerce-checkout #payment ul.payment_methods {
  border: 1px solid var(--cart-border) !important;
  border-radius: 12px !important;
  background: #FBFBFA !important;
  padding: 16px !important;
  margin-bottom: 18px;
}
.woocommerce-checkout #payment ul.payment_methods li {
  list-style: none;
}
/* باکس توضیحات درگاه پرداخت */
.woocommerce-checkout #payment .payment_box {
  background: #FFF9E8 !important;
  border-radius: 10px !important;
  color: var(--cart-black);
}
.woocommerce-checkout #payment .payment_box::before {
  border-bottom-color: #FFF9E8 !important;
}

/* =========================================================
   دکمه «ثبت سفارش» -> زرد طلایی مثل دکمه تسویه حساب
   ========================================================= */
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout button#place_order {
  background: var(--cart-yellow) !important;
  color: var(--cart-black) !important;
  border: none !important;
  border-radius: 16px !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  height: 60px;
  line-height: 60px;
  padding: 0 !important;
  width: 100%;
  text-align: center;
  transition: all 0.25s ease;
}
.woocommerce-checkout #payment #place_order:hover,
.woocommerce-checkout button#place_order:hover {
  background: var(--cart-yellow-dark) !important;
  transform: translateY(-2px);
}

/* =========================================================
   لینک «کد تخفیف دارید؟» بالای صفحه
   ========================================================= */
.woocommerce-checkout .woocommerce-form-coupon-toggle a,
.woocommerce-checkout .showcoupon {
  color: var(--cart-yellow-dark) !important;
  font-weight: 700;
}
/* فرم کوپن بازشونده */
.woocommerce-checkout form.checkout_coupon {
  border: 1px solid var(--cart-border) !important;
  border-radius: 15px !important;
  padding: 22px !important;
  background: var(--cart-card) !important;
}
.woocommerce-checkout form.checkout_coupon input#coupon_code {
  border: 1.5px solid var(--cart-border) !important;
  border-radius: 12px !important;
  height: 52px;
  padding: 0 18px;
  background: #FBFBFA;
}
.woocommerce-checkout form.checkout_coupon button {
  background: var(--cart-yellow) !important;
  color: var(--cart-black) !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  height: 52px;
  padding: 0 26px !important;
}

/* =========================================================
   چک‌باکس‌ها (شرایط و مقررات / آدرس متفاوت)
   ========================================================= */
.woocommerce-checkout .woocommerce-form__label-for-checkbox,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label {
  font-weight: 600;
  color: var(--cart-black);
}
/* فاصله بالای بخش شرایط و مقررات + حذف خط بالای وودمارت */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce .woocommerce-terms-and-conditions-wrapper,
form.checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-terms-and-conditions-wrapper {
  padding-top: 20px;
  border-top: 0 none !important;
}
/* تیتر «حمل و نقل به یک آدرس متفاوت» */
.woocommerce-checkout #ship-to-different-address label,
.woocommerce-checkout #ship-to-different-address {
  font-weight: 500;
}

/* =========================================================
   ریسپانسیو - موبایل
   ========================================================= */
@media (max-width: 768px) {
  .woocommerce-checkout #order_review,
  .woocommerce-checkout .woocommerce-checkout-review-order {
    padding: 18px !important;
  }
  .woocommerce-checkout #payment #place_order,
  .woocommerce-checkout button#place_order {
    font-size: 16px !important;
  }
}