.wp-block-surge-blocks-shimmer-text {
	/* Keep wrapper mostly unopinionated so block supports can style it (spacing, background, borders, etc.). */
}

.wp-block-surge-blocks-shimmer-text .surge-shimmer-text__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px;
	width: 100%;
	height: 100%;
}

.wp-block-surge-blocks-shimmer-text .surge-shimmer-text__motion {
	position: relative;
	overflow: hidden;
	padding: 8px 16px;
}

.wp-block-surge-blocks-shimmer-text .surge-shimmer-text__title {
	position: relative;
	margin: 0;
	color: inherit;
}


.wp-block-surge-blocks-shimmer-text .surge-shimmer-text__title::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	pointer-events: none;

	background: linear-gradient(
		to right,
		currentColor,
		var(--surge-shimmer-shine-color, #999999),
		currentColor
	);
	background-size: 200% 100%;
	background-position: 200% center;

	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;

	animation-name: surge-shimmer-text-gradient;
	animation-duration: var(--surge-shimmer-duration, 2.5s);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}



@keyframes surge-shimmer-text-gradient {
	0% {
		background-position: 200% center;
	}
	100% {
		background-position: -200% center;
	}
}

/* Small editor polish: ensure selection highlights remain readable */
.editor-styles-wrapper .wp-block-surge-blocks-shimmer-text .surge-shimmer-text__title::selection {
	-webkit-text-fill-color: #ffffff;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.65);
}