.elementor-18 .elementor-element.elementor-element-a8c70fb{--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-18 .elementor-element.elementor-element-06e118a{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-243b4c3{text-align:center;}.elementor-18 .elementor-element.elementor-element-243b4c3 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:22px;font-weight:800;}.elementor-18 .elementor-element.elementor-element-4b20c8e{--display:flex;--min-height:0px;--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;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-4b20c8e{--content-width:1300px;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-06e118a{--spacer-size:62px;}.elementor-18 .elementor-element.elementor-element-4b20c8e{--content-width:500px;--min-height:0px;--justify-content:space-evenly;}}/* Start custom CSS for shortcode, class: .elementor-element-79c502f *//* --- تصميم سلة مشتريات Natural Care Oman الاحترافي الشامل - إخراج محمد فوزي --- */

/* 1. تعميم خط كايرو على كافة أجزاء السلة وبكل الأوزان */
.woocommerce-cart-form, 
.cart_totals, 
.nco-motivation-box, 
.checkout-button, 
.coupon, 
.product-name a, 
.product-price, 
.product-subtotal {
    font-family: 'Cairo', sans-serif !important;
    direction: rtl !important;
}

/* 2. توسيط وعرض العناوين (Bold 700) */
.cart_totals h2, 
.woocommerce-cart table.cart th, 
.product-name a, 
.nco-motivation-box strong {
    font-weight: 700 !important;
    text-align: center !important;
    color: #0056b3 !important; /* لون الهوية الأزرق */
}

/* 3. تنسيق صندوق إجمالي السلة (توسيط كامل للفواصل والأسعار) */
.cart_totals table {
    margin: 0 auto !important; /* توسيط الجدول نفسه */
    width: 100% !important;
}

.cart_totals th, .cart_totals td {
    text-align: center !important; /* توسيط مسميات الأسعار والقيم */
    padding: 15px 0 !important;
    font-weight: 500 !important;
}

/* 4. تطوير صندوق القسيمة ليكون متناسقاً ومركزياً */
.coupon {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* توسيط محتويات الصندوق */
    background-color: #fdfaf4 !important;
    border: 1.5px dashed #d4af37 !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

#coupon_code {
    text-align: center !important; /* توسيط نص الكوبون */
    border: 1px solid #0056b3 !important;
    border-radius: 8px !important;
    width: 100% !important;
    max-width: 300px;
}

/* 5. زر إتمام الطلب (الوزن العريض والتوسيط) */
.checkout-button {
    display: block !important;
    margin: 20px auto 0 !important; /* توسيط الزر */
    background-color: #0056b3 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    padding: 18px !important;
    border-radius: 10px !important;
    text-align: center !important;
}

/* 6. استجابة الموبايل الصارمة (Mobile Master) */
@media (max-width: 768px) {
    /* إلغاء رؤوس الجداول التقليدية */
    .woocommerce-cart table.cart thead {
        display: none !important;
    }

    /* تحويل كل سطر في الجدول لكتلة مركزية */
    .woocommerce-cart table.cart td {
        display: block !important;
        width: 100% !important;
        text-align: center !important; /* توسيط كل نصوص الموبايل */
        padding: 10px 0 !important;
    }

    .product-thumbnail img {
        margin: 0 auto !important; /* توسيط صور المنتجات */
        width: 120px !important;
    }

    .cart_totals {
        text-align: center !important;
    }
}/* End custom CSS */