/**
 * SERP Preview - Accessibility Styles
 *
 * Consolidated reduced motion and accessibility preferences.
 * All prefers-reduced-motion rules from SERP Preview CSS files.
 *
 * @package AgenticWP
 */

/* ============================================
   Shared Animation Keyframe
   ============================================ */

/* Standard spin for elements positioned at their origin */
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Centered spin for absolutely positioned elements */
@keyframes spin-centered {
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/* ============================================
   Reduced Motion Preferences
   ============================================ */

@media (prefers-reduced-motion: reduce) {
	/* Form elements (form.css) */
	.serp-input,
	.char-counter-fill,
	.serp-fetch-row .btn-loading {
		transition: none;
		animation: none;
	}

	/* Control elements (controls.css) */
	.theme-toggle,
	.theme-toggle-icon,
	.device-tab,
	#serp-export-btn.is-loading::after {
		transition: none;
		animation: none;
	}

	/* Toast reduced-motion consolidated in shared/components.css */

	/* Truncation warnings (warnings.css) */
	.truncation-warning {
		animation: none;
	}

	.truncation-warning__dismiss,
	.truncation-tooltip {
		transition: none;
	}

	/* Device frames (device-frames.css) */
	.device-frame {
		transition: none;
	}

	/* Preview layout (preview.css, responsive.css) */
	.serp-preview-wrapper {
		transition: none;
	}

	/* AI Overview (ai-overview.css) */
	.ai-overview-indicator {
		animation: none;
	}

	.ai-overview-toggle,
	.ai-overview-toggle svg {
		transition: none;
	}

	/* SERP result elements (serp-result.css) */
	.serp-title,
	.serp-description {
		transition: none;
	}
}