/**
 * Headline Analyzer - Hero Section
 *
 * Tool-specific overrides for the shared .tool-hero component.
 * Adds blob background with plasma filter effect.
 *
 * @package AgenticWP
 */

/* ============================================
   Hero Theme Overrides
   ============================================ */

.headline-hero {
	--tool-gradient-from: #faf5ff;
	--tool-accent-color: var(--headline-accent);
	--tool-accent-gradient: var(--gradient-violet);
}

/* Blob Background Customization */
.headline-background {
	filter: url('#headline-plasma');
}

.headline-blob {
	background: radial-gradient(
		circle,
		var(--feature-headline-bg) 0%,
		rgba(237, 233, 254, 0.1) 100%
	);
}

/* Blob animations with unique timings */
#headline-blob-1 {
	animation: blob-float-1 22s ease-in-out infinite;
}

#headline-blob-2 {
	animation: blob-float-2 26s ease-in-out infinite 3s;
}

#headline-blob-3 {
	animation: blob-float-3 24s ease-in-out infinite 6s;
}

#headline-blob-4 {
	animation: blob-float-4 28s ease-in-out infinite 2s;
}

#headline-blob-5 {
	animation: blob-float-5 30s ease-in-out infinite 5s;
}