/* web1/templates/blocks/single-post-tags/style.css — v2.0.0 */

.spt-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: var(--spt-align, flex-start);
    gap: var(--spt-tag-space, 8px);
}

.spt-additional-text {
    display: inline-block;
    flex-shrink: 0;
    margin-right: var(--spt-add-space, 4px);
    padding: var(--spt-add-pad, 0);
    color: var(--spt-add-color, inherit);
    background-color: var(--spt-add-bg, transparent);
    font-size: var(--spt-add-fs, inherit);
    font-weight: var(--spt-add-fw, inherit);
    font-style: var(--spt-add-fsy, normal);
    line-height: var(--spt-add-lh, inherit);
    text-transform: var(--spt-add-tt, none);
}

.spt-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spt-tag-space, 8px);
}

.spt-list li {
    display: inline-flex;
}

.spt-list a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: opacity 0.2s ease, background-color 0.2s, color 0.2s, border-color 0.2s;
    
    padding: var(--spt-tag-pad, 5px 10px);
    border: var(--spt-tag-bw, 1px) var(--spt-tag-bs, solid) var(--spt-tag-bc, transparent);
    border-radius: var(--spt-tag-br, 0px);
    color: var(--spt-tag-color, inherit);
    background-color: var(--spt-tag-bg, transparent);
    font-size: var(--spt-tag-fs, inherit);
    font-weight: var(--spt-tag-fw, inherit);
    font-style: var(--spt-tag-fsy, normal);
    line-height: var(--spt-tag-lh, inherit);
    text-transform: var(--spt-tag-tt, none);
}

.spt-list a:hover {
    opacity: 0.8;
}

/* Ẩn nhãn text nếu rỗng */
.spt-additional-text:empty {
    display: none;
}