/* ===== الخلفية العامة للموقع (بدون الشريط الإعلاني) ===== */
html,
body,
main,
.s-layout,
.s-layout-content {
  background-color: #E5DAC9 !important;
}

/* ===== الهيدر (بدون الشريط الإعلاني) ===== */
salla-header,
.s-header-main,
.s-header-wrapper,
header,
.s-header-mid,
.s-header-bottom {
  background-color: #E5DAC9 !important;
}

/* ===== الفوتر ===== */
salla-footer,
footer,
.s-footer-main,
.s-footer-wrapper,
.s-footer-top,
.s-footer-bottom {
  background-color: #E5DAC9 !important;
}

/* ===== صندوق البحث ===== */
salla-search-input,
salla-search-input input,
.s-search-input,
.s-header-search input,
input[type="search"] {
  background-color: #FFFFFF !important;
  color: #724C42 !important;
  border: 1px solid #E5DAC9 !important;
}

/* ===== لون الكتابة العام (باستثناء الشريط الإعلاني بالكامل) ===== */
body *:not(.s-announcement-bar):not(.s-announcement-bar *):not(salla-announcement-bar):not(salla-announcement-bar *):not(.s-top-bar):not(.s-top-bar *) {
  color: #724C42 !important;
}

/* ===== العناوين الرئيسية Bold (باستثناء الشريط الإعلاني) ===== */
h1:not(.s-announcement-bar *),
h2:not(.s-announcement-bar *),
h3:not(.s-announcement-bar *),
.s-block-title:not(.s-announcement-bar *),
.s-block-header-title,
.s-page-title,
.s-banner-title,
.s-section-title {
  font-weight: bold !important;
  color: #724C42 !important;
}

/* ===== باقي النصوص Regular ===== */
h4, h5, h6,
p, span, a, li, label,
.s-product-card-title,
.s-product-card-price {
  font-weight: 400 !important;
}

/* ===== العنوان الترويجي (بانر/سلايدر) دائماً أبيض ===== */
.s-slider-title,
.s-banner-content-title,
.s-slide-title,
.s-hero-title {
  color: #FFFFFF !important;
}

/* ===== العنوان الفرعي دائماً Bold ===== */
.s-slider-subtitle,
.s-banner-content-subtitle,
.s-slide-subtitle,
.s-hero-subtitle {
  font-weight: bold !important;
}

/* ===== تصغير مميزات المتجر ===== */
.s-store-features,
.s-features-block,
salla-features,
.s-block-features {
  font-size: 12px !important;
  padding: 6px !important;
}

.s-store-features img,
.s-features-block img,
salla-features img,
.s-block-features img,
.s-store-features svg,
.s-features-block svg,
salla-features svg,
.s-block-features svg {
  width: 28px !important;
  height: 28px !important;
}

/* ============================
   تجاوب مع الجوال
============================ */
@media (max-width: 768px) {
  salla-search-input input,
  .s-search-input {
    font-size: 14px;
    padding: 8px 12px;
  }

  h1, h2, h3,
  .s-block-title,
  .s-page-title {
    font-size: 20px !important;
  }

  body, p, span, a, li {
    font-size: 14px !important;
  }

  .s-store-features,
  .s-features-block,
  salla-features {
    font-size: 11px !important;
  }
}

/* ============================
   تجاوب مع اللابتوب/الشاشات الكبيرة
============================ */
@media (min-width: 1024px) {
  h1, h2, h3,
  .s-block-title,
  .s-page-title {
    font-size: 28px !important;
  }

  body, p, span, a, li {
    font-size: 16px !important;
  }
}
/* ===== توحيد لون أيقونة المستخدم (تسجيل الدخول) مع لون النصوص ===== */
.s-user-menu-login-btn svg,
.s-user-menu-login-btn svg path {
  fill: #724C42 !important;
  color: #724C42 !important;
}

.s-user-menu-login-btn {
  color: #724C42 !important;
}