/* PS UX Builder Addons — Post Carousel nổi bật */

.ps-uxb-postcarousel { --ps-pc-height: 460px; --ps-pc-overlay: #0f1b2b; --ps-pc-alpha: .45; }
.ps-uxb-postcarousel--full { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.ps-uxb-postcarousel .ps-uxb-carousel__slide-inner { height: var(--ps-pc-height); }
.ps-uxb-postcarousel .ps-uxb-post--hero { height: 100%; border-radius: var(--ps-post-radius, 8px); }
.ps-uxb-postcarousel .ps-uxb-post--hero::after { background: rgba(15, 27, 43, var(--ps-pc-alpha)); background-color: color-mix(in srgb, var(--ps-pc-overlay) calc(var(--ps-pc-alpha) * 100%), transparent); }
.ps-uxb-postcarousel--gradient .ps-uxb-post--hero::after { background: linear-gradient(to top, rgba(10, 16, 26, .88) 0%, rgba(10, 16, 26, .4) 50%, rgba(10, 16, 26, .05) 100%); }
.ps-uxb-postcarousel .ps-uxb-post--hero .ps-uxb-post__body { padding: 34px; }
.ps-uxb-postcarousel .ps-uxb-post--hero .ps-uxb-post__title { font-size: var(--ps-post-feature-title-size, var(--ps-post-title-size, clamp(1.3rem, 2.4vw, 2.1rem))); }

.ps-uxb-postcarousel--pos-bottom-center .ps-uxb-post--hero .ps-uxb-post__body { align-items: center; text-align: center; }
.ps-uxb-postcarousel--pos-center-center .ps-uxb-post--hero .ps-uxb-post__body { justify-content: center; align-items: center; text-align: center; }
.ps-uxb-postcarousel--pos-center-left .ps-uxb-post--hero .ps-uxb-post__body { justify-content: center; }

@media (max-width: 549px) {
	.ps-uxb-postcarousel .ps-uxb-carousel__slide-inner { height: max(240px, calc(var(--ps-pc-height) * .68)); }
	.ps-uxb-postcarousel .ps-uxb-post--hero .ps-uxb-post__body { padding: 20px; }
}
