/**
 * Sticky Promo Bar — Style 5: Marquee Scroll
 *
 * The message scrolls continuously across a dark bar ( pausing on hover ),
 * with the button and close pinned in place. The shared marquee skeleton
 * lives in the common file; this paints the chrome.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-promo.captwiki-style-5 .captwiki-promo__bar {
	background: #111827;
	justify-content: flex-start;
}

.captwiki-promo.captwiki-style-5 .captwiki-promo__badge {
	background: var( --captwiki-promo-accent );
}

.captwiki-promo.captwiki-style-5 .captwiki-promo__btn {
	background: var( --captwiki-promo-accent );
}

/* Soft fade on the marquee edges. */
.captwiki-promo.captwiki-style-5 .captwiki-promo__marquee {
	-webkit-mask-image: linear-gradient( 90deg, transparent, #000 32px, #000 calc( 100% - 32px ), transparent );
	mask-image: linear-gradient( 90deg, transparent, #000 32px, #000 calc( 100% - 32px ), transparent );
}
