/* Add custom CSS styles below */



/* 1. الحالة الافتراضية (فوق خالص - شفاف) */
.store-header {
    position: fixed !important; /* ليغطي البنر */
    top: 0;
    width: 100%;
    background-color: transparent !important;
    box-shadow: none !important;
    transition: all 0.4s ease-in-out !important;
    z-index: 9999;
}

/* إلغاء الخلفية البيضاء من العناصر الداخلية للهيدر في البداية */
.store-header #mainnav, 
.store-header .inner,
.store-header .top-navbar {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #ffffff; /* تغيير لون النص للأبيض ليكون واضحاً فوق البنر - اختياري */
}

/* 2. الحالة عند النزول (يظهر اللون والظل) */
.header-scrolled {
    background-color: #ffffff !important; /* يعود للون الأبيض */
    box-shadow: 0 10px 10px rgb(108 14 13) !important; /* الظل الخاص بك */
}

/* إعادة ألوان العناصر الداخلية عند النزول */
.header-scrolled #mainnav, 
.header-scrolled .inner,
.header-scrolled .top-navbar {
    background-color: #ffffff !important;
    color: #6b0e0f !important; /* يعود للون النص الأصلي */
}


footer.store-footer.overflow-hidden.footer-no-bg.icons-rounded-md {
    background: linear-gradient(to top, #4f0908, #a01b1a) ! Important;
    border-top-left-radius: 116% 129px;
    border-top-right-radius: 117% 129px;

}

/* التعديل سيعمل فقط على الشاشات التي عرضها أقل من 767 بكسل (الجوال) */
@media (max-width: 767px) {
    .footer-list.flexx.flex-wrap.gap-1.lg\:gap-2.grid.store-links-items.grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}
.s-block--features__item.dm-bg-sec.dm-text-main.items-start{

      display: flex;
    align-items: center;
}

#app.f-icon-gradient .feature-icon{
 background: linear-gradient(45deg, #560b0a, #9b1b19) !important;
  
}

nav.breadcrumbs.w-full.py-5 {
    margin-top: 3rem;
}

section#fullscreen-banner-11 {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

section#best-offers-9-slider {
    margin-bottom: 2rem;
}

section.s-block.s-block--animated-ads.all.stick-top {
    margin-top: 5rem !important;
    margin-bottom: -2rem !important;
}




















  /* إخفاء النص القديم */
  .footer-foot span p.text-gray-400 {
    font-size: 0;
  }

  /* إضافة النص الجديد */
  .footer-foot span p.text-gray-400::after {
    content: "برمجة وتصميم منصة | ابتكار";
    font-size: 14px; /* يمكنك تعديل الحجم حسب الرغبة */
    color: #9ca3af; /* لون النص الرمادي */
    visibility: visible;
  }

  /* إخفاء الرابط القديم إذا ظل يظهر */
  .footer-foot span p.text-gray-400 a {
    display: none;
  }