.elementor-4195 .elementor-element.elementor-element-428fda18{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-2ac55e4e *//* استایل کلی سبد خرید */
.woocommerce {
  font-family: "Vazirmatn", sans-serif;
  direction: rtl;
  background: #f9f9f9;
  padding: 30px;
    font-family: 'دانا', sans-serif !important;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

/* جدول سبد خرید */
.woocommerce-cart-form table.shop_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* عنوان‌های جدول */
.woocommerce-cart-form thead th {
  background: #efefef;
  padding: 15px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

/* ردیف‌های جدول */
.woocommerce-cart-form tbody td {
  padding: 15px;
  border-bottom: 1px solid #f1f1f1;
  text-align: center;
  vertical-align: middle;
}

/* تصویر محصول */
.woocommerce-cart-form .product-thumbnail img {
  width: 80px;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* دکمه حذف */
.woocommerce-cart-form .product-remove a {
  color: #ff4d4f;
  font-size: 20px;
  text-decoration: none;
}

/* لینک نام محصول */
.woocommerce-cart-form .product-name a {
  color: #333;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
}

.woocommerce-cart-form .product-name a:hover {
  color: #007cba;
}

/* قیمت و جمع جزء */
.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal {
  color: #333;
  font-weight: bold;
}

/* تعداد */
.woocommerce-cart-form input.qty {
  width: 60px;
  padding: 5px;
    font-family: 'دانا', sans-serif !important;

  border-radius: 8px;
  border: 1px solid #ddd;
  text-align: center;
}

/* بخش کوپن و دکمه‌ها */
.woocommerce-cart-form .actions {
  padding: 20px;
  background: #fafafa;
  border-top: 1px solid #eee;
  border-radius: 0 0 12px 12px;
}

/* ورودی کوپن */
.woocommerce-cart-form .coupon input[type="text"] {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ddd;
  width: 200px;
}

/* دکمه‌های کوپن و بروزرسانی */
.woocommerce-cart-form .button {
  padding: 10px 20px;
  border-radius: 8px;
  background-color: #007cba;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

.woocommerce-cart-form .button:hover {
  background-color: #005f8d;
}

/* جدول جمع کل */
.cart_totals {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  margin-top: 20px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.cart_totals h2 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}

.cart_totals table th,
.cart_totals table td {
  padding: 10px;
  text-align: right;
  border-bottom: 1px solid #eee;
}

.cart_totals .order-total strong {
  color: #000;
  font-size: 16px;
}

/* دکمه ادامه به تسویه حساب */
.wc-proceed-to-checkout a.checkout-button {
  display: block;
  text-align: center;
  padding: 15px;
  background-color: #38b000;
  color: #fff !important;
  border-radius: 12px;
  font-weight: bold;
  margin-top: 20px;
  transition: background 0.3s ease;
}

.wc-proceed-to-checkout a.checkout-button:hover {
  background-color: #2d8600;
}
.coupon {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 20px !important;
  padding: 15px !important;
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

.coupon input[type="text"] {
  padding: 10px 15px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
    font-family: 'دانا', sans-serif !important;
  font-size: 14px !important;
  width: 200px !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.coupon input[type="text"]:focus {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 2px rgba(99,102,241,0.2) !important;
  outline: none !important;
}

.coupon button.button {
  background-color: #6366f1 !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
    font-family: 'دانا', sans-serif !important;

  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

.coupon button.button:hover {
  background-color: #4f46e5 !important;
  transform: translateY(-2px) !important;
}
button.button[name="update_cart"] {
  font-family: 'دانا', sans-serif !important;
  background-color: #10b981 !important; /* سبز زیبا */
  color: #fff !important;
  border: none !important;
  padding: 10px 25px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

button.button[name="update_cart"]:hover {
  background-color: #059669 !important; /* سبز تیره‌تر هنگام هاور */
  transform: translateY(-2px) !important;
}

button.button[name="update_cart"]:disabled {
  background-color: #d1d5db !important; /* رنگ خاکستری وقتی غیر فعال است */
  color: #9ca3af !important;
  cursor: not-allowed !important;
  transform: none !important;
}/* End custom CSS */