/* إزالة الألوان الحمراء والوردية من صفحة الفئات */

/* تغيير لون شارة "مميز" من أحمر إلى أزرق */
.featured-badge,
.product-badge.featured {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
}

/* تغيير لون شارة "جديد" من أحمر إلى أخضر */
.new-badge,
.product-badge.new {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3) !important;
}

/* تغيير لون "نفذ المخزون" من أحمر إلى رمادي */
.out-of-stock {
    color: #6b7280 !important;
}

.out-of-stock i {
    color: #6b7280 !important;
}

/* تغيير لون الإشعارات الحمراء */
.notification-error {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
}

/* تغيير لون الأزرار الحمراء */
.btn-danger {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
}

.btn-danger:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%) !important;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4) !important;
}

/* تغيير لون أي عناصر حمراء أخرى */
[style*="#ff6b6b"],
[style*="#ee5a24"],
[style*="#ec4899"],
[style*="#db2777"] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* تغيير لون النصوص الحمراء */
[style*="color: #ff6b6b"],
[style*="color: #ee5a24"],
[style*="color: #ec4899"],
[style*="color: #db2777"] {
    color: #667eea !important;
}