/* Add custom CSS styles below */
/* Add custom CSS styles below */

/* خلفية الجزء العلوي (الهيدر) */
header,
.site-header,
.header {
  background-color: #F9FAFC;
}

/* توسيط الشعار */
header .logo,
.site-header .logo,
.header .logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* تأكيد إن الشعار بالنص */
header img,
.site-header img,
.header img {
  margin: 0 auto;
  display: block;
}
/* خلفية الهيدر كاملة */
.store-header,
.store-header * {
  background-color: #F9FAFC !important;
}

/* توسيط الشعار */
.store-header .container {
  justify-content: center !important;
}

/* إخفاء توزيع اليمين واليسار */
.store-header .flex.justify-between {
  justify-content: center !important;
}

/* الشعار بالنص */
.store-header img {
  display: block;
  margin: 0 auto;
}
/* لون خلفية المتجر كامل (رصاصي فاتح) */
body {
  background-color: #F3F4F6;
}

/* جميع الأقسام داخل المتجر */
main,
.main-content,
section,
footer {
  background-color: #F3F4F6;
}

/* استثناء الهيدر (يظل أبيض F9FAFC) */
.store-header,
.store-header * {
  background-color: #F9FAFC !important;
}
/* زر إضافة للسلة: زيتي + كلام رصاصي + نبض */
.salla-button button.s-button-element,
button.s-button-element.s-button-btn,
.s-button-element.s-button-btn {
  background-color: #1F3D3A !important; /* زيتي قريب من الشعار */
  border-color: #1F3D3A !important;
  color: #F3F4F6 !important; /* رصاصي نفس خلفية المتجر */
  animation: pulse-cart 1.6s infinite;
}

/* أيقونة السلة داخل الزر */
.salla-button button.s-button-element svg,
button.s-button-element.s-button-btn svg {
  fill: #F3F4F6 !important;
  stroke: #F3F4F6 !important;
}

/* نبض ناعم */
@keyframes pulse-cart {
  0%   { box-shadow: 0 0 0 0 rgba(31,61,58,.45); transform: scale(1); }
  70%  { box-shadow: 0 0 0 12px rgba(31,61,58,0); transform: scale(1.05); }
  100% { box-shadow: 0 0 0 0 rgba(31,61,58,0); transform: scale(1); }
}
/* إخفاء خانة البحث في الهيدر */
.store-header .search,
.store-header form[action*="search"],
.store-header input[type="search"],
.store-header .salla-search,
.store-header .header-search {
  display: none !important;
}