.elementor-44 .elementor-element.elementor-element-18090fa{--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;--margin-top:170px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-a8eb67f .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:#759F61;}.elementor-44 .elementor-element.elementor-element-a8eb67f{--sections-border-color:#759F61;--sections-title-color:#759F61;--links-normal-color:#000000;--sections-radio-buttons-color:#FFFFFF;--forms-fields-normal-color:#759F61;--forms-buttons-normal-text-color:#759F61;--forms-buttons-border-color:#759F61;--order-summary-variations-color:#759F61;}.elementor-44 .elementor-element.elementor-element-a8eb67f .cart_totals h2{font-family:"Inter", Sans-serif;}.e-woo-select2-wrapper .select2-results__option{color:#759F61;}.elementor-44 .elementor-element.elementor-element-a8eb67f .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#759F61 transparent transparent transparent;}.elementor-44 .elementor-element.elementor-element-a8eb67f .shop_table .button{font-family:"Inter", Sans-serif;}.elementor-44 .elementor-element.elementor-element-a8eb67f .woocommerce-cart-form{--order-summary-title-color:#759F61;}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-a8eb67f.elementor-element{--order:-99999 /* order start hack */;}.elementor-44 .elementor-element.elementor-element-a8eb67f .woocommerce-cart-form{--update-cart-button-alignment:start;--update-cart-button-width:auto;}}/* Start custom CSS for container, class: .elementor-element-18090fa *//* =========================================
   إظهار منتجات السلة على الموبايل (إصلاح الجدول)
   ========================================= */

@media only screen and (max-width: 768px) {

    /* 1. إجبار فورم السلة والجدول بالظهور */
    .woocommerce-cart-form,
    .shop_table.cart {
        display: block !important;
        width: 100% !important;
        visibility: visible !important;
    }

    /* 2. تحويل صفوف الجدول لبوكسات تحت بعض */
    .shop_table.cart tbody,
    .shop_table.cart tr,
    .shop_table.cart td {
        display: block !important;
        width: 100% !important;
        text-align: center !important; /* سنترنا الكلام */
    }

    /* 3. تنسيق كل منتج (السطر) ليصير كرت مرتب */
    .shop_table.cart tr.cart_item {
        background: #fff !important;
        border: 1px solid #eee !important;
        border-radius: 15px !important;
        margin-bottom: 20px !important; /* مسافة بين المنتج والثاني */
        padding: 15px !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
    }

    /* 4. إظهار صورة المنتج بشكل واضح */
    .shop_table.cart td.product-thumbnail {
        display: block !important;
        border: none !important;
        margin-bottom: 10px !important;
    }
    
    .shop_table.cart td.product-thumbnail img {
        width: 80px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    /* 5. إظهار الاسم والسعر */
    .shop_table.cart td.product-name,
    .shop_table.cart td.product-price,
    .shop_table.cart td.product-subtotal {
        display: block !important;
        border: none !important;
        padding: 5px !important;
    }

    /* 6. زر الحذف (x) نخليه واضح */
    .shop_table.cart td.product-remove {
        display: block !important;
        border: none !important;
        text-align: right !important; /* عاليمين عشان يكون سهل الكبس */
        margin-bottom: -20px !important; /* عشان يرفع حاله لفوق */
    }

    /* 7. إخفاء عناوين الجدول اللي ما الها داعي عالموبايل */
    .shop_table.cart thead {
        display: none !important;
    }
}

/* =========================================
   إصلاح اختفاء المنتجات في السلة (موبايل)
   ========================================= */

@media only screen and (max-width: 768px) {
    
    /* 1. إظهار الفورم والجدول غصب */
    .woocommerce-cart-form,
    table.shop_table.cart {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
    }

    /* 2. تحويل أسطر المنتجات لبوكسات (Cards) */
    table.shop_table.cart tbody, 
    table.shop_table.cart tr.cart_item {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    /* 3. ستايل "الكرت" لكل منتج */
    table.shop_table.cart tr.cart_item {
        background-color: #ffffff !important;
        border: 2px solid #e5e5e5 !important; /* برواز واضح */
        border-radius: 15px !important;
        margin-bottom: 20px !important;
        padding: 20px !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
    }

    /* 4. إظهار كل خلية (صورة، اسم، سعر) */
    table.shop_table.cart td {
        display: block !important;
        text-align: center !important;
        border: none !important; /* شيل الخطوط القديمة */
        padding: 5px 0 !important;
        width: 100% !important;
    }

    /* 5. تكبير صورة المنتج عشان تبين */
    table.shop_table.cart td.product-thumbnail {
        display: block !important;
        margin-bottom: 10px !important;
    }
    
    table.shop_table.cart td.product-thumbnail img {
        width: 100px !important; /* حجم واضح للصورة */
        height: auto !important;
        margin: 0 auto !important;
        border-radius: 10px !important;
    }

    /* 6. الاسم والسعر */
    table.shop_table.cart td.product-name {
        font-weight: bold !important;
        font-size: 16px !important;
        color: #333 !important;
    }

    /* 7. زر الحذف (X) */
    table.shop_table.cart td.product-remove {
        display: block !important;
        text-align: right !important; /* عاليمين */
        margin-bottom: -15px !important; /* ارفعه لفوق */
    }
    
    /* إخفاء ترويسة الجدول (كلمة المنتج، السعر..) لأنها ما بتلزم عالموبايل */
    table.shop_table.cart thead {
        display: none !important;
    }
}/* End custom CSS */