/**
 * Animate.style Gutenberg Frontend Styles
 */

.animate-on-scroll:not(.animate__animated) {
    opacity: 0;
    visibility: hidden;
}

.animate-on-scroll.animate__animated {
    visibility: visible;
}

/* Print safeguard */
@media print {
    .animate-on-scroll {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Typing animation cursor */
.animate-typing-cursor {
    display: inline-block;
    font-weight: 300;
    margin-left: 2px;
    animation: animate-cursor-blink 0.7s infinite;
}

@keyframes animate-cursor-blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

/* Accessibility: Respect user's motion preferences */
@media (prefers-reduced-motion: reduce) {
    .animate-on-scroll:not(.animate__animated) {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .animate-typing-cursor {
        display: none !important;
    }
}