/*
 * Registration hero — slide-3 pointer (Tobias 2026-09-24/25)
 *
 * The registration form can sit beside the animation (desktop), below it (mobile) or, on an
 * unusual layout, above/left of it. The old cue was a right chevron plus a separate hand below
 * the button — two cues, two directions. Now ONE hand lives on the button and the animation JS
 * (assets/wi-reg-hero.js) measures the real form position and sets data-wi-hand on .wi-rh-cta
 * to "right" / "left" / "up" / "down", so the hand always points at the form. Without JS the
 * default points right; the whole slide still jumps to the form on click.
 *
 * Loaded right after wi-reg-hero.css, so these rules win (same specificity, later source).
 * Kept OUT of wi-reg-hero.css on purpose, so the two concerns never entangle.
 */

/* Default (no JS / unknown): point right. */
.wi-rh-cta .wp-block-button__link::after{
	content: "\1F449"; /* 👉 */
	font-size: 1.05em;
	line-height: 1;
	animation: wi-rh-hand-right 1.6s ease-in-out infinite;
}
.wi-rh-cta[data-wi-hand="right"] .wp-block-button__link::after{ content: "\1F449"; animation-name: wi-rh-hand-right; }
.wi-rh-cta[data-wi-hand="left"]  .wp-block-button__link::after{ content: "\1F448"; animation-name: wi-rh-hand-left; }
.wi-rh-cta[data-wi-hand="up"]    .wp-block-button__link::after{ content: "\1F446"; animation-name: wi-rh-hand-up; }
.wi-rh-cta[data-wi-hand="down"]  .wp-block-button__link::after{ content: "\1F447"; animation-name: wi-rh-hand-down; }

@keyframes wi-rh-hand-right{ 0%, 100%{ transform: translateX(0);    } 50%{ transform: translateX(.22em);  } }
@keyframes wi-rh-hand-left { 0%, 100%{ transform: translateX(0);    } 50%{ transform: translateX(-.22em); } }
@keyframes wi-rh-hand-up   { 0%, 100%{ transform: translateY(0);    } 50%{ transform: translateY(-.22em); } }
@keyframes wi-rh-hand-down { 0%, 100%{ transform: translateY(0);    } 50%{ transform: translateY(.22em);  } }

/* A separate hand below the button (from an earlier animation) and the old
   "Your email goes here" hint line are hidden everywhere, without re-editing pages. */
.wi-rh-finger,
.wi-rh-hint{
	display: none !important;
}

@media (prefers-reduced-motion: reduce){
	.wi-rh-cta .wp-block-button__link::after{ animation: none !important; }
}