/* Simplified Fallback Styles for Low-End Devices */
/* This file is loaded automatically when low-end device is detected */

.low-end-device * {
    /* Disable all animations */
    animation: none !important;
    transition: opacity 0.2s ease !important;
}

.low-end-device .orbiting-elements,
.low-end-device .orbiting-element {
    display: none !important;
}

.low-end-device .finance-chart {
    display: none !important;
}

.low-end-device body::before,
.low-end-device .hero::before {
    display: none !important;
}

.low-end-device .navbar,
.low-end-device .hero-badge,
.low-end-device .project-card,
.low-end-device .skill-category {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--bg-card) !important;
}

.low-end-device .project-card:hover,
.low-end-device .skill-category:hover,
.low-end-device .skill-item:hover,
.low-end-device .btn:hover {
    transform: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.low-end-device .fade-in-up {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

.low-end-device .section-title::after {
    animation: none !important;
}

/* Simplify gradients */
.low-end-device .btn-primary {
    background: var(--fintech-primary) !important;
    background-image: none !important;
}

.low-end-device .stat-number,
.low-end-device .hero-stat .stat-number {
    animation: none !important;
}

/* Remove complex shadows */
.low-end-device .project-card,
.low-end-device .skill-category,
.low-end-device .stat {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Simplify grid background */
.low-end-device body {
    background-image: none !important;
    background-color: var(--bg-primary) !important;
}

/* Ensure text is readable */
.low-end-device {
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}