/* اتجاه وخط عربي عام */
html[lang^="ar"] body { direction: rtl; unicode-bidi: embed; }

/* محاذاة النصوص */
html[lang^="ar"] :where(p, h1, h2, h3, h4, h5, h6, li, label, th, td){ text-align: right; }

html[lang^="ar"] .mcb-header-section .section_wrapper {
	direction: ltr;
}
html[lang^="ar"] #Footer .footer_copy .copyright {
    float: left;
    direction: ltr;
}
html[lang^="ar"] sr7-txt {
    font-family:bukra !important
}
/* الهيدر والقائمة الرئيسية (BeTheme)
html[lang^="ar"] #Top_bar .menu_wrapper { direction: rtl; }
html[lang^="ar"] #Top_bar .menu > li { float: right; }
html[lang^="ar"] #Top_bar .menu li.submenu .sub-menu { right: 0; left: auto; text-align: right; }
html[lang^="ar"] #Top_bar .search_wrapper { left: 0; right: auto; } */

/* تخطيطات الأعمدة في Muffin Builder */
html[lang^="ar"] .section_wrapper .wrap { direction: rtl; }

html[lang^="ar"] .mcb-wrap-inner .mcb-wrap-inner-oz1s1z4p .mfn-module-wrapper .mfn-wrapper-for-wraps {   display: block ; }
html[lang^="ar"] .mcb-section .wrap .column { float: right; }          /* قلب ترتيب الأعمدة */
html[lang^="ar"] .mcb-section .wrap .column:first-child { margin-right: 0; }

/* صناديق الأيقونات والقوائم */
html[lang^="ar"] .icon_box, 
html[lang^="ar"] .list_item { text-align: right; }
html[lang^="ar"] .list_item .list_left { margin-left: 0; margin-right: 15px; }

/* الأزرار والسهام */
html[lang^="ar"] a.button i.icon-right-open,
html[lang^="ar"] .button .icon-right-open,
html[lang^="ar"] .button .icon-angle-right { transform: scaleX(-1); }

/* السلايدر الشائع (RevSlider/Slick/Swiper) */
html[lang^="ar"] .rev_slider_wrapper,
html[lang^="ar"] .slick-slider,
html[lang^="ar"] .swiper { direction: rtl; }

/* النماذج */
html[lang^="ar"] input[type="text"],
html[lang^="ar"] textarea { text-align: right; }
html[lang^="ar"] input[type="email"],
html[lang^="ar"] input[type="url"],
html[lang^="ar"] input[type="tel"] { direction: ltr; text-align: left; }

/* الفوتَر */
html[lang^="ar"] #Footer .widgets_wrapper, 
html[lang^="ar"] #Footer { text-align: right; }

/* عناصر لا نريد عكسها */
/* ✅ BeTheme: لفّ الأعمدة والـ wrappers لليمين */
html[lang^="ar"] .section_wrapper .wrap { direction: rtl; }
html[lang^="ar"] .mcb-section .wrap .column { float: right; }
html[lang^="ar"] .mcb-section .wrap .column:first-child { margin-right: 0; }

/* لو في صفحات فيها Sidebar – بدّل أماكنه */
html[lang^="ar"] .with_aside .sections_group { float: right; }
html[lang^="ar"] .with_aside .sidebar { float: left; }



/* 1) قلب اتجاه السلايدر كله في العربي */
html[lang^="ar"] .rev_slider_wrapper,
html[lang^="ar"] .rs-module-wrap,
html[lang^="ar"] .rev_slider,
html[lang^="ar"] .tp-revslider-mainul { direction: rtl; }

/* 2) محاذاة النص داخل الطبقات (layers) */
html[lang^="ar"] .tp-caption,
html[lang^="ar"] .rs-layer { text-align: right; }

/* 3) تبديل أماكن الأسهم */
html[lang^="ar"] .tparrows.tp-leftarrow { right: 12px; left: auto; }
html[lang^="ar"] .tparrows.tp-rightarrow { left: 12px; right: auto; }
/* قلب أيقونات الأسهم لو هي رموز */
html[lang^="ar"] .tparrows:before { transform: scaleX(-1); display:inline-block; }

/* 4) موضع النقاط/الدوائر (bullets) */
html[lang^="ar"] .tp-bullets { right: 12px !important; left: auto !important; text-align: right; }

/* 5) لو عندك Thumbnails */
html[lang^="ar"] .tp-thumbs { right: 0; left: auto; }

/* 6) حقول أزرار داخل السلايدر */
html[lang^="ar"] .rs-layer input,
html[lang^="ar"] .rs-layer textarea { direction: rtl; text-align: right; }
html[lang^="ar"] .rs-layer input[type="email"],
html[lang^="ar"] .rs-layer input[type="url"],
html[lang^="ar"] .rs-layer input[type="tel"] { direction: ltr; text-align: left; }


