/*
 * Ogen scroll reveal (sectie 124e081)
 *
 * De oog-afbeeldingen faden in (fadeIn), maar PAS zodra het zwarte tekstblok op
 * positie staat. We schakelen Elementor's eigen (tijd-gebaseerde) fadeIn uit en
 * faden de ogen zelf in zodra de JS de klasse .aw-eye-play toevoegt.
 *
 * fadeIn animeert ALLEEN opacity -> de flipX-transform (e-transform) op sommige
 * ogen blijft gewoon behouden.
 */

/* 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-eye-play-regel en speelt de animatie nooit af. */
.elementor-element-124e081 .elementor-widget-image {
  opacity: 0;
  visibility: visible !important;   /* overschrijft .elementor-invisible */
  animation: none !important;       /* schakelt Elementor's tijd-fadeIn uit */
}

.elementor-element-124e081 .elementor-widget-image.aw-eye-play {
  animation: aw-fadeIn 0.8s both !important;
}

@keyframes aw-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}