/* ① الهيدر: توضيح الأيقونات */
.site-header *, header * {
    color: #f1f1f1 !important;
    fill: #f1f1f1 !important;
}

/* ✅ تحسين لون العملة والإشعارات */
.currency-selector, .wallet-info, .balance-display, .cart-amount {
    color: #2b2b2b !important;
    font-weight: bold;
}

.notification-badge, .cart-badge {
    background-color: #fdd835 !important;
    color: #222 !important;
}

/* ② أزرار التصنيفات */
button, .tabs button, .btn, .filter-button {
    background-color: #42464e !important;
    color: #fdfdfd !important;
    border-radius: 10px;
    border: none;
    padding: 10px 16px;
    font-weight: bold;
}

button:hover {
    background-color: #61656c !important;
}

/* ③ عنوان المنتج */
.product-title, .product-name {
    color: #ffffff !important;
    font-size: 18px;
    font-weight: 700;
}

/* ④ وصف المنتج */
.product-card .card-content, .product-description, .product .description {
    color: #dcdcdc !important;
    font-size: 14px;
    line-height: 1.6;
}

/* ⑤ زر "إضافة للسلة" */
.add-to-cart-button {
    background-color: #ff7043 !important;
    color: #fff !important;
    font-weight: bold;
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.add-to-cart-button:hover {
    background-color: #f4511e !important;
}

/* ⑥ العنصر الشريطي الغامض في اليسار */
body > div:nth-child(1) > div[style*="position: fixed"],
body > .weird-element, .side-stripe, .ghost-bar {
    display: none !important;
}

/* ✅ تغيير لون خلفية قسم البروفايل (الشعار والاسم والوصف) */
.profile-header, .store-profile, .store-header, .vendor-info, .profile-container {
    background-color: #3a3d45 !important;
    color: #ffffff !important;
}

/* توضيح جميع النصوص داخل القسم */
.profile-header *, .store-profile *, .vendor-info * {
    color: #ffffff !important;
}