.elementor-2920 .elementor-element.elementor-element-bc85373{border-radius:12px 12px 12px 12px;box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.12);}.woocommerce .elementor-2920 .elementor-element.elementor-element-bc85373 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-2920 .elementor-element.elementor-element-bc85373 .flex-viewport{border-radius:12px 12px 12px 12px;}.elementor-2920 .elementor-element.elementor-element-cf950d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2920 .elementor-element.elementor-element-cf950d4.elementor-element{--order:-99999 /* order start hack */;}.elementor-2920 .elementor-element.elementor-element-cf950d4 .woocommerce-breadcrumb{color:#64748B;font-family:"Arial", Sans-serif;font-size:13px;text-align:end;}.elementor-2920 .elementor-element.elementor-element-ac07b20{width:auto;max-width:auto;background-color:#55A9FD;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 16px 12px 16px;border-radius:50px 50px 50px 50px;}.elementor-2920 .elementor-element.elementor-element-ac07b20.elementor-element{--align-self:flex-end;}.elementor-2920 .elementor-element.elementor-element-ac07b20 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:17px;font-weight:800;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-2920 .elementor-element.elementor-element-9340ab8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-2920 .elementor-element.elementor-element-9340ab8 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:32px;font-weight:700;color:#0F172A;}.elementor-2920 .elementor-element.elementor-element-6fcdada{text-align:end;}.woocommerce .elementor-2920 .elementor-element.elementor-element-6fcdada .price{color:#DC2626;font-family:"Cairo", Sans-serif;font-size:24px;font-weight:800;}.elementor-2920 .elementor-element.elementor-element-750c0c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.woocommerce .elementor-2920 .elementor-element.elementor-element-750c0c9 .woocommerce-product-details__short-description{color:#DC2626;font-family:"Cairo", Sans-serif;font-size:24px;font-weight:700;}.elementor-2920 .elementor-element.elementor-element-46344cc{margin:25px 25px calc(var(--kit-widget-spacing, 0px) + 25px) 25px;--view-cart-spacing:0px;--button-spacing:15px;}.elementor-2920 .elementor-element.elementor-element-46344cc .cart button, .elementor-2920 .elementor-element.elementor-element-46344cc .cart .button{border-radius:8px 8px 8px 8px;background-color:#0F172A;transition:all 0.5s;}.elementor-2920 .elementor-element.elementor-element-46344cc .cart button:hover, .elementor-2920 .elementor-element.elementor-element-46344cc .cart .button:hover{background-color:#DC2626;}.elementor-2920 .elementor-element.elementor-element-46344cc .added_to_cart{font-size:150px;}.elementor-2920 .elementor-element.elementor-element-46344cc .quantity .qty{font-family:"Cairo", Sans-serif;font-size:24px;font-weight:900;border-radius:6px 6px 6px 6px;padding:0px 0px 0px 0px;color:#FF0000;background-color:#FFFFFF;border-color:#CBD5E1;transition:all 0s;}.woocommerce .elementor-2920 .elementor-element.elementor-element-46344cc form.cart .variations{width:0%;}.woocommerce .elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations td.value select, .woocommerce .elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations td.value:before{border-radius:0px;}.elementor-2920 .elementor-element.elementor-element-22b9667.elementor-element{--align-self:flex-start;}.elementor-2920 .elementor-element.elementor-element-22b9667:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child){padding-bottom:calc(3px/2);}.elementor-2920 .elementor-element.elementor-element-22b9667:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child){margin-top:calc(3px/2);}.elementor-2920 .elementor-element.elementor-element-22b9667.elementor-woo-meta--view-inline .product_meta .detail-container{margin-right:calc(3px/2);margin-left:calc(3px/2);}.elementor-2920 .elementor-element.elementor-element-22b9667.elementor-woo-meta--view-inline .product_meta{margin-right:calc(-3px/2);margin-left:calc(-3px/2);}body:not(.rtl) .elementor-2920 .elementor-element.elementor-element-22b9667.elementor-woo-meta--view-inline .detail-container:after{right:calc( (-3px/2) + (-1px/2) );}body:not.rtl .elementor-2920 .elementor-element.elementor-element-22b9667.elementor-woo-meta--view-inline .detail-container:after{left:calc( (-3px/2) - (1px/2) );}.elementor-2920 .elementor-element.elementor-element-22b9667{font-family:"Cairo", Sans-serif;font-size:13px;font-weight:700;color:#6B6262;}.elementor-2920 .elementor-element.elementor-element-22b9667 a{color:#FF0000;}.elementor-2920 .elementor-element.elementor-element-4d8c4d3{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2920 .elementor-element.elementor-element-4d8c4d3 .elementor-icon-box-wrapper{align-items:center;gap:5px;}.elementor-2920 .elementor-element.elementor-element-4d8c4d3.elementor-view-stacked .elementor-icon{background-color:#174ED8;}.elementor-2920 .elementor-element.elementor-element-4d8c4d3.elementor-view-framed .elementor-icon, .elementor-2920 .elementor-element.elementor-element-4d8c4d3.elementor-view-default .elementor-icon{fill:#174ED8;color:#174ED8;border-color:#174ED8;}.elementor-2920 .elementor-element.elementor-element-4d8c4d3 .elementor-icon{font-size:25px;}.elementor-2920 .elementor-element.elementor-element-4d8c4d3 .elementor-icon-box-title, .elementor-2920 .elementor-element.elementor-element-4d8c4d3 .elementor-icon-box-title a{font-family:"Cairo", Sans-serif;font-size:15px;font-weight:700;}.elementor-2920 .elementor-element.elementor-element-4d8c4d3 .elementor-icon-box-title{color:#3B3434;}.elementor-2920 .elementor-element.elementor-element-4d8c4d3 .elementor-icon-box-description{font-family:"Cairo", Sans-serif;font-size:14px;color:#777777;}.elementor-2920 .elementor-element.elementor-element-05f1d31{--display:flex;}.elementor-2920 .elementor-element.elementor-element-c5f86de{width:100%;max-width:100%;}.elementor-2920 .elementor-element.elementor-element-c5f86de.elementor-element{--align-self:flex-end;}.woocommerce .elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.wc-tabs li a{font-family:"Cairo", Sans-serif;}.woocommerce .elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs .woocommerce-Tabs-panel h2{font-family:"Cairo", Sans-serif;}.elementor-2920 .elementor-element.elementor-element-fafb63b{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-2920 .elementor-element.elementor-element-fafb63b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2920 .elementor-element.elementor-element-fafb63b.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-2920 .elementor-element.elementor-element-fafb63b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-2920 .elementor-element.elementor-element-fafb63b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-46344cc *//* =========================================================
   1. القائمة المنسدلة لاختيار الفارييشن وفصل الحقول (Select & Labels Fix)
========================================================= */
/* فصل الجدول وعمل مسافات مريحة بين خيار "اللون" وخيار "النوع" */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 20px !important;
}

.elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations tr {
    display: flex !important;
    flex-direction: column !important; /* جعل العنوان فوق المربع مباشرة */
    margin-bottom: 22px !important; /* مسافة ممتازة تفصل بين اللون والنوع */
    width: 100% !important;
}

/* تنسيق كلمة (اللون / النوع / المقاس) فوق المربع */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations td.label {
    padding: 0 0 8px 0 !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
}

.elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations td.label label {
    font-family: 'Cairo', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    margin: 0 !important;
    display: inline-block !important;
}

.elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations td.value {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    position: relative !important;
}

/* تصميم مربع الاختيار بحجم كبير ومريح وتجنب تداخل النص مع السهم */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    
    width: 100% !important;
    min-width: 100% !important;
    min-height: 54px !important; /* ارتفاع مريح وعصري */
    height: auto !important;
    
    /* زيادة البادينج ناحية اليسار إلى 50px لكي لا يلتصق النص بالسهم في اللغة العربية */
    padding: 14px 18px 14px 50px !important;
    line-height: 1.5 !important;
    
    font-family: 'Cairo', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0F172A !important;
    
    /* سهم SVG حديث ومحاذى لليسار مع مسافة كافية */
    background-color: #FFFFFF !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: left 16px center !important;
    background-size: 18px !important;
    
    border: 1.5px solid #CBD5E1 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03) !important;
    
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    
    transition: all 0.25s ease !important;
}

/* حالات التفاعل والتركيز للمربع */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations select:hover {
    border-color: #94A3B8 !important;
    background-color: #F8FAFC !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06) !important;
}

.elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations select:focus {
    outline: none !important;
    border-color: #DC2626 !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12) !important;
}

/* زر إعادة الضبط (Clear / Reset) */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart table.variations .reset_variations {
    display: inline-block !important;
    margin-top: 10px !important;
    font-family: 'Cairo', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #DC2626 !important;
    text-decoration: underline !important;
}

