/* ===================================================
   1. تلوين الهيدر بالكامل (العلوي والسفلي) باللون الأسود
   =================================================== */
salla-header,
header,
.site-header,
.main-header,
.top-header,
.header-bottom,
[class*="header"] {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* ===================================================
   2. إجبار كافة الخلفيات والبلوكات الداخلية جوا الهيدر تكون شفافة ليظهر الأسود
   =================================================== */
salla-header *,
header *,
.site-header *,
.main-header * {
    background-color: transparent !important;
    background: transparent !important;
}

/* ===================================================
   3. تحويل جميع النصوص والروابط والقوائم للأبيض الصريح عشان تظهر
   =================================================== */
salla-header a, salla-header span, salla-header p, salla-header li, salla-header div,
header a, header span, header p, header li, header div,
.site-header a, .site-header span, .nav-link, .menu-item {
    color: #ffffff !important;
}

/* ===================================================
   4. تخصيص مربع البحث ليكون بلون رمادي داكن احترافي متناسق
   =================================================== */
salla-header input,
header input,
header input[type="text"],
header input[type="search"],
.search-input,
.salla-search-input {
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important; /* لون كتابة العميل داخل البحث */
}

/* تلوين نص "ادخل كلمة البحث" الافتراضي */
salla-header input::placeholder,
header input::placeholder {
    color: #a3a3a3 !important;
}

/* ===================================================
   5. تحويل كافة الأيقونات والرموز (السلة، الحساب، العدسة) للون الأبيض
   =================================================== */
salla-header i, salla-header svg,
header i, header svg,
.icon-wrapper,
.main-menu i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ===================================================
   6. استثناءات هامة (الأحمر للتخفيضات وشارة السلة)
   =================================================== */
/* الحفاظ على لون قسم التخفيضات باللون الأحمر */
header a[href*="discount"] span,
header a[href*="offers"] span,
.text-danger,
[class*="discount"] {
    color: #ff0000 !important;
}

/* الحفاظ على خلفية شارة عدد منتجات السلة باللون الأحمر الدائري */
header .badge,
header [class*="badge"],
salla-header .cart-badge,
.salla-cart-badge,
.badge-danger {
    background-color: #ff0000 !important;
    background: #ff0000 !important;
    color: #ffffff !important;
}