/* WordPress Carousel Plugin - أعلى من كل شيء */
/* تصحيحات الحركة RTL - Final Version */

/* Reset وضبط عام */
* {
  box-sizing: border-box !important;
}

/* الحاوي الرئيسي - Full Width إجباري */
.adl-articles-slider-wrapper {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0px 0 !important;
  direction: rtl !important;
  font-family: "Tajawal", "Cairo", "Amiri", Arial, sans-serif !important;
  z-index: 999999 !important;
  background: transparent !important;
  overflow: hidden !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-left: calc(-50vw + 50%) !important;
}

/* الكاروسيل الأساسي */
.adl-articles-slider-main {
  position: relative !important;
  height: 750px !important;
  background: transparent !important;
  overflow: hidden !important;
  padding: 0px 0 !important;
  z-index: 999999 !important;
}

/* حاوي المحتوى */
.adl-slider-content-wrapper {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 999999 !important;
}

/* مسار الشرائح */
.adl-slider-track {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 999999 !important;
}

/* الشرائح الأساسية */
.adl-slider-item {
  position: absolute !important;
  width: 500px !important;
  height: 550px !important; /* نفس ارتفاع الشرائح */
  border-radius: 20px !important;
  overflow: hidden !important;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  box-shadow: 0 15px 40px rgba(0,0,0,0.2) !important;
  display: none !important;
  z-index: 999999 !important;
}

/* الشريحة النشطة - في المنتصف وكبيرة جداً */
.adl-slider-item.adl-active {
  left: 50% !important;
  transform: translateX(-50%) scale(1) !important; /* بدون تكبير للارتفاع */
  z-index: 999999 !important;
  opacity: 1 !important;
  filter: blur(0) !important;
  width: 85% !important;
  height: 550px !important; /* ارتفاع أكبر */
  min-height: 550px !important; /* إجبار ارتفاع ثابت */
  max-height: 550px !important; /* منع أي زيادة */
  box-sizing: border-box !important; /* تضمين border & padding */
  display: block !important;
}

/* الشريحة اليمين - جنب الوسطى بعرض صغير */
.adl-slider-item.adl-right {
  left: calc(50% + 42.5% + 10px) !important; /* جنب الوسطى بمسافة صغيرة */
  width: 15% !important; /* عرض صغير */
  height: 550px !important; /* نفس ارتفاع النشطة بالضبط */
  min-height: 550px !important; /* إجبار ارتفاع ثابت */
  max-height: 550px !important; /* منع أي زيادة */
  box-sizing: border-box !important; /* تضمين border & padding */
  transform: scale(1) !important; /* بدون تكبير - نفس الحجم */
  z-index: 999997 !important;
  opacity: 0.8 !important;
  filter: blur(1px) !important;
  display: block !important;
  overflow: hidden !important;
}

/* الشريحة الشمال - جنب الوسطى بعرض صغير */
.adl-slider-item.adl-left {
  right: calc(50% + 42.5% + 10px) !important; /* جنب الوسطى بمسافة صغيرة */
  width: 15% !important; /* عرض صغير */
  height: 550px !important; /* نفس ارتفاع النشطة بالضبط */
  min-height: 550px !important; /* إجبار ارتفاع ثابت */
  max-height: 550px !important; /* منع أي زيادة */
  box-sizing: border-box !important; /* تضمين border & padding */
  transform: scale(1) !important; /* بدون تكبير - نفس الحجم */
  z-index: 999997 !important;
  opacity: 0.8 !important;
  filter: blur(1px) !important;
  display: block !important;
  overflow: hidden !important;
}

/* الشرائح القادمة من اليمين - دخول سلس */
.adl-slider-item.adl-coming-from-right {
  left: calc(100% + 200px) !important;
  transform: translateX(-50%) scale(0.8) !important;
  z-index: 999996 !important;
  opacity: 0.3 !important;
  filter: blur(2px) !important;
  display: block !important;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* الشرائح القادمة من الشمال - دخول سلس */
.adl-slider-item.adl-coming-from-left {
  left: calc(-200px) !important;
  transform: translateX(-50%) scale(0.8) !important;
  z-index: 999996 !important;
  opacity: 0.3 !important;
  filter: blur(2px) !important;
  display: block !important;
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* تأثيرات الانتقال المحسنة */
.adl-slider-item.adl-transitioning-right {
  transform: translateX(100%) scale(0.9) !important;
  opacity: 0.6 !important;
  transition: all 0.6s ease-out !important;
}

.adl-slider-item.adl-transitioning-left {
  transform: translateX(-100%) scale(0.9) !important;
  opacity: 0.6 !important;
  transition: all 0.6s ease-out !important;
}

/* إخفاء باقي الشرائح */
.adl-slider-item:not(.adl-active):not(.adl-left):not(.adl-right):not(.adl-coming-from-right):not(.adl-coming-from-left) {
  opacity: 0 !important;
  pointer-events: none !important;
  display: none !important;
  z-index: 999990 !important;
}

/* أزرار التنقل */
.adl-slider-nav-btn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: rgba(255,255,255,0.2) !important;
  border: none !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  color: white !important;
  font-size: 1.5rem !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  backdrop-filter: blur(10px) !important;
  z-index: 9999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
}

.adl-slider-nav-btn:hover {
  background: rgba(255,255,255,0.4) !important;
  transform: translateY(-50%) scale(1.1) !important;
  border-color: rgba(255,255,255,0.6) !important;
}

.adl-slider-prev {
  right: 20px !important;
  left: auto !important;
}

.adl-slider-prev::before {
  content: "‹" !important;
  font-size: 2rem !important;
  font-weight: bold !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: white !important;
}

.adl-slider-next {
  left: 20px !important;
  right: auto !important;
}

.adl-slider-next::before {
  content: "›" !important;
  font-size: 2rem !important;
  font-weight: bold !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: white !important;
}

/* أيقونات الأسهم */
.adl-arrow-icon {
  font-size: 2rem !important;
  font-weight: bold !important;
  color: white !important;
  line-height: 1 !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10 !important;
}

/* المؤشرات */
.adl-slider-indicators {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 12px !important;
  z-index: 9999999 !important;
    display: none !important;
    
}

.adl-slider-indicator {
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.4) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  border: 2px solid rgba(255,255,255,0.6) !important;
  z-index: 9999999 !important;
}

