/**
 * MYP Platform - Raspberry Pi optimierte minimale Animationen
 * Nur absolut notwendige, performance-freundliche Animationen
 */

/* ===== NUR OPACITY-FADE (GPU-freundlich) ===== */
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.animate-fade-in {
    animation: fade-in 0.15s ease-out;
}

/* ===== REDUZIERTE PROGRESS BAR (ohne Transform) ===== */
.progress-fill {
    transition: width 0.8s ease-out;
}

/* ===== MINIMAL LOADING PULSE ===== */
@keyframes simple-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.animate-pulse-simple {
    animation: simple-pulse 2s infinite ease-in-out;
}

/* ===== BASIC SUCCESS FADE ===== */
@keyframes simple-success {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.animate-success {
    animation: simple-success 0.2s ease-out;
}

/* ===== MINIMALE UTILITY CLASSES ===== */
.animate-smooth {
    transition: opacity 0.1s ease;
}

.animate-smooth-fast {
    transition: opacity 0.05s ease;
}

/* ===== ALLE TRANSFORM-ANIMATIONEN ENTFERNT ===== */
/* Entfernt: slide-up (translateY) */
/* Entfernt: hover-lift (translateY) */
/* Entfernt: scale animations */
/* Entfernt: will-change properties */

/* ===== RESPONSIVE ANPASSUNGEN ===== */
@media (max-width: 768px) {
    .animate-fade-in {
        animation-duration: 0.1s;
    }
}

/* ===== REDUZIERTE BEWEGUNG UNTERSTÜTZUNG ===== */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}