/**
 * DeMV Platform - Animations
 * GLOBAL ANIMATION DISABLER
 * 
 * This file completely disables ALL animations and transitions across the entire application
 * to prevent high CPU usage and improve performance.
 * 
 * IMPORTANT: This is a performance-critical file that overrides all other animation settings.
 */

.fade-in {
    opacity: 1;
}

.fade-in-up {
    opacity: 1;
}

.fade-in-down {
    opacity: 1;
}

.fade-in-left {
    opacity: 1;
}

.fade-in-right {
    opacity: 1;
}

.scale-in {
    opacity: 1;
}

/* The following classes no longer have animations to reduce CPU usage */
.pulse,
.floating,
.shake,
.rotate,
.bounce,
.slide-in,
.slide-out,
.flip {
    /* Static state - no animations */
    opacity: 1;
}



.glitch {
    position: relative;
}

.glitch::before,
.glitch::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.glitch::before {
    left: 2px;
    text-shadow: -1px 0 #ff3366;
    clip: rect(44px, 450px, 56px, 0);
}

.glitch::after {
    left: -2px;
    text-shadow: -1px 0 #00ccff;
    clip: rect(44px, 450px, 56px, 0);
}

/* Neon glow animation */

/* Border glow animation removed */
.border-glow {
    /* Static state - no animations */
    box-shadow: 0 0 10px rgba(108, 99, 255, 0.5);
}

/* Gradient animation removed */
.gradient-animate {
    background: linear-gradient(90deg, #6c63ff, #00ccff, #00ff88, #6c63ff);
    background-size: 300% 100%;
    background-position: 0% 50%;
}

/* Staggered animations removed */
.stagger-fade-in > * {
    opacity: 1;
}

/* Animation delays and durations removed as they're no longer needed */
.delay-100,
.delay-200,
.delay-300,
.delay-400,
.delay-500,
.delay-600,
.delay-700,
.delay-800,
.delay-900,

/* Explicitly disable all animations for modals and pop-up windows */
.modal,
.modal *,
.popup,
.popup *,
.dialog,
.dialog *,
.overlay,
.overlay *,
.cyberpunk-modal,
.cyberpunk-modal * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.delay-1000,
.duration-100,
.duration-200,
.duration-300,
.duration-400,
.duration-500,
.duration-600,
.duration-700,
.duration-800,
.duration-900,
.duration-1000 {
    /* Static state - no animations */
    opacity: 1;
}

/* Animation fill modes removed as they're no longer needed */
.fill-forwards,
.fill-backwards,
.fill-both {
    /* Static state - no animations */
    opacity: 1;
}

/* Animation timing functions removed as they're no longer needed */
.ease,
.ease-in,
.ease-out,
.ease-in-out,

/* GLOBAL ANIMATION DISABLER */
/* This rule disables ALL animations and transitions for EVERY element */
* {
    animation: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
}
.linear {
    /* Static state - no animations */
    opacity: 1;
}

/* Animation iteration counts */
.infinite { opacity: 1; /* No animation */ }
.once { animation-iteration-count: 1; }
.twice { animation-iteration-count: 2; }
.thrice { animation-iteration-count: 3; }