/* شغّل Flex على صفّ الهيدر بدل الـ float 
html[lang^="ar"] .mcb-header-section .section_wrapper{
  display:flex;
  align-items:center;
  gap: 16px;
}*/

/* امنعي العرض الثابت بتاع one-second وخليه يتصرف كـ flex-items */
html[lang^="ar"] .mcb-header-section .section_wrapper > .wrap{
  float:none !important;
  width:auto !important;
}

/* اللوجو ياخد مقاسه الطبيعي */
html[lang^="ar"] .mcb-header-section .mcb-wrap-ujvwlufd{ 
  flex: 0 0 auto;
}

/* المينيو يتمدّد وياخد المساحة ويُوسّط العناصر */
html[lang^="ar"] .mcb-header-section .mcb-wrap-oz1s1z4p{ 
  flex: 1 1 0;
}

html[lang^="ar"] .mcb-header-section .column_header_menu .mfn-header-menu{
  display:block !important; 
  justify-content:center;   /* ← المينيو في النص */
  flex-wrap:wrap;
}

html[lang^="ar"] .mcb-header-section .mfn-header-menu > li{ 
  float:none !important;
}
/* شغّل RTL على هذا السلايدر فقط */
html[lang^="ar"] #SR7_1_1 { direction: rtl; }

/* خلي النصوص يمين – من غير ما نمسّ الصور */
html[lang^="ar"] #SR7_1_1 sr7-txt,
html[lang^="ar"] #SR7_1_1 sr7-grp { text-align: right !important; }

/* قلب التموضع لطبقات النص والزر – حسب IDs اللي عندك */
html[lang^="ar"] #SR7_1_1-3-3,  /* العنوان الكبير */
html[lang^="ar"] #SR7_1_1-3-2,  /* السطر الملون */
html[lang^="ar"] #SR7_1_1-3-4,  /* مجموعة "استمبا" + الشرطة */
html[lang^="ar"] #SR7_1_1-3-16 { /* زر CTA */
  left: auto !important;
  right: 76px !important;   /* عدّليها لو عايزة تحريك أفقي أدق */
}

/* صندوق المعلومات: انقليه يمين */
html[lang^="ar"] #SR7_1_1-3-11 {
  left: auto !important;
  right: 120px !important;
  text-align: right !important;
}

/* لو في لاير لسه مصرّ على محاذاة يسار Inline */
html[lang^="ar"] #SR7_1_1 [style*="text-align: left"] { text-align: right !important; }

/* اضمني عدم ظهور سكرول أفقي */
html[lang^="ar"] body { overflow-x: hidden; }
/* نطبّق التعديل على هذا الموديول فقط */
html[lang^="ar"] #SR7_1_1-3-11{           /* الكارت الأزرق */
  right: auto !important;
  left: 120px !important;                  /* حرّكيها أكتر/أقل حسب ما تشوفي */
  text-align: right !important;            /* يفضل يظل النص يمين */
}

html[lang^="ar"] #SR7_1_1-3-8{            /* صورة المنتجات الكبيرة */
  right: auto !important;
  left: 220px !important;                  /* عدّليها بصريًا */
}

/* لو عايزة الزر يبقى تحت العنوان لكن باتجاه الشمال برضو، سيبيه في يمين النص: لا تغيّريه
   أما لو لازم يتحرك يسار، استخدمي:
html[lang^="ar"] #SR7_1_1-3-16{ right:auto !important; left:120px !important; }
*/

/* اختيارى: في الشاشات الصغيرة رجّعي العناصر للمنتصف */
@media (max-width: 991px){
  html[lang^="ar"] #SR7_1_1-3-11,
  html[lang^="ar"] #SR7_1_1-3-8{
    left: 50% !important; right: auto !important; transform: translateX(-50%) !important;
  }
}
/* الموديول ده فقط */
html[lang^="ar"] #SR7_1_1 sr7-img#SR7_1_1-3-8{
   /*left: 120px !important;     قرّبيها ناحية الشمال 
  right: auto !important;*/

left: -60px !important;
    right: auto !important;
    margin-top: 30px !important;
}

html[lang^="ar"] #SR7_1_1 sr7-grp#SR7_1_1-3-11{
  left: 120px !important;     /* الكارت الأزرق */
  right: auto !important;
  text-align: right !important;
}


/* الجروب نفسه: حطه يمين وخلّي محاذاة النص يمين */
html[lang^="ar"] #SR7_1_1-3-4{
  left: auto !important;
  right: 76px !important;         /* عدّلي الرقم حسب مكان الجروب */
  text-align: right !important;
  transform: none !important;     /* يلغي translate3d */
}


