/* Add custom CSS styles below */ 

.s-block {
  margin-top: 0px;
}
/* .hero-content .hero-subtitle {
      font-family: "Noto Sans Arabic", sans-serif;
      opacity: 1;
      color: red;
      text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px;
} */


.ql-direction-rtl strong{
  font-size: 27px;
}



/* .store-footer__brand .ql-direction-rtl p{
  align-items: center;
  text-align: center;
} */

.footer-badges {
  display: none;
}
/* 
.store-footer__contacts-row .rounded_contacts{
  display: none;
} */

.s-social-link a {
  border: 1px solid hsl(0deg 0% 85.1% / 20%);
  background-color: rgb(255 255 255 / 16%);
}



/* --------- */


/* .products-index{
  display: none;
} */

.advanced-slider__caption__inner__content__heading{
color: #f8e8ad;
}



.index .advanced-slider .advanced-slider__caption__inner__content__heading{
  color: #f8e8ad !important;
  font-size: 60px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
}




/* -----Glassmorphism (Homepage Only)---- */

/* ========================================================
   1. حماية القسم الرئيسي للسلايدر في الصفحة الرئيسية فقط
   ======================================================== */
.index .advanced-slider,
.index salla-slider {
    /* السماح للبطاقة بالظهور خارج إطار البانر */
    overflow: visible !important;
    /* مسافة سفلية لحماية القسم التالي في المتجر من التداخل */
    margin-bottom: 60px !important; 
}

.index .advanced-slider__slide {
    overflow: visible !important;
}

/* ========================================================
   2. بناء البطاقة الزجاجية للصفحة الرئيسية فقط
   ======================================================== */
.index .advanced-slider::after {
    /* حقن النص المطلوب مباشرة داخل البطاقة */
    content: "طاقة يومك، بطعم تحبه . حبوب كاملة، مكسرات وبذور مختارة بعناية لتمنحك الألياف، البروتين، الدهون الصحية والطاقة التي يحتاجها يومك. لذيذة، مشبعة، ومصنوعة لتصبح جزءًا من كل يوم.";
    
    /* التموضع المستقل لبروز البطاقة */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 15%);
    z-index: 99;
    width: 90%;
    max-width: 450px;
    box-sizing: border-box;
    /* padding: 80px 15px; */
    padding: 80px 15px 30px 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
    background-color: rgb(255 255 255 / 4%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 24px;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
    
    /* ---------------------------------------------------
       إضافة صور الأعلام (صورة في الأعلى وصورة في الأسفل)
       --------------------------------------------------- */
    background-image: 
        url('https://cdn.files.salla.network/other/1031597926/aa27d85e-a3ae-4a11-8069-a27678858732-original.webp');
        /* url('https://cdn.files.salla.network/other/1031597926/aa27d85e-a3ae-4a11-8069-a27678858732-original.webp'); */
    background-repeat: no-repeat;
    
    /* تحديد موقع الصورتين: الأولى أعلى المنتصف، والثانية أسفل المنتصف */
    background-position: top 25px center;
    
    /* تحديد حجم الأعلام (يمكنك تغيير 45px لتصغير أو تكبير العلم) */
    background-size: 45px auto;
}

/* ========================================================
   3. التجاوب مع شاشات الجوال 
   ======================================================== */
@media (max-width: 768px) {
    .index .advanced-slider::after {
        width: 82%;
        /* padding: 80px 15px;  */
        padding: 80px 15px 30px 15px;
        font-size: 11px;
        /* تقليل نسبة البروز في الجوال لتناسب الشاشات الصغيرة */
        transform: translate(-50%, 10%);
    }
    
    .index .advanced-slider,
    .index salla-slider {
        margin-bottom: 60px !important;
    }
}


/* كود تعديل اعمدت الصور */

@media (max-width: 767px) {
    .s-block--square-links ul.square-links__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* -----footer---- */


/* خلفية الفوتر بصورة بدل اللون الأصفر */
footer.store-footer,
.store-footer {
  background-color: transparent !important;
  background-image: url("https://cdn.files.salla.network/homepage/1031597926/bc8db545-358a-4de7-a639-5d473e2a4bc9-original.webp") !important;
  background-size: cover !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
}

/* إزالة اللون من الطبقات الداخلية حتى تظهر الصورة */
.store-footer *:not(img):not(svg):not(path):not(a.btn):not(.social-link) {
  background-color: transparent !important;
}

/* خط فاصل خفيف فوق شريط الحقوق مثل أوترا */
.store-footer__bottom,
.store-footer .copyright {
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* على الجوال: إظهار مركز الرسمة */
@media (max-width: 768px) {
  .store-footer {
    background-position: center center !important;
  }
}
/* إخفاء رقم الجوال من الفوتر */
footer a[href*="542468871"] {
    display: none !important;
}