/**
 * Block Style: Elayne Ticker
 * Applied to core/group blocks with elayne-ticker className
 * Animated scrolling marquee for product categories.
 */

.elayne-ticker {
	overflow: hidden;
	border-top: 1px solid rgba(200, 169, 110, 0.2);
	border-bottom: 1px solid rgba(200, 169, 110, 0.2);
}

.elayne-ticker .elayne-ticker__track {
	display: flex;
	width: max-content;
	white-space: nowrap;
	animation: elayne-ticker-scroll 30s linear infinite;
}

.elayne-ticker .elayne-ticker__track .elayne-ticker__item {
	display: inline-flex;
	align-items: center;
	font-style: italic;
	font-weight: 300;
	font-size: var(--wp--preset--font-size--base);
	font-family: var(--wp--preset--font-family--heading);
	padding-right: 3rem;
}

.elayne-ticker .elayne-ticker__item strong {
	color: var(--wp--preset--color--gold);
	opacity: 0.7;
}

.elayne-ticker .elayne-ticker__item span[aria-hidden="true"] {
	color: var(--wp--preset--color--orange);
	padding: 0 0.75rem;
}

@keyframes elayne-ticker-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
