.elementor-11 .elementor-element.elementor-element-8875f4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-72ed71b{--update-cart-automatically-display:none;--sections-title-color:var( --e-global-color-8580031 );--order-summary-color:var( --e-global-color-text );--product-link-normal-color:var( --e-global-color-8580031 );--order-summary-remove-icon-normal-color:#8A2504;}.elementor-11 .elementor-element.elementor-element-72ed71b .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-72ed71b .cart_totals h2{font-family:"Tajawal", Sans-serif;}.elementor-11 .elementor-element.elementor-element-72ed71b .woocommerce-cart-form{--order-summary-title-color:var( --e-global-color-primary );}/* Start custom CSS for woocommerce-cart, class: .elementor-element-72ed71b *//* ================= دار شمس - Cart (scoped) ================= */
:root{
  --ds-primary:#F1C741;
  --ds-text:#434343;
  --ds-accent:#372600;
  --ds-line:#eee;
}

/* اشتغل بس جوّه الحاوية اللي عليها كلاس ds-cart */
.ds-cart .woocommerce table.shop_table.cart th,
.ds-cart .woocommerce table.shop_table.cart td{
  padding:12px 10px;
  vertical-align:middle;
  /* ماندخلش في اللون لو متظبط من Elementor */
}

/* فاصل لطيف بين الصفوف من غير ما نغيّر ألوان المنتور */
.ds-cart .woocommerce table.shop_table.cart tr.cart_item{
  border-bottom:1px solid var(--ds-line);
}

/* صورة المنتج فقط */
.ds-cart .woocommerce .product-thumbnail img{
  width:80px; height:auto; border-radius:10px;
}

/* اسم المنتج: بنسيبه يورّث لون المنتور؛ نبدّل بس حالة الـ hover */
.ds-cart .woocommerce table.shop_table.cart .product-name a{
  text-decoration:none;
}
.ds-cart .woocommerce table.shop_table.cart .product-name a:hover{
  color:var(--ds-primary);
}

/* السعر قبل/بعد الخصم (لا تمسح لون النص الأساسي) */
.ds-cart .woocommerce .cart del{ color:#9a9a9a; margin:0 6px; }
.ds-cart .woocommerce .cart ins{ font-weight:800; text-decoration:none; }

/* الكمية */
.ds-cart .woocommerce .cart .quantity .qty{
  width:60px; text-align:center; border:1px solid #ddd;
  border-radius:6px; padding:6px; background:#fff;
}
.ds-cart .woocommerce .cart .quantity .minus,
.ds-cart .woocommerce .cart .quantity .plus{
  border:1px solid #ddd; border-radius:6px; padding:6px 10px; background:#fff;
}

/* رابط الإزالة (ما نلمسش ألوان المنتور لو مخصصها) */
.ds-cart .woocommerce a.remove{
  font-size:18px;
}

/* صندوق الملخص – كارد بسيط بدون فرض ألوان على العناوين */
.ds-cart .woocommerce .cart-collaterals .cart_totals{
  background:#fff; border:1px solid var(--ds-line); border-radius:14px; padding:18px;
}

/* أزرار: ما نكسرش ستايل المنتور — لو حابب نخلي زرار الدفع أصفر استخدم هذا السطر فقط */
.ds-cart .woocommerce .checkout-button{
  background:var(--ds-primary);
  color:#000;
  font-weight:800;
  border-radius:10px;
  padding:14px 18px;
  width:100%;
}

/* زر تحديث السلة — إطار فقط لو المنتور مش مخصصه */
.ds-cart .woocommerce .actions .button[name="update_cart"]{
  border:2px solid var(--ds-primary);
  background:#fff;
  color:var(--ds-accent);
  font-weight:700;
  border-radius:10px;
  padding:10px 16px;
}

/* الكوبون: إصلاح وضوح الحقل فقط (نستخدم !important اضطراريًا لبعض الثيمات) */
.ds-cart .woocommerce .cart .coupon .input-text{
  background:#fff !important;
  color:#1e1e1e !important;
  -webkit-text-fill-color:#1e1e1e !important; /* لمنع قلب اللون بعد الـ blur */
  border:1px solid #ddd;
  border-radius:10px;
  padding:12px 14px;
  box-shadow:none;
}
/* زر الكوبون: لو المنتور مخصصه سيبه، وإلا اديله ستايل بسيط */
.ds-cart .woocommerce .cart .coupon .button{
  border-radius:10px;
  padding:12px 16px;
}

/* ===== ريسبونسيف: إظهار عناوين الأعمدة واسم المنتج على الموبايل ===== */
@media (max-width:1024px){
  /* WooCommerce بيستخدم td::before للعناوين – نحدد اللون بس (اضطراريًا) */
  .ds-cart .woocommerce table.shop_table_responsive tr td::before{
    color:var(--ds-accent) !important;
    font-weight:700;
    margin-left:.5rem; /* RTL */
  }
}
@media (max-width:768px){
  /* نخلي الصورة فوق والاسم ظاهر تحتها */
  .ds-cart .woocommerce table.shop_table_responsive tr td.product-thumbnail{
    display:block; text-align:center; padding-bottom:8px;
  }
  .ds-cart .woocommerce table.shop_table_responsive tr td.product-name{
    display:block;
    width:100%;
    font-weight:700;
    margin-bottom:8px;
  }
  .ds-cart .woocommerce .product-thumbnail img{ width:60px; }
}/* End custom CSS */