/* =========================================================================
   Underline-highlight for <em><strong> inside WPBakery text blocks.
   Same look as the plugin's heading highlight; revealed on scroll by
   highlight-anim.js (starts hidden, grows left to right after a short delay).
   Bold + italic already come from <strong>/<em> — this only adds the gradient.
   ========================================================================= */

.wpb_text_column em strong,
.wpb_text_column strong em {
	background-image: linear-gradient(to right, #00A1B180 0, rgba(255, 107, 48, 0.01) 100%);
	background-repeat: no-repeat;
	background-position: 0 78%;
	background-size: 0% 0.4em;
	transition: background-size 1.04s cubic-bezier(0.19, 1, 0.22, 1);
}
.wpb_text_column em strong.nhc-hl-in,
.wpb_text_column strong em.nhc-hl-in {
	background-size: 100% 0.4em;
}

@media (prefers-reduced-motion: reduce) {
	.wpb_text_column em strong,
	.wpb_text_column strong em { transition: none; }
}