/* رنگ‌های سفارشی اضافه شده */
    .bg-purple {
        background-color: #6f42c1 !important;
        color: white;
    }
    .bg-pink {
        background-color: #d63384 !important;
        color: white;
    }
    
    /* افکت هوور زیبا */
    .category-badge {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-weight: 500;
    }
    
    .category-badge:hover {
        transform: translateY(-3px) scale(1.02);
        box-shadow: 0 6px 12px rgba(0,0,0,0.15);
    }
    
    /* تغییر رنگ در حالت هوور برای هر رنگ */
    .bg-primary:hover { background-color: #0a58ca !important; transform: translateY(-3px); }
    .bg-success:hover { background-color: #146c43 !important; transform: translateY(-3px); }
    .bg-danger:hover { background-color: #a71d2a !important; transform: translateY(-3px); }
    .bg-warning:hover { background-color: #e6a700 !important; transform: translateY(-3px); }
    .bg-info:hover { background-color: #0dcaf0 !important; transform: translateY(-3px); }
    .bg-dark:hover { background-color: #0f1113 !important; transform: translateY(-3px); }
    .bg-secondary:hover { background-color: #4b5157 !important; transform: translateY(-3px); }
    .bg-purple:hover { background-color: #4a2a8f !important; transform: translateY(-3px); }
    .bg-pink:hover { background-color: #9e195f !important; transform: translateY(-3px); }