/* Lite Mode - For Rural/Low-Bandwidth Users (Auto-detected via Network Information API) */
body.lite-mode {
    background-color: #ffffff !important;
    background-image: none !important;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.lite-mode * {
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-radius: 0 !important;
    transition: none !important;
    animation: none !important;
}

/* Ensure all hero and gradient-based containers have high-contrast dark fallbacks */
.lite-mode .hero,
.lite-mode .bg-gradient-hero,
.lite-mode .bg-gradient-primary,
.lite-mode .bg-gradient-to-r, 
.lite-mode .bg-gradient-to-b,
.lite-mode .bg-gradient-hero {
    background: #0f172a !important; /* High-contrast Navy Blue fallback */
    color: #ffffff !important;
}

.lite-mode .hero h1, 
.lite-mode .hero p,
.lite-mode .bg-gradient-primary h1,
.lite-mode .bg-gradient-primary p {
    color: #ffffff !important;
}

/* Hide non-essential visual fluff */
.lite-mode .absolute.bg-accent-500\/5, 
.lite-mode .pulse-icon,
.lite-mode .fa-spin,
.lite-mode [data-animate] {
    display: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Simplify buttons */
.lite-mode .btn-primary, .lite-mode .apply-btn {
    background-color: #2563eb !important;
    border: 2px solid #1d4ed8 !important;
    color: #fff !important;
}

/* Make images load faster / hide decorative ones */
.lite-mode img.decorative {
    display: none !important;
}

/* Lite mode banner */
#liteModeBanner {
    display: none;
}
.lite-mode #liteModeBanner {
    display: block;
    background: #fef08a; /* yellow-200 */
    color: #854d0e; /* yellow-800 */
    text-align: center;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid #fde047;
}