/* ================== LOGO ================== */



/* كود توحيد انحناء الهيدر في الحالة العادية وعند السكرول */
header, 
.site-header, 
[class*="sticky"], 
[class*="fixed"],
.inner.bg-inherit.w-full { 
    border-bottom-right-radius: 50px !important; 
    border-bottom-left-radius: 50px !important;
    
    /* منع المحتوى الداخلي من كسر الانحناء */
    overflow: hidden !important; 
    
    /* لضمان ثبات الخلفية مع الانحناء */
    background-clip: padding-box !important;
}

/* ملاحظة إضافية: إذا كان هناك ظل يختفي، نثبته هنا أيضاً */
header, .site-header {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

/* 2. تعديل منطقة اللوغو (إزالة الخلفية المنفصلة ودمجها) */
.navbar-brand {
    background-color: transparent !important; /* إزالة اللون حول اللوغو */
    padding: 10px 45px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 99;
    box-shadow: none !important; /* إزالة ظل البوكس القديم */
    min-width: 180px;
    border: none !important;
}

/* 3. الحفاظ على حجم اللوغو كما طلبت */
.logo-normal {
    height: 100px !important;
    width: auto !important;
    object-fit: contain;
}

/* 4. تنسيق الأزرار في الهيدر باللون الكحلي */
/* ملاحظة: استخدمت الكلاسات الشائعة للأزرار، تأكد أنها تطابق قالبك */
header a.btn, 
header button, 
.nav-link.btn,
.s-nav-action-btn { 
    background-color: #083459 !important;
    color: #ffffff !important;
    border-radius: 25px !important; /* لجعل الأزرار متناسقة مع انحناء الهيدر */
    padding: 8px 20px !important;
    transition: all 0.3s ease;
    border: none !important;
}

/* تأثير عند تمرير الماوس على الأزرار */
header a.btn:hover, 
header button:hover {
    background-color: #062a48 !important; /* درجة أغمق قليلاً عند الهوفر */
    transform: translateY(-2px);
}

/* 5. إصلاحات الظهور والطبقات */
.flex.items-center.flex-col.justify-center {
    overflow: visible !important;
}

.w-1\/3 {
    z-index: 1;
}
.sicon-cart {
    position: relative !important;
    right: -5px !important;  /* زد هذا الرقم لتحريك السلة لليسار، أو قلله (مثلاً -10) لتحريكها لليمين */
}


/* إزاحة العنصر عن طريق الهامش الأيمن */
.ml-3.md\:ml-4 {
    margin-right: -15px !important; /* غير الرقم حسب الإزاحة المطلوبة */
    margin-left: unset !important;
}



/* ------------------------------------------------ */
/* حل مشكلة التنسيق في الجوال */
@media (max-width: 768px) {
    /* تصغير اللوغو قليلاً ليعطي مساحة للسلة والمنيو */
    .logo-normal {
        height: 65px !important; 
    }

    /* موازنة الهيدر في الجوال ليكون على سطر واحد */
    header .container, 
    .navbar-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 5px 15px !important;
    }

    /* تقليل حدة القوس في الجوال ليناسب الشاشات الصغيرة */
    header, .site-header, .navbar {
        border-bottom-left-radius: 25px !important;
        border-bottom-right-radius: 25px !important;
    }

    /* التأكد من أن السلة والقائمة لا تخرج عن الإطار */
    .header-right, .header-left {
        flex: 1;
        display: flex;
        align-items: center;
    }
}
/* ------------------------------------------------ */

.flex.items-center.flex-col.justify-center {
    overflow: visible !important;
}

.w-1\/3 {
    z-index: 1;
}
/* ================== FEATURES ================== */
.s-block--enhanced-features__item {
  position: relative;
  padding: 35px 25px;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;

  /* بديل خفيف للـ glass */
  background: linear-gradient(135deg, #ffffff, #f7fbfd);

  border: 1px solid rgba(96,178,212,0.2);
  box-shadow: 0 8px 25px rgba(0,0,0,0.06);

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Glow خفيف */
.s-block--enhanced-features__item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(96,178,212,0.15), transparent 60%);
  opacity: 0;
  transition: 0.3s;
}

/* Border بسيط */
.s-block--enhanced-features__item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 1px solid rgba(96,178,212,0.25);
  opacity: 0;
  transition: 0.3s;
}

/* Hover */
.s-block--enhanced-features__item:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(96,178,212,0.2);
}

.s-block--enhanced-features__item:hover::before,
.s-block--enhanced-features__item:hover::after {
  opacity: 1;
}

/* ICON */
.feature-icon {
  width: 75px;
  height: 75px;
  margin: 0 auto 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(96,178,212,0.1);
  border: 1px solid rgba(96,178,212,0.25);

  transition: 0.3s;
}

.feature-icon i {
  font-size: 30px;
  color: #60b2d4;
  transition: 0.3s;
}

.s-block--enhanced-features__item:hover .feature-icon {
  background: #60b2d4;
  box-shadow: 0 10px 20px rgba(96,178,212,0.3);
}

.s-block--enhanced-features__item:hover .feature-icon i {
  color: #fff;
  transform: scale(1.1);
}