/* الشرطة أولاً (يمين تماماً) */
html[lang^="ar"] #SR7_1_1-3-0{
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}

/* الكلمة بعد الشرطة (إزاحة بسيطة من اليمين) */
html[lang^="ar"] #SR7_1_1-3-1{
  left: auto !important;
  right: 40px !important;         /* مسافة بين الشرطة والكلمة */
  text-align: right !important;
  transform: none !important;
}
html[lang^="ar"] .mcb-column-inner-15ef37b34 .column_attr p{
  text-align: center !important;
}
/* سكشن "الرحلة وراء كل مطبوعة" فقط */
html[lang^="ar"] .mcb-section-bac9972c0 .mfn-icon-box .desc-wrapper .title,
html[lang^="ar"] .mcb-section-bac9972c0 .mfn-icon-box .desc-wrapper .desc{
  direction: rtl;           /* العربي يفضل يظل RTL */
}

/* جهة اليمين (wrap: 0db3366f8) — النص يمين */
html[lang^="ar"] .mcb-section-bac9972c0 .mcb-wrap-0db3366f8 .mfn-icon-box .desc-wrapper{
  text-align: right !important;
}

/* جهة الشمال (wrap: 53e62c7bd) — النص شمال */
html[lang^="ar"] .mcb-section-bac9972c0 .mcb-wrap-53e62c7bd .mfn-icon-box .desc-wrapper{
  text-align: left !important;
}

/* لو العناوين فقط محتاجة نفس المحاذاة */
html[lang^="ar"] .mcb-section-bac9972c0 .mcb-wrap-0db3366f8 .mfn-icon-box .title{ text-align:right !important; }
html[lang^="ar"] .mcb-section-bac9972c0 .mcb-wrap-53e62c7bd .mfn-icon-box .title{ text-align:left  !important; }



/* نفس البلوك اللي بعتيه */
html[lang^="ar"] .mcb-column-inner-898p1gte .mfn-icon-box{
  display: flex;            /* تأكيد */
  align-items: center;
  gap: 18px;                /* المسافة بين الأيقونة والكلام (غيّريها) */
}
html[lang^="ar"] .mcb-column-inner-vkgr4n1r .column_attr p{
  text-align: center !important;
}

/* السلايدر ده فقط */
html[lang^="ar"] #SR7_1_1-3-11{  /* الكارت الأزرق */
  left:120px !important; right:auto !important; text-align:right !important;
  transform:none !important;
}
html[lang^="ar"] #SR7_1_1-3-12{  /* الكارت الأزرق */
  right:121px !important; left:0px !important; text-align:right !important;
  transform:none !important;
}
html[lang^="ar"] #SR7_1_1-3-14{  /* الكارت الأزرق */
  right:121px !important; left:0px !important; text-align:right !important;
  transform:none !important;
}
/* طبقة رقم التليفون في السلايدر - العربي فقط */
html[lang^="ar"] #SR7_1_1-3-13   ,html[lang^="ar"] .wp-block-heading a{
  direction: ltr !important;
  unicode-bidi: plaintext !important; /* يمنع قلب الترتيب */
  text-align: left !important;
  display: inline-block; /* يضمن تطبيق الاتجاه على الكتلة */
}

#satisfied_counter .title{
  text-align: center !important;
}
/* لو بيتحوّل عمودي في الموبايل */
@media (max-width: 767px){
  html[lang^="ar"] .mcb-column-inner-898p1gte .mfn-icon-box{
    gap: 10px;              /* مسافة أهدى على الموبايل */
  }
}

@media screen and (max-width: 540px) {
	html[lang^="ar"] #artitle{
	font-size: 35px ;

}
html[lang^="ar"] .counter .desc_wrapper .title {
        font-size: 13px;
        line-height: 26px;
        text-align: center;
    }	
	
html[lang^="ar"] 	.mcb-section .mcb-wrap .mcb-item-bcc36b820 .column_attr p {
    text-align: center;
}
	
	
html[lang^="ar"]	#SR7_1_1-3-16  {
		margin-top: 77px;
    line-height: 1.5 !important;
	width: auto !important;
	right:23px !important;
	}
	html[lang^="ar"] #SR7_1_1-3-4{right:23px !important;}
	 html[lang^="ar"] #SR7_1_1-3-3{
	
    line-height: 1.5 !important;
	width: auto !important;
	right:23px !important;
	}
html[lang^="ar"]	#SR7_1_1-3-2{
		margin-top: 50px;
    line-height: 1.5 !important;
	width: auto;
	right:23px !important;
	}	
	
	
}
@media only screen and (max-width: 767px) {
 	
html[lang^="ar"]  .divider-addon.divider-label{
    margin:0 !important;
}
}