/* Add custom CSS styles below */ 
/* إخفاء صندوق البحث العلوي */
.header-search,
.search-form,
[class*="search-bar"],
[class*="searchbar"] {
  display: none !important;
}
.custom-search-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  margin-right: 8px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1.5px solid #ddd;
}

.custom-search-btn svg {
  width: 18px;
  height: 18px;
  stroke: #4a4a4a;
  stroke-width: 1.8;
  fill: none;
}

/* بوكس البحث */
.custom-search-box {
  display: none;
  position: absolute;
  top: 60px;
  right: 120px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 8px 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  z-index: 9999;
  width: 280px;
}

.custom-search-box input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: inherit;
  direction: rtl;
}

.custom-search-box.active {
  display: flex;
  align-items: center;
  gap: 8px;
}

}
#mainnav .navbar-brand img,
.main-nav-container .navbar-brand img {
  max-height: 80px !important;
  max-width: 150px !important;
  width: auto !important;
  height: auto !important;
}
/* 1. تغيير خلفية المتجر بالكامل للون البيج الفاتح (الخيار الثالث) */
body, 
.main-content, 
.footer, 
section.section {
    background-color: #faf7f2 !important;
}

/* 2. تنظيف خلفية الهيدر الأساسي (اللي فيه اللوجو) عشان يفضل منور */
.main-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #eee1d0 !important; /* خط رفيع جداً بلون متناسق */
}

/* 3. كروت المنتجات: خلي خلفيتها بيضاء صريحة عشان العباية السوداء تنطق فوق الخلفية الكريمي */
.product-card, 
.product-item {
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important; /* ظل خفيف جداً للفخامة */
}

/* 4. خلفية الأقسام الجانبية أو القوائم لو موجودة */
.side-menu, 
.modal-content {
    background-color: #faf7f2 !important;
}
/* إخفاء سياسة الاستخدام ومن نحن */
.s-menu-topnav-list,
salla-menu[topnav] {
  display: none !important;
}
/* لون الهيدر بيج */
#mainnav,
.main-nav-container {
  background: #FAF7F2 !important;
}