/* تحسين توافق النصوص مع الجوال */
@media (max-width: 768px) {

  .advanced-slider__caption__inner--center {
    padding: 0 15px;
    text-align: center;
  }

  .advanced-slider__caption__inner__content {
    width: 100%;
  }

  .advanced-slider__caption__inner__content__heading {
    font-size: 28px !important;
    line-height: 1.4;
    word-break: break-word;
  }

}

/* للجوالات الصغيرة جداً */
@media (max-width: 480px) {

  .advanced-slider__caption__inner__content__heading {
    font-size: 22px !important;
    line-height: 1.5;
  }

}/* Add custom CSS styles below */ 
/* تحسين توافق النصوص مع الجوال */
@media (max-width: 768px) {

  .advanced-slider__caption__inner--center {
    padding: 0 15px;
    text-align: center;
  }

  .advanced-slider__caption__inner__content {
    width: 100%;
  }

  .advanced-slider__caption__inner__content__heading {
    font-size: 28px !important;
    line-height: 1.4;
    word-break: break-word;
  }

}

/* للجوالات الصغيرة جداً */
@media (max-width: 480px) {

  .advanced-slider__caption__inner__content__heading {
    font-size: 22px !important;
    line-height: 1.5;
  }

}

//--------------------------------------------
/* طبقة شفافة فقط بدون التأثير على النص */
.advanced-slider__slide.relative {
  position: relative;
  overflow: hidden;
}

.advanced-slider__slide.relative::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1;
  pointer-events: none;
}

/* الفيديو تحت الطبقة */
.object-cover.object-center.w-full.h-full.\!inline-block.sm\:\!hidden {
  position: relative;
  z-index: 0;
}

/* النص يبقى طبيعي فوق الطبقة */
.advanced-slider__caption__inner,
.advanced-slider__caption__inner__content,
.advanced-slider__caption__inner__content__heading {
  position: relative;
  z-index: 2;
  color: inherit !important;
}

//--------------------------------------


/* البانر */
.advanced-slider__slide.relative {
  position: relative;
}

/* السهم */
.advanced-slider__slide.relative::after {
  content: "";
  position: absolute;
  bottom: 40px; /* رفعناه شوي */
  left: 50%;
  width: 12px;
  height: 12px;
  border-right: 2px solid rgba(255,255,255,0.9);
  border-bottom: 2px solid rgba(255,255,255,0.9);
  transform: translateX(-50%) rotate(45deg);
  z-index: 999;
  pointer-events: none;
  animation: softBounce 2s infinite;
  opacity: 0.8;
  transition: opacity 0.4s ease;
}

/* سهم خفيف فوقه */
.advanced-slider__slide.relative::before {
  content: "";
  position: absolute;
  bottom: 53px;
  left: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(255,255,255,0.35);
  border-bottom: 2px solid rgba(255,255,255,0.35);
  transform: translateX(-50%) rotate(45deg);
  z-index: 998;
  pointer-events: none;
  animation: softBounce2 2s infinite;
  transition: opacity 0.4s ease;
}

/* حركة */
@keyframes softBounce {
  0%,100% { transform: translateX(-50%) translateY(0) rotate(45deg); }
  50% { transform: translateX(-50%) translateY(6px) rotate(45deg); }
}

@keyframes softBounce2 {
  0%,100% { transform: translateX(-50%) translateY(0) rotate(45deg); }
  50% { transform: translateX(-50%) translateY(4px) rotate(45deg); }
}

/* 👇 عند بدء التمرير يختفي السهم */
html:has(body.scrolled) .advanced-slider__slide.relative::after,
html:has(body.scrolled) .advanced-slider__slide.relative::before {
  opacity: 0;
}


//-------------------------------------
/* الشكل الاحترافي للأسئلة الشائعة */
/* الشبكة */
.faq-pro.grid {
    gap: 14px !important;
}

/* كرت السؤال */
.faq-pro .single-faq {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    padding: 0 !important;
    overflow: hidden;
    transition: all .3s ease;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}

/* تأثير hover */
.faq-pro .single-faq:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.07);
}

/* زر السؤال */
.faq-pro .faq-btn {
    padding: 16px 18px !important;
    font-size: 15px;
    font-weight: 700;
    color: #111827 !important;
    background: transparent !important;
    transition: all .3s ease;
}

/* دائرة السهم */
.faq-pro .faq-btn .bg-primary {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    box-shadow: 0 4px 10px rgba(34,197,94,.2);
}

/* السهم */
.faq-pro .sicon-keyboard_arrow_down {
    font-size: 15px !important;
    transition: all .3s ease;
}

/* عند الفتح */
.faq-pro .single-faq.is-open .bg-primary,
.faq-pro .single-faq.active .bg-primary {
    background: linear-gradient(135deg, #111827, #374151) !important;
}

.faq-pro .single-faq.is-open .sicon-keyboard_arrow_down,
.faq-pro .single-faq.active .sicon-keyboard_arrow_down {
    transform: rotate(180deg);
}

/* محتوى الجواب */
.faq-pro .faq-answer,
.faq-pro .answer,
.faq-pro .single-faq p {
    padding: 0 18px 18px !important;
    color: #6b7280 !important;
    line-height: 1.8;
    font-size: 14px;
}

/* تسريع الحركة وتخفيف الثقل */
.faq-pro .single-faq,
.faq-pro .faq-btn,
.faq-pro .bg-primary,
.faq-pro .sicon-keyboard_arrow_down {
    transition: .18s ease !important;
}

/* إلغاء الحركات الثقيلة */
.faq-pro .single-faq:hover {
    transform: translateY(-1px);
}

/* تسريع دوران السهم */
.faq-pro .single-faq.is-open .sicon-keyboard_arrow_down,
.faq-pro .single-faq.active .sicon-keyboard_arrow_down {
    transform: rotate(180deg);
    transition: transform .18s ease !important;
}

/* تحسين أداء الفتح */
.faq-pro .faq-answer,
.faq-pro .answer {
    will-change: height, opacity;
}

/* منع أي تأخير */
.faq-pro * {
    animation-duration: 0s !important;
}

//----------------------------------------