/* تحسين تصميم الفوتر السفلي */
.store-footer {
    background-color: #4a2c2a; /* لون بني داكن أنيق */
    padding: 2rem 0; /* مساحة من الأعلى والأسفل */
    color: #ffffff; /* لون النص الأبيض لتباين أفضل */
}

/* تدرج لوني في الفوتر الداخلي */
.store-footer__inner {
    color: #ffffff; /* لون النص الأبيض */
    text-align: center; /* توسيط النص */
    padding: 1rem; /* مساحة إضافية */
}

/* تصميم الفوتر في الوضع الفاتح */
.footer-is-light .store-footer {
    background-color: #4a2c2a; /* نفس اللون البني الداكن */
}

.footer-is-light .store-footer .store-footer__inner {
    background: linear-gradient(0deg, #4a2c2a 0%, #8c6e5a 100%); /* نفس التدرج اللوني */
    color: #ffffff; /* لون النص الأبيض */
}

/* تحسين أزرار الفوتر */
.s-button-primary-outline {
    color: #ffffff; /* نص أبيض ليتباين مع الخلفية الداكنة */
    background: #6e4b41; /* لون بني دافئ للأزرار */
    border: 1px solid #ffffff; /* إطار أبيض حول الأزرار */
    border-radius: 0.5rem; /* زوايا دائرية للأزرار */
    padding: 0.5rem 1rem; /* مساحة داخلية مناسبة */
    text-align: center; /* توسيط النص داخل الزر */
    font-weight: bold; /* جعل النص بارزًا */
}

/* تحديث الخلفية لعناصر أخرى */
.slide--cat-entry {
    border-color: #4a2c2a; /* لون الحدود البني الداكن */
    background-color: #f4f4f4; /* خلفية فاتحة لتباين النص */
}

/* تحسين لون العناوين في الفوتر */
.store-footer h3 {
    color: #ffcc00; /* لون أصفر دافئ */
    background: linear-gradient(90deg, #ffcc00 0%, #ffffff 100%); /* تدرج من الأصفر إلى الأبيض */
    -webkit-background-clip: text; /* تدرج كخلفية للنص */
    -webkit-text-fill-color: transparent; /* جعل لون النص شفاف لعرض التدرج */
    font-weight: bold; /* جعل العناوين بارزة */
    margin: 0; /* إزالة الهوامش الافتراضية */
    padding: 0.5rem 0; /* إضافة مساحة من الأعلى والأسفل للحفاظ على نفس العرض */
}

/* التأكد من تحديث التعديلات في جميع حالات الفوتر */
.footer-is-light .store-footer h3 {
    color: #ffcc00; /* نفس اللون الأصفر */
    background: linear-gradient(90deg, #ffcc00 0%, #ffffff 100%); /* نفس التدرج */
    -webkit-background-clip: text; /* تدرج كخلفية للنص */
    -webkit-text-fill-color: transparent; /* جعل لون النص شفاف */
    font-weight: bold; /* جعل العناوين بارزة */
    margin: 0; /* إزالة الهوامش الافتراضية */
    padding: 0.5rem 0; /* إضافة مساحة من الأعلى والأسفل للحفاظ على نفس العرض */
}

/* تحديث ألوان النصوص الأخرى في الفوتر */
.store-footer p,
.store-footer a {
    color: #ffffff; /* نص أبيض ليتباين مع الخلفية البنية */
}

/* تأكد من تحديث الألوان للنصوص الأخرى */
.footer-is-light .store-footer p,
.footer-is-light .store-footer a {
    color: #ffffff; /* نفس اللون الأبيض */
}

/* تأكد من تمركز النص داخل الفوتر */
.footer-content {
    display: flex; /* استخدام Flexbox لضبط المحاذاة */
    justify-content: center; /* محاذاة المحتوى أفقيًا في المركز */
    align-items: center; /* محاذاة المحتوى رأسيًا في المركز */
    text-align: center; /* توسيط النص داخل العنصر */
    padding: 1rem; /* مساحة إضافية */
    height: 100%; /* جعل الفوتر يمتد لملء الارتفاع الكامل */
}

/* إزالة الهوامش حول النص 514436 */
.footer-text {
    margin: 0; /* إزالة الهوامش الافتراضية */
    font-size: 1rem; /* حجم النص مناسب */
}

/* توسيط النص الرمادي */
.footer-gray-text {
    color: gray; /* لون النص الرمادي */
    display: flex; /* استخدام Flexbox لضبط المحاذاة */
    justify-content: center; /* محاذاة المحتوى أفقيًا في المركز */
    align-items: center; /* محاذاة المحتوى رأسيًا في المركز */
    text-align: center; /* توسيط النص داخل العنصر */
    margin: 0 auto; /* توسيط العنصر نفسه */
    width: fit-content; /* ضبط العرض ليكون حسب محتوى النص */
    padding: 1rem; /* مساحة إضافية إذا لزم الأمر */
}
.footer-images img {
    height: 7.5rem;
 
}

.store-footer {
    background-color: #d4ab42;
  
}

.store-footer__inner.da-bgm{
    background-color: #514436;
}
salla-slider .swiper-wrapper {
   #justify-content: center;
}