/* 
 * Low Usage Mode CSS
 * Disables animations to reduce CPU/GPU usage on older devices
 */

/* Disable animations when Low Usage Mode is active without affecting positioning */
.low-usage-mode * {
    animation: none !important;
    transition: none !important;
    /* transform is removed from here to prevent positioning issues */
}

/* Disable specific pulse effects in the sidebar */
.low-usage-mode .sidebar-pulse,
.low-usage-mode .pulse-effect,
.low-usage-mode .pulse-animation,
.low-usage-mode [class*="pulse"] {
    animation: none !important;
    /* Don't override transform as it affects icon positioning */
    opacity: 1 !important;
}

/* Disable stat number animations on the homepage */
.low-usage-mode .stat-number {
    transition: none !important;
}

/* Disable any background animations or effects */
.low-usage-mode .bg-animation,
.low-usage-mode .animated-bg,
.low-usage-mode [class*="animate"] {
    animation: none !important;
    transition: none !important;
}

/* Disable loading spinners, replace with static elements */
.low-usage-mode .fa-spin {
    animation: none !important;
}

/* Specifically target front page app icon glowing effects */
.low-usage-mode .app-icon-wrapper::before,
.low-usage-mode .app-icon-wrapper::after {
    animation: none !important;
    box-shadow: none !important;
    opacity: 0.3 !important;
}

/* Target the specific glow pulse effects around app icons */
.low-usage-mode [class*="glowPulse"],
.low-usage-mode [class*="glow"] {
    animation: none !important;
    box-shadow: none !important;
}

/* Stop the glowing ring animations around app icons */
.low-usage-mode [class*="glowing-ring"] {
    animation: none !important;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.2) !important;
}

/* Remove gradient animations in backgrounds */
.low-usage-mode [class*="gradientShift"] {
    animation: none !important;
    background: var(--bg-secondary) !important;
}