/**
 * Animated Marquee — Style 2: Pill Tags
 *
 * Every item becomes a soft, rounded accent-tinted pill. On hover the pill fills
 * with the solid accent colour and lifts slightly. Separators are hidden by
 * default-look but still respected if enabled.
 *
 * @package captain-widgets-kit
 * @since   1.6.0
 */

.captwiki-marquee.captwiki-style-2 .captwiki-marquee__item {
	padding: 9px 20px;
	font-size: 15px;
	font-weight: 600;
	color: var( --captwiki-mq-accent );
	background: color-mix( in srgb, var( --captwiki-mq-accent ) 12%, transparent );
	border-radius: 999px;
}

.captwiki-marquee.captwiki-style-2 .captwiki-marquee__item:hover {
	color: #ffffff;
	background: var( --captwiki-mq-accent );
	transform: translateY( -2px );
	box-shadow: 0 10px 18px -10px var( --captwiki-mq-accent );
}

.captwiki-marquee.captwiki-style-2 .captwiki-marquee__item-icon {
	color: inherit;
}

.captwiki-marquee.captwiki-style-2 .captwiki-marquee__sep {
	font-size: 6px;
	opacity: 0.4;
}
