/*
 * Vraagteken scroll reveal (case Toby, sectie c4b4a53)
 *
 * De 5 vraagteken-SVG's animeren met rotateInUpRight, maar PAS zodra het zwarte
 * tekstblok op positie staat. We schakelen Elementor's eigen (tijd-gebaseerde)
 * rotateInUpRight uit en spelen onze eigen kopie van die animatie af zodra de JS
 * de klasse .aw-qm-play toevoegt (een voor een, gestuurd vanuit de JS).
 *
 * Robuust: werkt ook als Elementor de animatie-instelling weer terugzet -- we
 * neutraliseren die hier en nemen de besturing volledig zelf over.
 */

/* Verbergen tot de JS de animatie start. Editor-zichtbaarheid wordt door de JS
   geregeld (showInEditor), niet via deze CSS -- anders wint deze regel qua
   specificiteit van de .aw-qm-play-regel en speelt de animatie nooit af. */
.elementor-element-c4b4a53 .elementor-widget-image {
  opacity: 0;
  visibility: visible !important;   /* overschrijft .elementor-invisible          */
  animation: none !important;       /* schakelt Elementor's tijd-rotateInUpRight uit */
}

.elementor-element-c4b4a53 .elementor-widget-image.aw-qm-play {
  animation: aw-rotateInUpRight 1s both !important;
}

/* Kopie van animate.css rotateInUpRight, zodat de stijl identiek blijft */
@keyframes aw-rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}