/**
 * Widget Scroll Animation Styles (Site Version)
 * Handles scroll-triggered animation states for public pages
 */

/* Scroll-triggered animation states */
.scroll-animation-pending {
    opacity: 0;
    visibility: hidden;
}

.scroll-animation-playing {
    opacity: 1;
    visibility: visible;
}

/* Ensure animated widgets are visible after animation completes */
.widget[data-animation-entrance]:not(.scroll-animation-pending) {
    opacity: 1;
    visibility: visible;
}

/* Smooth transitions for opacity and visibility */
.widget[data-animation-entrance] {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}