/* ========================================================================== */
/* RubyRose V10.12 — Slider layer order repair                                */
/* ========================================================================== */

/* يعيد كل شريحة إلى التموضع المطلق؛ لأن قاعدة الأقسام القديمة كانت تحولها إلى relative فتختفي الصورة والنص. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

/* يخفي الشرائح غير النشطة مع إبقائها داخل نفس الإطار حتى يعمل الانتقال بدون فراغ لوني. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide:not(.is-active):not(.is-prev):not(.is-next){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* يرفع الشريحة النشطة فوق لون السيكشن وصورة الخلفية والأشكال الديناميكية. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-active{
  z-index:6!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* يحافظ على الشرائح المتحركة أثناء الانتقال فوق الخلفية دون تغطية الشريحة النشطة بشكل دائم. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-prev,
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-next{
  z-index:5!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}

/* يضع صورة خلفية السيكشن الإدارية خلف السلايدر فقط. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-sec-bg-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
}

/* يضع الأشكال الديناميكية فوق لون الخلفية وتحت صور ونصوص السلايدر حتى لا تحجب المحتوى. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-section-decor{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

/* يضمن ظهور صورة كل شريحة وعدم تأثرها بلون السيكشن أو Opacity طبقات الخلفية. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:1!important;
}

/* يضع طبقة قراءة النص فوق الصورة وتحت المحتوى التفاعلي. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide::before,
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide::after{
  z-index:2!important;
  pointer-events:none!important;
}

/* يرفع عنوان السلايدر والوصف والزر فوق الصورة والطبقات اللونية. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > .rr-home-default-content,
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide > .rr-home-elements-layer{
  position:absolute!important;
  z-index:8!important;
}

/* يثبت الأسهم والنقاط كأعلى عناصر السلايدر بعد إصلاح ترتيب الطبقات. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slider-arrow,
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slider-dots{
  position:absolute!important;
  z-index:12!important;
}

/* يمنع لون السيكشن من التحول إلى طبقة أمامية ويحتفظ به كخلفية فقط. */
html body main > .rr-home-image-slider.rr-bg-section{
  isolation:isolate!important;
  background-clip:border-box!important;
}