/* KIOSK PERFORMANCE OPTIMIZATIONS
   Simplified CSS for low-end hardware */

/* Disable expensive animations on slow devices */
@media (prefers-reduced-motion: reduce), 
       screen and (max-width: 1024px) and (max-height: 768px) {
    
    /* Remove all animations */
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    /* Disable 3D transforms */
    .locker-3d {
        transform: none !important;
        transform-style: flat !important;
        perspective: none !important;
    }
    
    /* Simplify background effects */
    .main-container::before,
    .main-container::after {
        display: none !important;
    }
    
    /* Remove backdrop-filter (expensive) */
    .kiosk-progress,
    .numpad-container,
    .modal-content,
    .mission-card,
    .size-option,
    .order-summary-card {
        backdrop-filter: none !important;
    }
    
    /* Simplify box-shadows */
    * {
        box-shadow: none !important;
    }
    
    /* Essential shadows only */
    .locker-size,
    .numpad-container,
    .modal-content {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* Remove text-shadow for better performance */
    * {
        text-shadow: none !important;
    }
    
    /* Disable filters */
    * {
        filter: none !important;
    }
}

/* Force hardware acceleration on essential elements only */
.locker-size,
.numpad-button,
.mission-button {
    will-change: transform;
    transform: translateZ(0);
}

/* Simplify gradients for better performance */
.kiosk-progress,
.numpad-container,
.modal-content {
    background: rgba(30, 58, 138, 0.9) !important;
}

/* Use solid colors instead of gradients where possible */
.progress-fill {
    background: var(--retro-electric) !important;
}

/* Optimize font rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeSpeed;
}

/* Reduce repaints */
.status-bar,
.kiosk-progress {
    contain: layout style paint;
}

/* Memory optimization */
.main-container {
    contain: layout;
}

/* Disable hover effects on touch devices */
@media (hover: none) and (pointer: coarse) {
    *:hover {
        transform: none !important;
        box-shadow: inherit !important;
        background: inherit !important;
    }
}