/* --- إعداد ألوان وهوية المتجر --- */
:root {
  --primary-color: #f4faeb;   
  --primary-dark: #3a7b76;    
  --secondary-color: #ffe6f0;  
  --bg-color: #F9FBFC;         
  --text-color: #1a1a1a;       
  --muted-text: #777777;       
  --border-soft: #eeeeee;      

  /* --- الزوايا --- */
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;

  /* --- التأثيرات --- */
  --shadow-soft: 0 10px 25px rgba(0, 0, 0, 0.05);
  --transition-fast: 0.2s ease-in-out;
}

/* --- استهداف كافة خلفيات متجر سلة الإجبارية --- */
html, body, .salla-theme, #app, .store-content, .main-content {
  background-color: #F9FBFC !important;
  background: #F9FBFC !important;
  color: var(--text-color);
}

/* --- الهيدر والقائمة العلوية --- */
.header,
.site-header,
.main-header {
  background: #ffffff !important;
  box-shadow: var(--shadow-soft);
  border-bottom: 1px solid #f1f1f1;
}

.header__container,
.site-header__container,
.main-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-block: 10px;
}