/* ========================================================================== */
/* RubyRose V10.16 — One Direction Slider + Smooth Text + Mobile Canvas         */
/* ========================================================================== */

/* يجعل السلايدر لوحة واحدة نظيفة حتى تتحرك الصور في اتجاه واحد بدون ظهور صورة فوق صورة بشكل عشوائي. */
html body main > .rr-home-image-slider.rr-home-pro-slider{position:relative!important;overflow:hidden!important;background:#fff!important;height:clamp(560px,78vh,860px)!important;isolation:isolate!important;} /* تثبيت إطار السلايدر ومنع أي عنصر متحرك من الخروج خارجه. */

/* يضع كل سلايد فوق نفس مساحة السلايدر مع بدء كل الصور من اليمين فقط. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:1!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(100%,0,0)!important;transition:transform 1.45s cubic-bezier(.16,1,.3,1),visibility 0s linear 1.45s!important;will-change:transform!important;backface-visibility:hidden!important;background:#fff!important;} /* وضع افتراضي ثابت لكل الشرائح خارج الكادر من اليمين. */

/* يثبت الصورة النشطة في منتصف الكادر. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-active{visibility:visible!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important;z-index:6!important;transition:transform 1.45s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s!important;} /* السلايد النشط ظاهر ومتمركز. */

/* يجعل السلايد القديم يخرج دائمًا ناحية اليسار مهما كانت اللغة أو زر التحكم. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-prev{visibility:visible!important;pointer-events:none!important;transform:translate3d(-100%,0,0)!important;z-index:5!important;transition:transform 1.45s cubic-bezier(.16,1,.3,1),visibility 0s linear 1.45s!important;} /* خروج السلايد القديم في اتجاه ثابت. */

/* يجعل السلايد الجديد يبدأ دائمًا من اليمين قبل دخوله للمنتصف. */
html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-next{visibility:visible!important;pointer-events:none!important;transform:translate3d(100%,0,0)!important;z-index:7!important;transition:transform 1.45s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s!important;} /* بداية دخول السلايد الجديد من نفس الاتجاه دائمًا. */

/* يمنع اتجاه RTL من قلب حركة السلايدر حتى تبقى الحركة في اتجاه واحد فقط. */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{transform:translate3d(100%,0,0)!important;} /* بداية ثابتة في العربي. */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-active{transform:translate3d(0,0,0)!important;} /* تمركز ثابت في العربي. */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-prev{transform:translate3d(-100%,0,0)!important;} /* خروج ثابت في العربي. */
html[dir="rtl"] body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide.is-next{transform:translate3d(100%,0,0)!important;} /* دخول ثابت في العربي. */

/* يثبت مساحة الصورة داخل السلايد ويمنع أي انتقال Opacity قد يجعل صورة تظهر فوق صورة. */
html body main > .rr-home-image-slider.rr-bg-section .rr-slide-picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;z-index:1!important;background:#fff!important;overflow:hidden!important;} /* الصورة داخل Canvas السلايدر. */
html body main > .rr-home-image-slider.rr-bg-section .rr-slide-picture img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center center!important;background:#fff!important;transform:none!important;filter:none!important;-webkit-filter:none!important;} /* جعل الصورة تملأ مساحة السلايدر بشكل Canvas واضح. */

/* طبقة نص أخف وأوضح بدون إحساس شريط أخبار أو كتابة حرفية. */
html body .rr-home-pro-slider .rr-home-default-content{z-index:9!important;} /* رفع النص فوق الصورة. */
html body .rr-home-pro-slider .rr-home-default-content .rr-type-text{display:block!important;overflow:visible!important;white-space:normal!important;opacity:0!important;transform:translate3d(0,24px,0) scale(.985)!important;filter:blur(10px)!important;clip-path:none!important;animation:none!important;transition:opacity 1.15s ease,transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.05s ease!important;} /* بداية ناعمة للنص بدل كتابة الأخبار. */
html body .rr-home-pro-slider .rr-home-default-content .rr-type-text.is-visible{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;filter:blur(0)!important;} /* ظهور النص بنعومة. */
html body .rr-home-pro-slider .rr-home-default-content .rr-type-text::after{display:none!important;content:none!important;} /* إلغاء أي مؤشر كتابة أو خط عمودي. */
html body .rr-home-pro-slider .rr-home-default-content .btn{opacity:0!important;transform:translate3d(0,18px,0)!important;transition:opacity 1.05s ease,transform 1.15s cubic-bezier(.16,1,.3,1),background .25s ease,color .25s ease!important;} /* بداية زر السلايدر. */
html body .rr-home-pro-slider .rr-home-default-content .btn.is-visible{opacity:1!important;transform:translate3d(0,0,0)!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{z-index:14!important;} /* رفع عناصر التحكم فوق السلايد. */

/* إعداد Canvas الموبايل: الصورة تملأ الشاشة وتبقى قريبة بدل ظهورها بعيدة وصغيرة. */
@media(max-width:900px){
  html body main > .rr-home-image-slider.rr-home-pro-slider{height:calc(100svh - 68px)!important;min-height:500px!important;max-height:760px!important;background:#fff!important;} /* تحويل السلايدر على الموبايل إلى Canvas شبه كامل أسفل الهيدر. */
  html body main > .rr-home-image-slider.rr-bg-section .rr-slide-picture img{object-fit:cover!important;object-position:center center!important;} /* ملء شاشة الموبايل بالصورة بدل ترك فراغات بعيدة. */
  html body .rr-home-pro-slider .rr-home-slide:after{z-index:2!important;background:linear-gradient(180deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.78) 100%)!important;} /* تدرج خفيف لقراءة النص بدون إخفاء الصورة. */
  html body .rr-home-pro-slider .rr-home-default-content{left:18px!important;right:18px!important;bottom:24px!important;top:auto!important;max-width:none!important;width:auto!important;align-items:center!important;text-align:center!important;padding:16px 18px!important;border-radius:16px!important;background:rgba(255,255,255,.70)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 18px 42px rgba(53,20,36,.12)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;} /* تقريب النص داخل Canvas الموبايل بدون إبعاد الصورة. */
  html body .rr-home-pro-slider .rr-home-default-content h1{font-size:clamp(28px,8.2vw,42px)!important;line-height:1.05!important;margin:4px 0 6px!important;} /* عنوان موبايل مريح. */
  html body .rr-home-pro-slider .rr-home-default-content p{display:none!important;} /* تقليل الزحمة على الموبايل. */
}

/* ضبط إضافي للشاشات الصغيرة جدًا حتى لا يخرج السلايدر عن الشاشة. */
@media(max-width:480px){
  html body main > .rr-home-image-slider.rr-home-pro-slider{height:calc(100svh - 58px)!important;min-height:460px!important;max-height:700px!important;} /* Canvas مناسب للموبايلات الصغيرة. */
  html body .rr-home-pro-slider .rr-home-default-content{left:14px!important;right:14px!important;bottom:18px!important;padding:14px 14px!important;} /* تقليل مساحة النص على الشاشات الصغيرة. */
}

/* احترام إعدادات تقليل الحركة لمن يفضلون حركة أقل. */
@media(prefers-reduced-motion:reduce){
  html body main > .rr-home-image-slider.rr-bg-section > .rr-home-slide{transition:none!important;} /* إيقاف حركة الشرائح لمنع الإزعاج. */
  html body .rr-home-pro-slider .rr-home-default-content .rr-type-text,html body .rr-home-pro-slider .rr-home-default-content .btn{transition:none!important;filter:none!important;transform:none!important;} /* إيقاف حركة النص عند طلب تقليل الحركة. */
}