.ds-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
    align-items: center;
}

.ds-tags-left { justify-content: flex-start; }
.ds-tags-right { justify-content: flex-end; }

.ds-tag-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
 
    border-radius: 999px;
    background: var(--ui-bg-main);
    border: 1px solid var(--ui-border-color, #DCE3E8);
    line-height: 1.6;
    text-decoration: none;
	padding: 8px 14px !important;
    background: var(--ui-surface, #EEF2F5);
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    color: var(--ui-text-main, #374151) !important;
    transition: all 0.2s ease;
}

.ds-tag-item:hover {
    background: var(--ui-primary, #E89200);
    color: var(--ui-gray-50, #151A1F) !important;
    border-color: var(--ui-primary, #E89200);
    transform: translateY(-1px);
}

.ds-tag-count {
    min-width: 22px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ui-text-main);
    font-size: .7rem;
    font-weight: 800;
}

.ds-tag-item:hover .ds-tag-count {

    color: var(--ui-gray-50);
}

/* حالت «فعال/جاری» برای [ds_related_terms] — وقتی exclude_current="no"
   باشد و ترمِ آرشیوِ جاری هم داخل لیست نمایش داده شود، با رنگ اصلی سایت
   (نه صرفاً هاور) از بقیه متمایز می شود. */
.ds-tag-item.is-current {
    background: var(--ui-primary, #E89200);
    color: var(--ui-btn-primary-text, #151A1F);
    border-color: var(--ui-primary, #E89200);
}

.ds-tag-item.is-current .ds-tag-count {
    background: rgba(0, 0, 0, .12);
    color: var(--black, #202020);
}

@media (max-width: 480px) {
    .ds-tags-wrapper { gap: 8px; }
    .ds-tag-item { padding: 5px 12px !important; font-size: .72rem !important; gap: 6px; }
    .ds-tag-count { min-width: 19px; height: 19px; padding: 0 6px; font-size: .65rem; }
}