.ks-supply-filter-widget {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ks-supply-filter-widget li {
    margin: 0.4em 0;
}

.ks-supply-filter-widget a {
    display: block;
    padding: 0.55em 1em;
    border-radius: 6px;
    text-decoration: none;
    color: #374151;
    background-color: #f3f4f6;
    transition: all 0.18s ease;
}

.ks-supply-filter-widget a:hover {
    background-color: #e5e7eb;
}

.ks-supply-filter-widget li.active a {
    background-color: #10b981;
    color: white;
    font-weight: 500;
}

/* برای تم‌های تیره یا سفارشی می‌توانید media query اضافه کنید */
@media (prefers-color-scheme: dark) {
    .ks-supply-filter-widget a {
        background-color: #374151;
        color: #f3f4f6;
    }
    .ks-supply-filter-widget a:hover {
        background-color: #4b5563;
    }
}