/*
 * Creatives Link Styles — static base rules.
 * Dynamic, option-driven CSS is attached to this stylesheet at runtime
 * via wp_add_inline_style(). Only effect keyframes live here.
 *
 * cls-line-up and cls-cover-up animate background-size rather than
 * transform, so they render correctly on links that wrap across multiple
 * lines (see build_css()/effect_css() in the frontend class for why).
 * Both were originally adapted from "Line Hover Styles for Links" by
 * Codrops (https://github.com/codrops/LineHoverStyles), MIT License,
 * (c) 2009-2021 Codrops — see assets/vendor/ for the full license.
 */

/* Squiggle: wave tile is 16x6 (see frontend class); scroll one tile width. */
@keyframes cls-squiggle {
	from { background-position-x: 0; }
	to   { background-position-x: 16px; }
}

/* Kale: a thick line wipes up to full height, then settles back to a thin
   line that remains — bottom edge stays anchored throughout. */
@keyframes cls-line-up {
	0%   { background-size: 100% 0px; }
	50%  { background-size: 100% 10px; }
	100% { background-size: 100% 2px; }
}

/* Mneme: a solid cover grows down over the text, then retreats back up. */
@keyframes cls-cover-up {
	0%   { background-size: 100% 0%; }
	40%  { background-size: 100% 100%; }
	100% { background-size: 100% 0%; }
}

/* Respect visitors who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
	a, a::before, a::after {
		animation: none !important;
		transition: none !important;
	}
}