/* #المرحلة1: الألوان الأساسية (متغيرات ثيم رائد نفسها) */
:root {
  --color-primary: #5C3A20;
  --color-primary-dark: #3E2716;
  --color-primary-light: #F3E8D8;
  --color-primary-reverse: #FFFFFF;
}

body#app {
  background-color: #FAF3E7;
  color: #3A2A1D;
}

/* #المرحلة2: الهيدر والشعار */
.store-header {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E6D9C2;
}

.main-nav-container {
  background-color: #FFFFFF !important;
}

.navbar-brand img {
  border-radius: 8px;
}

.top-navbar {
  background-color: #FAF3E7;
}

/* #المرحلة3: البانرات (fixed-banner) */
.s-block--fixed-banner .banner {
  border-radius: 12px;
  overflow: hidden;
}

/* #المرحلة4: قسم "الميزات" (تسوق آمن / خدمة العملاء / شحن سريع) */
.s-block--features {
  background-color: #FFFFFF;
  padding: 32px 0;
}

.s-block--features__item .feature-icon {
  background-color: #F3E8D8;
  color: #5C3A20;
  border-radius: 50%;
}

.s-block--features__item h2 {
  color: #3A2A1D;
  font-size: 16px;
  font-weight: 600;
}

.s-block--features__item p {
  color: #8A7660;
  font-size: 13px;
}

/* #المرحلة5: سلايدر المنتجات (الأجهزة الثابتة / المحمولة) */
.s-block--best-offers .block-title,
.s-block-tabs .block-title {
  color: #5C3A20;
  font-weight: 700;
}

.s-product-card-entry {
  background-color: #FFFFFF;
  border: 1px solid #E6D9C2;
  border-radius: 12px;
}

.s-product-card-entry .s-product-card-price,
.s-product-card-entry .price {
  color: #5C3A20 !important;
  font-weight: 700;
}

.s-product-card-entry .sale-price,
.s-product-card-entry .old-price {
  color: #8A7660 !important;
  text-decoration: line-through;
}

/* #المرحلة6: الأزرار (أضف للسلة / السلة) */
salla-button[shape="default"],
.s-button-solid {
  background-color: #C97B2E !important;
  border-color: #C97B2E !important;
  color: #FFFFFF !important;
}

salla-cart-summary {
  color: #5C3A20;
}

/* #المرحلة7: الفوتر */
.store-footer {
  background-color: #3E2716;
  color: #F3E8D8;
}

.store-footer h3 {
  color: #FFFFFF;
}

.store-footer a {
  color: #E8D9C3;
}

.store-footer a:hover {
  color: #FFFFFF;
}

.copyright-text,
.copyright-text a {
  color: #C4A47E !important;
}