/**
 * Sticky Promo Bar — Style 2: Gradient Glow
 *
 * A slowly shifting gradient backdrop with a soft glow under the bar — eye
 * catching for big sales.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-promo.captwiki-style-2 .captwiki-promo__bar {
	background: linear-gradient( 110deg, var( --captwiki-promo-accent ), #d946ef, #f97316, var( --captwiki-promo-accent ) );
	background-size: 300% 100%;
	animation: captwiki-promo-glow 9s ease infinite;
	box-shadow: 0 4px 22px color-mix( in srgb, var( --captwiki-promo-accent ) 45%, transparent );
}

@keyframes captwiki-promo-glow {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.captwiki-promo.captwiki-style-2 .captwiki-promo__badge {
	background: rgba( 255, 255, 255, 0.22 );
	color: #ffffff;
	backdrop-filter: blur( 4px );
}

.captwiki-promo.captwiki-style-2 .captwiki-promo__btn {
	background: #ffffff;
	color: #111827;
}

@media ( prefers-reduced-motion: reduce ) {
	.captwiki-promo.captwiki-style-2 .captwiki-promo__bar {
		animation: none;
	}
}