.adl-slider-indicator.adl-active {
  background: white !important;
  border-color: white !important;
}

/* كارت المقال */
.article-card {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  z-index: inherit !important;
}

/* صورة المقال */
.article-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}

.article-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
}

.article-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.1) 0%,
    rgba(0,0,0,0.3) 50%,
    rgba(0,0,0,0.8) 100%
  ) !important;
  z-index: 2 !important;
}

/* محتوى المقال */
.article-content {
  position: relative !important;
  z-index: 3 !important;
  padding: 30px !important;
  text-align: center !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.article-meta {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;
  margin-bottom: 20px !important;
  font-size: 0.9rem !important;
  opacity: 0.9 !important;
}

.article-category {
  background: rgba(255,255,255,0.2) !important;
  padding: 8px 16px !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  backdrop-filter: blur(10px) !important;
}

.article-date {
  color: rgba(255,255,255,0.8) !important;
  font-size: 0.85rem !important;
}

.article-title {
  font-size: 2rem !important;
  font-weight: 700 !important;
  margin: 20px 0 !important;
  line-height: 1.3 !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.article-title a {
  color: white !important;
  text-decoration: none !important;
}

.article-title a:hover {
  color: #f0f9ff !important;
}

.article-excerpt {
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
  margin: 20px 0 !important;
  opacity: 0.9 !important;
  max-width: 80% !important;
}

.article-author {
  margin-top: auto !important;
  padding-top: 20px !important;
}

.author-name {
  font-size: 0.9rem !important;
  color: rgba(255,255,255,0.8) !important;
  font-weight: 500 !important;
}

/* البانر الأزرق */
.article-banner {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%) !important;
  padding: 25px !important;
  border-radius: 0 0 20px 20px !important;
  z-index: 10 !important;
  opacity: 0.95 !important;
  transform: translateY(0) !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 -5px 20px rgba(0,0,0,0.2) !important;
  backdrop-filter: blur(10px) !important;
}

.banner-content {
  text-align: right !important;
  color: white !important;
}

.banner-category {
  font-size: 0.8rem !important;
  opacity: 0.8 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.banner-title {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 0 12px 0 !important;
  color: white !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}

.banner-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 0.85rem !important;
  opacity: 0.9 !important;
  gap: 15px !important;
}

.banner-author,
.banner-date {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

/* Responsive للشاشات الصغيرة */
@media (max-width: 768px) {
  .articles-carousel-container {
    padding: 30px 10px !important;
    max-width: 100% !important;
  }

  .articles-carousel {
    height: 500px !important;
    padding: 30px 0 !important;
  }

  /* محذوف - CSS قديم كان بيتضارب مع الكلاسات الجديدة */

  /* محذوف - CSS قديم */

  .article-title {
    font-size: 1.5rem !important;
  }

  .banner-title {
    font-size: 1.1rem !important;
  }

  .carousel-btn {
    width: 50px !important;
    height: 50px !important;
    font-size: 1.2rem !important;
  }
}

@media (max-width: 480px) {
  /* محذوف - CSS قديم كان بيتضارب مع الكلاسات الجديدة */

  .article-content {
    padding: 20px !important;
  }

  .article-title {
    font-size: 1.3rem !important;
  }

  .banner-meta {
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }
}

/* إصلاح تضارب WordPress */
.articles-carousel-container *,
.articles-carousel-container *:before,
.articles-carousel-container *:after {
  box-sizing: border-box !important;
}

/* إصلاح تضارب الثيمات */
/* محذوف - CSS قديم */

/* تأكيد أولوية CSS */
body .articles-carousel-container {
  z-index: 999999 !important;
}

/* محذوف - CSS قديم */

body .articles-carousel-container .carousel-btn {
  z-index: 9999999 !important;
}

body .articles-carousel-container .carousel-indicators {
  z-index: 9999999 !important;
}