/* PS UX Builder Addons — Post List đánh số */

.ps-uxb-postlist { --ps-pl-thumb: 90px; --ps-pl-number: 20px; }
.ps-uxb-postlist__items { margin: 0; padding: 0; list-style: none; counter-reset: none; }
.ps-uxb-postlist__item + .ps-uxb-postlist__item { margin-top: var(--ps-post-gap, 24px); }
.ps-uxb-postlist--divider .ps-uxb-postlist__item + .ps-uxb-postlist__item { padding-top: var(--ps-post-gap, 24px); border-top: 1px solid rgba(15, 27, 43, .1); }
.ps-uxb-postlist .ps-uxb-post--row { align-items: center; gap: 14px; }
.ps-uxb-postlist--thumb-right .ps-uxb-post--row { flex-direction: row-reverse; }
.ps-uxb-postlist--thumb-right .ps-uxb-post--row .ps-uxb-post__number { order: -1; }

.ps-uxb-postlist .ps-uxb-post__number { width: calc(var(--ps-pl-number) * 1.9); height: calc(var(--ps-pl-number) * 1.9); border-radius: 50%; background: var(--ps-post-accent); color: #fff; }
.ps-uxb-postlist--num-square .ps-uxb-post__number { border-radius: 6px; }
.ps-uxb-postlist--num-outline .ps-uxb-post__number { width: auto; height: auto; background: none; color: transparent; -webkit-text-stroke: 1.5px var(--ps-post-accent); font-size: calc(var(--ps-pl-number) * 1.8); }
.ps-uxb-postlist--num-plain .ps-uxb-post__number { width: auto; height: auto; background: none; color: var(--ps-post-accent); }

.ps-uxb-postlist--numpos-thumb .ps-uxb-post--row { position: relative; }
.ps-uxb-postlist--numpos-thumb .ps-uxb-post__number { position: absolute; top: 0; left: 0; z-index: 3; width: calc(var(--ps-pl-number) * 1.6); height: calc(var(--ps-pl-number) * 1.6); border-radius: 0 0 6px 0; }
.ps-uxb-postlist--numpos-thumb.ps-uxb-postlist--thumb-right .ps-uxb-post__number { left: auto; right: 0; border-radius: 0 0 0 6px; }
.ps-uxb-postlist--numpos-thumb .ps-uxb-post--no-image .ps-uxb-post__number { position: static; border-radius: 50%; }