/**
 * 隽永东方品牌渐变 CTA — 全局光影扫过 + 呼吸光晕
 * 与 style.css 紫粉渐变按钮（.vc_btn3 / .rev-btn 等）配套，全站 enqueue。
 * 首页解决方案区原 ed-home-solution-cta.css 已合并至此。
 * 排除：为元素添加 .ed-cta-no-shimmer；自定义按钮可添加 .ed-brand-cta。
 */

@keyframes ed-brand-cta-glow-pulse {
	0%,
	100% {
		box-shadow:
			0 0 14px rgba(176, 45, 233, 0.45),
			0 0 28px rgba(240, 36, 246, 0.28),
			0 6px 24px rgba(130, 0, 250, 0.2),
			inset 0 1px rgba(255, 255, 255, 0.2);
	}
	50% {
		box-shadow:
			0 0 22px rgba(176, 45, 233, 0.65),
			0 0 42px rgba(240, 36, 246, 0.42),
			0 8px 32px rgba(130, 0, 250, 0.32),
			inset 0 1px rgba(255, 255, 255, 0.28);
	}
}

@keyframes ed-brand-cta-shimmer {
	0% {
		transform: translateX(-100%);
	}
	60%,
	100% {
		transform: translateX(200%);
	}
}

/* 与 style.css 品牌渐变 CTA 选择器对齐 */
:is(
	.vc_btn3-container .vc_btn3,
	.vc_btn3-left a,
	.vc_btn3-center a,
	.vc_btn3-inline a,
	.vc_btn3-right a,
	.ed-shopify-guide-cta__btn,
	.ed-shopify-seo-cta__btn,
	.rev-btn,
	.ed-brand-cta
):not(.ed-cta-no-shimmer) {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	animation: ed-brand-cta-glow-pulse 2.6s ease-in-out infinite;
}

:is(
	.vc_btn3-container .vc_btn3,
	.vc_btn3-left a,
	.vc_btn3-center a,
	.vc_btn3-inline a,
	.vc_btn3-right a,
	.ed-shopify-guide-cta__btn,
	.ed-shopify-seo-cta__btn,
	.rev-btn,
	.ed-brand-cta
):not(.ed-cta-no-shimmer)::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(
		105deg,
		transparent 0%,
		rgba(255, 255, 255, 0.45) 45%,
		transparent 70%
	);
	transform: translateX(-100%);
	pointer-events: none;
	mix-blend-mode: soft-light;
	animation: ed-brand-cta-shimmer 2.8s ease-in-out infinite;
}

/* 勿改 .vc_btn3-icon 的 position；WPB 右侧箭头为 absolute + right，改 relative 会导致错位 */

:is(
	.vc_btn3-container .vc_btn3,
	.vc_btn3-left a,
	.vc_btn3-center a,
	.vc_btn3-inline a,
	.vc_btn3-right a,
	.ed-shopify-guide-cta__btn,
	.ed-shopify-seo-cta__btn,
	.rev-btn,
	.ed-brand-cta
):not(.ed-cta-no-shimmer):hover {
	animation: none;
	box-shadow:
		0 0 24px rgba(176, 45, 233, 0.75),
		0 0 48px rgba(240, 36, 246, 0.5),
		0 0 72px rgba(130, 0, 250, 0.38),
		inset 0 1px rgba(255, 255, 255, 0.35) !important;
}

@media (prefers-reduced-motion: reduce) {
	:is(
		.vc_btn3-container .vc_btn3,
		.vc_btn3-left a,
		.vc_btn3-center a,
		.vc_btn3-inline a,
		.vc_btn3-right a,
		.ed-shopify-guide-cta__btn,
		.ed-shopify-seo-cta__btn,
		.rev-btn,
		.ed-brand-cta
	):not(.ed-cta-no-shimmer) {
		animation: none;
	}

	:is(
		.vc_btn3-container .vc_btn3,
		.vc_btn3-left a,
		.vc_btn3-center a,
		.vc_btn3-inline a,
		.vc_btn3-right a,
		.ed-shopify-guide-cta__btn,
		.ed-shopify-seo-cta__btn,
		.rev-btn,
		.ed-brand-cta
	):not(.ed-cta-no-shimmer)::after {
		animation: none;
		display: none;
	}
}