/* ================== FAQ ================== */
.single-faq {
  position: relative;
  border-radius: 18px;
  padding: 18px 20px;
  overflow: hidden;

  background: linear-gradient(135deg, #ffffff, #f7fbfd);

  border: 1px solid rgba(96,178,212,0.2);
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.single-faq::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(96,178,212,0.15), transparent 60%);
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}

.single-faq::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  border: 1px solid rgba(96,178,212,0.25);
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}

.single-faq:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(96,178,212,0.15);
}

.single-faq:hover::before,
.single-faq:hover::after {
  opacity: 1;
}

/* BUTTON */
.faq-btn {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.faq-btn i {
  transition: transform 0.3s ease;
  background: #60b2d4 !important;
  box-shadow: 0 3px 8px rgba(96,178,212,0.25);
}

/* rotate */
.single-faq.active .faq-btn i {
  transform: rotate(180deg);
}

/* content */
.faq-content {
  padding-top: 0;
  position: relative;
  z-index: 2;
}

.single-faq.active .faq-content {
  padding-top: 8px;
}

/* ================== MOBILE ================== */
@media (max-width: 768px) {
  .s-block--enhanced-features__item {
    padding: 25px 15px;
  }

  .feature-icon {
    width: 60px;
    height: 60px;
  }

  .feature-icon i {
    font-size: 24px;
  }

  .single-faq {
    padding: 15px;
  }

  .logo-normal {
    height: 70px !important;
  }
}


/* صندوق الروابط (Glass Card) */
.enhanced_links_wrapper {
    background: rgba(255,255,255,0.05);
    border-radius: 20px;
    padding: 25px;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 0 25px rgba(96,178,212,0.15);
    transition: 0.4s;
}

/* حدود متحركة (Lightning Border) */
.enhanced_links_wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px;
    background: linear-gradient(
        120deg,
        transparent,
        #60b2d4,
        transparent,
        #60b2d4,
        transparent
    );
    background-size: 300% 300%;
    animation: borderFlash 1.2s linear infinite;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
}


/* العنوان */
.enhanced_links_wrapper h3 {
    margin-bottom: 20px;
    position: relative;
}

/* الروابط */
.footer-list a {
    position: relative;
    transition: 0.3s;
}


/* عند المرور */
.footer-list a:hover {
    text-shadow: 0 0 10px rgba(96,178,212,1),
                 0 0 20px rgba(96,178,212,1),
                 0 0 35px rgba(96,178,212,1);
    transform: translateX(-5px);
}

/* خط تحت الرابط */
.footer-list a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 0%;
    height: 1px;
    background: #60b2d4;
    transition: 0.3s;
}

.footer-list a:hover::after {
    width: 100%;
}

/* دخول ناعم */
.anime-item {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 0.8s ease forwards;
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* =========================
   1- قسم التواصل (Contacts)
========================= */
.enhanced-contact-item {
    border-radius: 14px;
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
    position: relative;
    overflow: hidden;
    transition: 0.3s;
}

/* توهج خفيف متحرك */
.enhanced-contact-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(96,178,212,0.3), transparent);
    opacity: 0;
    transition: 0.4s;
}

.enhanced-contact-item:hover::before {
    opacity: 1;
    animation: shineMove 1.5s linear infinite;
}

@keyframes shineMove {
    0% { background-position: 0% }
    100% { background-position: 200% }
}

.enhanced-contact-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 20px rgba(96,178,212,0.4);
}


/* =========================
   2- الحقوق ووسائل الدفع
========================= */
.footer-rights {
    position: relative;
}

/* توهج للنص */
.footer-rights p {
    animation: softGlow 3s ease-in-out infinite;
}

@keyframes softGlow {
    0%,100% {
        text-shadow: 0 0 3px rgba(96,178,212,0.2);
    }
    50% {
        text-shadow: 0 0 12px rgba(96,178,212,0.7),
                     0 0 25px rgba(96,178,212,0.4);
    }
}

/* أيقونات الدفع */
.s-payments-list-item img {
    transition: 0.4s;
    filter: grayscale(20%);
}

.s-payments-list-item img:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 0 10px rgba(96,178,212,0.7));
}



/* الحاوية - بدون تغيير اللون فقط تحسين الشكل */
.selia-bottom-nav {
    border-radius: 30px 30px 0 0;
    overflow: hidden;
}

/* كل عنصر */
.selia-bottom-nav-button {
    position: relative;
    transition: 0.3s;
}

/* شكل الأزرار (منحني من الجانبين) */
.selia-bottom-nav-icon {
    border-radius: 999px;
    padding: 8px 14px;
    position: relative;
    transition: 0.3s;
}


/* عند الضغط أو Hover */
.selia-bottom-nav-icon:hover {
    transform: scale(1.15);
}

/* تأثير قوس مضيء حول الزر */
.selia-bottom-nav-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 999px;
    border: 1px solid transparent;
    background: linear-gradient(120deg, transparent, #60b2d4, transparent);
    opacity: 0;
    transition: 0.3s;
}

.selia-bottom-nav-icon:hover::before {
    opacity: 1;
}

/* تمييز العنصر النشط */
.selia-bottom-nav-button.active .selia-bottom-nav-icon {
    transform: scale(1.15);
    box-shadow: 0 0 15px rgba(96,178,212,0.6);
}