.top-navbar {
  background-color: #ded0c1; /* هاللون يتحط منظوم */
}

/* تكبير اللوجو في الهيدر */
.navbar-brand img {
  max-height: 1000px !important; /* كبّر الرقم حسب اللي يناسبك */
  height: !important;
  width: 1500px !important;
}





/* خلفية صفحات المنتجات والتصنيفات فقط */
body:has(salla-products-list) {
  background-color: #dfd1c2 !important;
}


/* خط أبيض فوق الفوتر في صفحات المنتجات والتصنيفات فقط */
body:has(salla-products-list) .store-footer {
  border-top: 1px solid #f3f4f6 !important;
}

/* تغيير لون كروت المنتجات في صفحة المنتج */
.s-product-card-entry {
  background-color: #dfd1c2 !important;
}



/* لون خلفية الفوتر */
:root {
  --footer-bg-color: #dfd1c2;
}

/* إجبار الفوتر على استخدام اللون الجديد حتى لو الثيم يلوّنه بالـ primary */
.footer-is-light .store-footer,
.footer-is-light .store-footer .store-footer__inner,
.store-footer,
.store-footer__inner {
  background-color: var(--footer-bg-color) !important;
}

/* --- Footer-only rules extracted/adapted --- */
.footer-is-light .store-footer .store-footer__inner { border-bottom: 0 !important; }
.store-footer { margin-top: 0; }
.store-footer__inner { padding-top: 2rem; }

.footer-is-light .store-footer { 
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
   margin-top: 15px !important;
}

/* العناوين داخل الفوتر */
.store-footer h3 {
  color: var(--color-primary) !important;
  background: var(--color-primary2);
  border-radius: 8px;
  font-weight: 700;
  padding-top: .2rem;
  width: 100%;
  padding-bottom: .3rem;
}

/* عنوان قسم السوشيال */
.contact-social::before {
  content: "تابعنا";
  font-size: 20px;
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
  padding-top: .3rem;
  width: 100%;
  padding-bottom: .3rem;
  color: var(--color-primary) !important;
  background: var(--color-primary2);
  border-radius: 8px;
}

/* أيقونات سوشيال بالفوتر */
.footer-is-light .store-footer .contact-social ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  
}

/* محاذاة عناصر الفوتر للمنتصف (نفس سلوكك السابق) */
.store-footer a,
.store-footer .contact-social ul,
.footer-is-light .store-footer .store-footer__inner {
  text-align: center !important;
  justify-content: center !important;
  align-items: center;
  
}

salla-social.s-social-list.hydrated {
    justify-content: center;
    
}