/* Infinite sliders */
@keyframes wordpresers-slide-left {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@keyframes wordpresers-slide-right {
	from { transform: translateX(-50%); }
	to { transform: translateX(0); }
}

.wordpresers-slider-track {
	display: flex;
	gap: 1.5rem;
	width: max-content;
	will-change: transform;
}

.wordpresers-slider-track--left {
	animation: wordpresers-slide-left 50s linear infinite;
}

.wordpresers-slider-track--right {
	animation: wordpresers-slide-right 50s linear infinite;
}

/* Task marquee */
@keyframes wordpresers-task-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.wordpresers-task-track {
	display: flex;
	width: max-content;
	gap: 0.75rem;
	padding: 0.5rem 0;
	animation: wordpresers-task-marquee 45s linear infinite;
	will-change: transform;
}

.wordpresers-task-track:hover {
	animation-play-state: paused;
}

.wordpresers-task-pill {
	flex-shrink: 0;
	padding: 0.5rem 1rem;
	border-radius: 9999px;
	font-size: 0.875rem;
	font-weight: 500;
	white-space: nowrap;
	background: rgba(56, 88, 233, 0.1);
	color: #3858e9;
	border: 1px solid rgba(56, 88, 233, 0.2);
}

/* FAQ accordion */
.wordpresers-faq-panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.wordpresers-faq-item.is-open .wordpresers-faq-panel {
	max-height: var(--faq-height, 500px);
}

.wordpresers-faq-item.is-open .wordpresers-faq-chevron {
	transform: rotate(180deg);
}

.wordpresers-faq-chevron {
	transition: transform 0.3s ease;
}

/* Pricing FAQ */
.wordpresers-pricing-faq-panel {
	display: none;
}

.wordpresers-pricing-faq-item.is-open .wordpresers-pricing-faq-panel {
	display: block;
}

.wordpresers-pricing-faq-item.is-open .wordpresers-pricing-faq-chevron {
	transform: rotate(180deg);
}