/* Force Light Mode - Override System Dark Mode */
/* This file ensures the website ALWAYS displays in light mode */

/* Override root variables for dark mode */
@media (prefers-color-scheme: dark) {
    :root {
        /* Force light mode colors */
        --primary-color: #007AFF !important;
        --secondary-color: #5AC8FA !important;
        --success-color: #34C759 !important;
        --warning-color: #FF9500 !important;
        --danger-color: #FF3B30 !important;
        --dark-color: #1C1C1E !important;
        --light-color: #F2F2F7 !important;
        --text-primary: #000000 !important;
        --text-secondary: #6C6C70 !important;
        
        /* Force light mode backgrounds */
        --bg-primary: #FFFFFF !important;
        --bg-secondary: #F2F2F7 !important;
        --bg-card: #FFFFFF !important;
        --bg-navbar: rgba(255, 255, 255, 0.95) !important;
        --bg-footer: #1C1C1E !important;
        --shadow: rgba(0, 0, 0, 0.1) !important;
        --border-color: rgba(0, 0, 0, 0.1) !important;
    }
}

/* Force light color scheme */
html {
    color-scheme: light only !important;
    -webkit-color-scheme: light only !important;
}

/* Base body styles */
body {
    background: #FFFFFF !important;
    color: #000000 !important;
}

/* Override all dark theme specific styles */
[data-theme="dark"] {
    --text-primary: #000000 !important;
    --text-secondary: #6C6C70 !important;
    --bg-primary: #FFFFFF !important;
    --bg-secondary: #F2F2F7 !important;
    --bg-card: #FFFFFF !important;
    --bg-navbar: rgba(255, 255, 255, 0.95) !important;
    --bg-footer: #1C1C1E !important;
    --shadow: rgba(0, 0, 0, 0.1) !important;
    --border-color: rgba(0, 0, 0, 0.1) !important;
}

/* Fix navigation */
[data-theme="dark"] .navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="dark"] .nav-dropdown-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Fix feature cards */
[data-theme="dark"] .feature-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .features-grid .feature-card:nth-child(1),
[data-theme="dark"] .features-grid .feature-card:nth-child(2),
[data-theme="dark"] .features-grid .feature-card:nth-child(3),
[data-theme="dark"] .features-grid .feature-card:nth-child(4),
[data-theme="dark"] .features-grid .feature-card:nth-child(5),
[data-theme="dark"] .features-grid .feature-card:nth-child(6),
[data-theme="dark"] .features-grid .feature-card:nth-child(7),
[data-theme="dark"] .features-grid .feature-card:nth-child(8),
[data-theme="dark"] .features-grid .feature-card:nth-child(9) {
    background: #FFFFFF !important;
}

/* Fix pricing cards */
[data-theme="dark"] .pricing-card,
[data-theme="dark"] .pricing-card.featured,
[data-theme="dark"] .pricing-cards .lifetime-card,
[data-theme="dark"] .pricing-card:nth-child(1),
[data-theme="dark"] .pricing-card:nth-child(2),
[data-theme="dark"] .pricing-card:nth-child(3) {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Fix stat cards in about page */
[data-theme="dark"] .stat-card:nth-child(1),
[data-theme="dark"] .stat-card:nth-child(2),
[data-theme="dark"] .stat-card:nth-child(3),
[data-theme="dark"] .stat-card:nth-child(4) {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Fix value cards */
[data-theme="dark"] .value-card:nth-child(1),
[data-theme="dark"] .value-card:nth-child(2),
[data-theme="dark"] .value-card:nth-child(3),
[data-theme="dark"] .value-card:nth-child(4) {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Fix timeline items */
[data-theme="dark"] .timeline-item:nth-child(1) .timeline-content,
[data-theme="dark"] .timeline-item:nth-child(2) .timeline-content,
[data-theme="dark"] .timeline-item:nth-child(3) .timeline-content,
[data-theme="dark"] .timeline-item:nth-child(4) .timeline-content {
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Fix about contact section */
[data-theme="dark"] .about-contact {
    background: #F2F2F7 !important;
}

/* Fix beta notice */
[data-theme="dark"] .beta-notice {
    background: linear-gradient(135deg, #FF9500 0%, #FF6200 100%) !important;
}

/* Fix all text colors */
[data-theme="dark"] .stat-card .stat-number,
[data-theme="dark"] .stat-card .stat-label,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] li,
[data-theme="dark"] .feature-card h3,
[data-theme="dark"] .feature-card p,
[data-theme="dark"] .pricing-card h3,
[data-theme="dark"] .pricing-card .price,
[data-theme="dark"] .pricing-card ul li {
    color: #000000 !important;
}

/* Fix other sections */
[data-theme="dark"] .about-content {
    background: #FFFFFF !important;
}

[data-theme="dark"] .legal-section {
    background: #FFFFFF !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="dark"] .legal-content {
    background: #FFFFFF !important;
}

[data-theme="dark"] .contact-card {
    background: #F2F2F7 !important;
    border-left-color: #007AFF !important;
}

[data-theme="dark"] .warning-box {
    background: rgba(255, 193, 7, 0.1) !important;
    border: 1px solid rgba(255, 193, 7, 0.5) !important;
}

/* Mobile menu fixes */
@media (max-width: 768px) {
    [data-theme="dark"] .nav-menu {
        background: rgba(255, 255, 255, 0.98) !important;
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    }
}

/* Footer stays dark */
.footer {
    background: #1C1C1E !important;
    color: #FFFFFF !important;
}

.footer * {
    color: #FFFFFF !important;
}

/* Fix dark mode body class */
body.dark-mode .about-content::before {
    background: none !important;
}

/* Additional fixes for iOS Safari */
@supports (-webkit-touch-callout: none) {
    html, body {
        background: #FFFFFF !important;
    }
    
    [data-theme="dark"] {
        background: #FFFFFF !important;
    }
}