/*
 * Berichten scroll reveal (sectie 6ec8712, case Marisol)
 *
 * De tekstbericht-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 berichten zelf in zodra de JS de klasse .aw-msg-play
 * toevoegt. fadeIn animeert alleen opacity, dus eventuele transforms blijven heel.
 *
 * Let op: het bericht met .elementor-hidden-desktop blijft op desktop verborgen
 * (display:none) -- dat respecteren we; de JS staggert alleen de zichtbare berichten.
 */

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

.elementor-element-6ec8712 .elementor-widget-image.aw-msg-play {
  animation: aw-fadeIn 0.8s both !important;
}

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