/* PS UX Builder Addons — Highlight Box */

.ps-uxb-highlight { --ps-hl-accent: #446084; --ps-hl-bg: #f3f5f7; --ps-hl-radius: 8px; --ps-hl-pad: 20px; display: flex; gap: 14px; padding: var(--ps-hl-pad); background: var(--ps-hl-bg); color: var(--ps-hl-color, inherit); border-radius: var(--ps-hl-radius); }
.ps-uxb-highlight--border-left { border-left: 4px solid var(--ps-hl-accent); }
.ps-uxb-highlight--border-top { border-top: 4px solid var(--ps-hl-accent); }
.ps-uxb-highlight--border-around { border: 1px solid var(--ps-hl-accent); }
.ps-uxb-highlight__icon { flex: 0 0 auto; font-size: 1.4em; line-height: 1.4; color: var(--ps-hl-accent); }
.ps-uxb-highlight__body { min-width: 0; }
.ps-uxb-highlight__title { display: block; margin-bottom: .3em; color: var(--ps-hl-accent); }
.ps-uxb-highlight__text p:last-child,
.ps-uxb-highlight__content p:last-child { margin-bottom: 0; }
.ps-uxb-highlight--small { font-size: .88em; }
.ps-uxb-highlight--large { font-size: 1.1em; }