/* Add custom CSS styles below */ 
body {
  /* تجاوز متغيرات الألوان لجعل النصوص بيضاء */
  --footer-text-color: #ffffff;
}

.store-footer__inner {
  background-image: url('https://cdn.files.salla.network/products/892122283/a2da3518-eb01-4250-b340-50049635e5c7_1440x480.webp'); /* استبدل هذا الرابط برابط الصورة الخاصة بك */
  background-size: cover; /* لتغطية الخلفية بالكامل */
  background-position: center; /* لتوسيط الصورة */
  background-repeat: no-repeat; /* لعدم تكرار الصورة */
  background-color: transparent !important; /* لإزالة أي لون خلفية سابق قد يتداخل مع الصورة */
}

/* لجعل الشريط السفلي (الحقوق وطرق الدفع) شفافاً أيضاً أو بلون يتناسب مع الصورة */
.footer-bottom {
  background-color: rgba(0, 0, 0, 0.5) !important; /* خلفية شبه شفافة أو لون يتناسب */
  color: #ffffff; /* لون نص أبيض */
}
.store-footer div.footer-bottom {
  background-image: url('https://cdn.files.salla.network/products/892122283/a2da3518-eb01-4250-b340-50049635e5c7_1440x480.webp'); /* استبدل هذا الرابط برابط الصورة الخاصة بك */
  background-size: cover; /* لتغطية الخلفية بالكامل */
  background-position: center; /* لتوسيط الصورة */
  background-repeat: no-repeat; /* لعدم تكرار الصورة */
  background-color: transparent !important; /* لإزالة أي لون خلفية سابق قد يتداخل مع الصورة */
  color: #ffffff; /* لجعل النصوص بيضاء وواضحة فوق الخلفية */
}

/* لجعل روابط الحقوق (sura boutique) بيضاء أيضاً */
.store-footer div.footer-bottom .footer-rights a {
  color: #ffffff !important;
}

/* لجعل أيقونات الدفع تظهر بشكل جيد فوق الخلفية الجديدة إذا كانت تتأثر بلون الخلفية */
.store-footer div.footer-bottom salla-payments img {
  filter: brightness(1.2); /* يمكن تعديل هذا لجعل الأيقونات أكثر إشراقاً أو وضوحاً */
}