/* =========================================================
   2. الحاوية الرئيسية لسعر ووصف الفارييشن (Variation Card)
========================================================= */
/* =========================================================
   2. الحاوية الرئيسية لسعر ووصف الفارييشن (Variation Card)
========================================================= */
/* إخفاء المربع تماماً في حالة عدم وجود سعر بداخله لعدم تشويه الشكل */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation:empty,
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation[style*="display: none"],
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation[style*="display:none"],
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .single_variation:empty,
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .single_variation[style*="display: none"],
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .single_variation[style*="display:none"] {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* التنسيق يطبق فقط عندما يقوم المتصفح بإظهار الحاوية عند اختيار العميل */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation[style*="display: block"],
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation[style*="display:block"],
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation[style*="display: flex"],
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .single_variation[style*="display: block"],
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .single_variation[style*="display:block"],
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .single_variation[style*="display: flex"] {
    display: block !important;
    background: linear-gradient(145deg, #FFFFFF, #F8FAFC) !important;
    border: 1px solid #E2E8F0 !important;
    border-right: 4px solid #DC2626 !important; /* شريط الهوية اليمين (RTL) */
    border-radius: 14px !important;
    padding: 20px 24px !important;
    margin-top: 20px !important;
    margin-bottom: 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.05), 
                0 8px 10px -6px rgba(15, 23, 42, 0.01) !important;
    
    animation: modernFadeScale 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes modernFadeScale {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* =========================================================
   3. تنسيق سعر الفارييشن (Variation Price Styling)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation-price {
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important; /* محاذاة لليمين في اتجاه RTL */
    flex-wrap: wrap !important;
    gap: 8px !important;
}

/* الرقم الأساسي للسعر */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation-price .price,
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation-price .amount {
    font-family: 'Cairo', sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #DC2626 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
}

/* السعر القديم (قبل الخصم) */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation-price del {
    order: 2 !important;
}

.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation-price del .amount {
    font-size: 15px !important;
    color: #94A3B8 !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
    opacity: 0.8 !important;
}

/* السعر الجديد (بعد الخصم) */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation-price ins {
    text-decoration: none !important;
    order: 1 !important;
}

.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation-price ins .amount {
    color: #DC2626 !important;
}

/* =========================================================
   4. تنسيق وصف الفارييشن (Variation Description Styling)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation-description,
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation-description p {
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    line-height: 1.75 !important;
    text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* فاصل حديث بستايل خط ناعم بدلاً من الخط المنقط */
.elementor-2920 .elementor-element.elementor-element-46344cc form.cart .woocommerce-variation-price + .woocommerce-variation-description {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid #E2E8F0 !important;
    position: relative !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-82b4074 *//* =========================================================
   1. ضبط الحاوية الخارجية (لتوسيط الزرار وضبط المسافات)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-82b4074,
.elementor-2920 .elementor-element.elementor-element-82b4074 .elementor-shortcode,
.elementor-2920 .elementor-element.elementor-element-82b4074 .wcfm_catalog_enquiry_button_wrapper,
.elementor-2920 .elementor-element.elementor-element-82b4074 .wcfm_ele_wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;

}

/* =========================================================
   2. استهداف الزرار نفسه (سواء رندر كـ رابط a أو input أو button)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-82b4074 a.wcfm_catalog_enquiry,
.elementor-2920 .elementor-element.elementor-element-82b4074 input.wcfm_catalog_enquiry,
.elementor-2920 .elementor-element.elementor-element-82b4074 button.wcfm_catalog_enquiry,
.elementor-2920 .elementor-element.elementor-element-82b4074 .elementor-shortcode a,
.elementor-2920 .elementor-element.elementor-element-82b4074 .elementor-shortcode button {
    /* الأبعاد والمساحات */
    min-width: 240px !important; /* نفس عرض زرار Add to Cart لضمان التناسق */
    width: 100% !important; /* خليه 100% لو عايز التعبئة الكاملة للعمود */
    padding: 12px 24px !important;
    
    /* الخطوط (Typography) */
    font-family: 'Cairo', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-align: center !important;
    line-height: 1.5 !important;
    
    /* التصميم الـ Outline (خلفية شفافة + إطار أزرق غامق) */
    background: transparent !important;
    background-color: transparent !important;
    color: #0F172A !important; /* لون البراند الأزرق الغامق */
    border: 2px solid #0F172A !important;
    border-radius: 8px !important; /* نفس حواف زرار الشراء ومربع الكمية */
    
    /* محاذاة الأيقونة مع النص في المنتصف */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    
    /* تأثيرات الحركة والتفاعل */
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

/* =========================================================
   3. تنسيق الأيقونة الافتراضية (لو إضافة WCFM حاطة أيقونة جوه الزرار)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-82b4074 a.wcfm_catalog_enquiry i,
.elementor-2920 .elementor-element.elementor-element-82b4074 a.wcfm_catalog_enquiry span,
.elementor-2920 .elementor-element.elementor-element-82b4074 .elementor-shortcode a i,
.elementor-2920 .elementor-element.elementor-element-82b4074 .elementor-shortcode a svg {
    color: #0F172A !important;
    fill: #0F172A !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
}

/* =========================================================
   4. تأثير مرور الماوس (Hover State - Invert Colors)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-82b4074 a.wcfm_catalog_enquiry:hover,
.elementor-2920 .elementor-element.elementor-element-82b4074 input.wcfm_catalog_enquiry:hover,
.elementor-2920 .elementor-element.elementor-element-82b4074 button.wcfm_catalog_enquiry:hover,
.elementor-2920 .elementor-element.elementor-element-82b4074 .elementor-shortcode a:hover,
.elementor-2920 .elementor-element.elementor-element-82b4074 .elementor-shortcode button:hover {
    background-color: #0F172A !important; /* الخلفية تتحول للأزرق الغامق */
    color: #FFFFFF !important; /* النص يتحول للأبيض الصريح */
    border-color: #0F172A !important;
    transform: translateY(-2px) !important; /* رفعة خفيفة لفوق تعطي إحساس بالتفاعل */
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12) !important;
}

/* تحويل لون الأيقونة للأبيض عند الـ Hover */
.elementor-2920 .elementor-element.elementor-element-82b4074 a.wcfm_catalog_enquiry:hover i,
.elementor-2920 .elementor-element.elementor-element-82b4074 a.wcfm_catalog_enquiry:hover span,
.elementor-2920 .elementor-element.elementor-element-82b4074 .elementor-shortcode a:hover i,
.elementor-2920 .elementor-element.elementor-element-82b4074 .elementor-shortcode a:hover svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* =========================================================
   5. الاستجابة للشاشات الصغيرة (Mobile Fix)
========================================================= */
@media (max-width: 767px) {
    .elementor-2920 .elementor-element.elementor-element-82b4074 a.wcfm_catalog_enquiry,
    .elementor-2920 .elementor-element.elementor-element-82b4074 input.wcfm_catalog_enquiry,
    .elementor-2920 .elementor-element.elementor-element-82b4074 .elementor-shortcode a {
        min-width: 100% !important;
        padding: 14px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-c5f86de *//* =========================================================
   1. المتغيرات العامة واستدعاء خط كايرو (Global & Font Setup)
========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs {
    --tab-bg: #FFFFFF;
    --tab-nav-bg: #F8FAFC; /* خلفية شريط التنقل الرمادية الناعمة */
    --tab-text-muted: #64748B;
    --tab-text-active: #0F172A;
    --tab-border: #E2E8F0;
    --tab-accent: #DC2626;
    --tab-radius: 20px; /* زيادة نعومة الحواف للعصر الحديث */
    
    font-family: 'Cairo', sans-serif !important;
    background: transparent !important;
    margin-top: 50px !important;
    width: 100% !important;
}

/* فرض خط كايرو على كافة العناصر الداخلية بقوة */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs *,
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs h1, 
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs h2, 
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs h3, 
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs h4, 
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs p, 
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs span, 
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs a, 
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs li, 
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs input, 
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs textarea, 
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs button {
    font-family: 'Cairo', sans-serif !important;
}

/* =========================================================
   2. شريط التنقل (Modern Pill-Style Bar)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs {
    display: inline-flex !important;
    justify-content: center !important; /* توسيط الأزرار (Pills) داخل الشريط الرمادي */
    
    /* الخدعة الهندسية لتوسيط الشريط الرمادي نفسه في منتصف الصفحة */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 24px !important;
    
    /* في حالة كان عرض الحاوية الأب 100%، هذا يضمن التوسيط الأفقي */
    width: auto !important;
    max-width: 100% !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    gap: 8px !important;
    margin: 0 0 24px 0 !important;
    padding: 6px !important;
    list-style: none !important;
    background: var(--tab-nav-bg) !important; /* خلفية تجمع الأزرار كأنها تطبيق */
    border: 1px solid var(--tab-border) !important;
    border-radius: 16px !important;
    box-shadow: inset 0 2px 4px rgba(15, 23, 42, 0.02) !important;
    
    /* تمرير ناعم على الموبايل دون كسر السطور */
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

@media (max-width: 767px) {
    .elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs {
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        justify-content: flex-start !important; /* العودة للمحاذاة العادية للسكرول على الموبايل */
    }
}


.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs::-webkit-scrollbar {
    display: none !important;
}


/* =========================================================
   3. تصميم التبويبات الفردية (Interactive Tab Pills)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 24px !important;
    color: var(--tab-text-muted) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
}

/* =========================================================
   4. التبويب النشط وحالات الماوس (Hover & Active States)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs li:hover a {
    color: var(--tab-text-active) !important;
    background: rgba(255, 255, 255, 0.6) !important;
}

/* التبويب النشط يبرز كـ "كارت أبيض مرتفع" داخل الشريط الرمادي */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs li.active {
    background: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08), 
                0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs li.active a {
    color: var(--tab-text-active) !important;
    font-weight: 800 !important; /* خط عربي سميك وواضح */
}

/* إخفاء الشوائب القديمة لكود ووكومرس الافتراضي */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs li::before,
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs li::after,
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs li a::before,
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs li a::after {
    display: none !important;
}

/* =========================================================
   5. صندوق المحتوى (High-End Card Panel)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs .panel,
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs .woocommerce-Tabs-panel {
    background: var(--tab-bg) !important;
    border: 1px solid var(--tab-border) !important;
    border-radius: var(--tab-radius) !important;
    padding: 40px !important;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.04), 
                0 2px 6px rgba(15, 23, 42, 0.02) !important;
    margin-bottom: 24px !important;
    color: #475569 !important;
    font-size: 16px !important; /* تكبير بسيط يناسب قراءة الخط العربي */
    line-height: 1.8 !important;
}

/* =========================================================
   6. التراتب الهرمي للعناوين (Typography Hierarchy)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs .panel h2,
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs .panel h3 {
    color: var(--tab-text-active) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    position: relative !important;
}

/* خط تجميلي صغير بلون البراند الأزرق تحت العناوين الرئيسية */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs .panel h2::after,
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs .panel h3::after {
    content: '' !important;
    position: absolute !important;
    bottom: -1px !important;
    right: 0 !important; /* اجعلها left إذا كان الموقع إنجليزي فقط */
    width: 60px !important;
    height: 3px !important;
    background: var(--tab-text-active) !important;
    border-radius: 3px !important;
}

/* =========================================================
   7. هندسة نماذج التقييم (Modern Review Form Architecture)
========================================================= */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs #review_form_wrapper {
    margin-top: 24px !important;
    padding-top: 24px !important;
}

.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs label {
    font-weight: 700 !important;
    color: var(--tab-text-active) !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs input[type="text"],
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs input[type="email"],
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs textarea {
    background: #F8FAFC !important;
    border: 1.5px solid var(--tab-border) !important;
    border-radius: 12px !important;
    padding: 16px 18px !important;
    width: 100% !important;
    font-size: 15px !important;
    color: var(--tab-text-active) !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs input[type="text"]:focus,
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs input[type="email"]:focus,
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs textarea:focus {
    border-color: var(--tab-text-active) !important;
    background: #FFFFFF !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.06) !important;
}

/* زر إرسال التقييم - تصميم جرئ وجذاب */
.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs #respond input#submit {
    background: var(--tab-text-active) !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 14px 36px !important;
    border-radius: 10px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 15px !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}

.elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs #respond input#submit:hover {
    background: var(--tab-accent) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(220, 38, 38, 0.25) !important;
}

/* =========================================================
   8. الاستجابة للشاشات الصغيرة (Mobile Optimization)
========================================================= */
@media (max-width: 767px) {
    .elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs {
        margin-top: 30px !important;
    }
    
    .elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs {
        display: flex !important;
        width: 100% !important;
        border-radius: 12px !important;
    }
    
    .elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs .panel,
    .elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs .woocommerce-Tabs-panel {
        padding: 24px 18px !important;
        border-radius: 16px !important;
    }
    
    .elementor-2920 .elementor-element.elementor-element-c5f86de .woocommerce-tabs ul.tabs li a {
        padding: 10px 16px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */