/**
 * Light Theme - Background Only
 * Only changes background colors, all other UI colors stay the same
 * Version 3.0 - Simplified
 */

/* ============================================
   Light Theme - ONLY Background Changes
   ============================================ */
[data-theme="light"] {
    /* Background variables only */
    --bg-primary: #f5f5f7;
    --bg-secondary: #e8e8ed;
    --bg-tertiary: #ffffff;
}

/* Main body background */
[data-theme="light"] body {
    background: linear-gradient(135deg, #f5f5f7 0%, #e8e8ed 50%, #ffffff 100%) !important;
}

/* Page-specific backgrounds */
[data-theme="light"] .dashboard-page,
[data-theme="light"] .arena-app,
[data-theme="light"] .screener-page,
[data-theme="light"] .premium-page,
[data-theme="light"] .sosyal-page,
[data-theme="light"] .social-page,
[data-theme="light"] .portfolio-page,
[data-theme="light"] .portfoy-page,
[data-theme="light"] .akademi-page,
[data-theme="light"] .analytics-page,
[data-theme="light"] .calendar-page,
[data-theme="light"] .leaderboard-page,
[data-theme="light"] .payouts-page,
[data-theme="light"] .onboarding-page,
[data-theme="light"] .partner-page,
[data-theme="light"] .xm-page,
[data-theme="light"] .rewards-page,
[data-theme="light"] .compare-page,
[data-theme="light"] .settings-page,
[data-theme="light"] .journal-page,
[data-theme="light"] .ekosistem-pro,
[data-theme="light"] main {
    background: linear-gradient(135deg, #f5f5f7 0%, #e8e8ed 50%, #ffffff 100%) !important;
}

/* Background animation opacity */
[data-theme="light"] .bg-animation {
    opacity: 0.15;
}

[data-theme="light"] .bg-gradient-1,
[data-theme="light"] .bg-gradient-2,
[data-theme="light"] .bg-gradient-3 {
    opacity: 0.08;
}

/* Cosmic/particle effects - reduce opacity */
[data-theme="light"] .dashboard-page::before,
[data-theme="light"] .arena-app::before,
[data-theme="light"] .cosmic-bg::before,
[data-theme="light"] .floating-particles,
[data-theme="light"] .particle,
[data-theme="light"] .mesh-grid,
[data-theme="light"] .cosmic-orb {
    opacity: 0.1 !important;
}

/* Akademi background */
[data-theme="light"] .ak-bg-gradient {
    opacity: 0.2;
}

[data-theme="light"] .ak-bg-grid {
    opacity: 0.3;
}

/* Ekosistem background */
[data-theme="light"] .eko-bg-gradient {
    opacity: 0.2;
}

[data-theme="light"] .eko-bg-grid {
    opacity: 0.3;
}

/* Partner pages */
[data-theme="light"] .partner-bg {
    background: linear-gradient(180deg, #f5f5f7 0%, #e8e8ed 100%) !important;
}

[data-theme="light"] .partner-bg::before,
[data-theme="light"] .partner-bg::after {
    opacity: 0.2 !important;
}

/* Scrollbar track only */
[data-theme="light"] ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.03) !important;
}

/* ============================================
   TEXT CONTRAST - Readable in light mode
   ============================================ */
[data-theme="light"] {
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a5a;
    --text-tertiary: #6a6a7a;
}

[data-theme="light"] body,
[data-theme="light"] h1:not(.dark-section *):not(footer *):not(.newsletter-section *):not(.bonus-section *),
[data-theme="light"] h2:not(.dark-section *):not(footer *):not(.newsletter-section *):not(.bonus-section *),
[data-theme="light"] h3:not(.dark-section *):not(footer *):not(.newsletter-section *):not(.bonus-section *),
[data-theme="light"] h4:not(.dark-section *):not(footer *):not(.newsletter-section *):not(.bonus-section *),
[data-theme="light"] h5:not(.dark-section *):not(footer *):not(.newsletter-section *):not(.bonus-section *),
[data-theme="light"] h6:not(.dark-section *):not(footer *):not(.newsletter-section *):not(.bonus-section *) {
    color: #1a1a2e !important;
}

[data-theme="light"] p:not(.dark-section *):not(footer *):not(.newsletter-section *):not(.bonus-section *),
[data-theme="light"] span:not(.badge):not(.tag):not(.dark-section *):not(footer *):not(.newsletter-section *),
[data-theme="light"] .text-muted,
[data-theme="light"] .text-gray {
    color: #4a4a5a !important;
}

/* Dark sections should keep light text */
[data-theme="light"] .dark-section h1,
[data-theme="light"] .dark-section h2,
[data-theme="light"] .dark-section h3,
[data-theme="light"] .dark-section p,
[data-theme="light"] .dark-section span,
[data-theme="light"] .newsletter-section h1,
[data-theme="light"] .newsletter-section h2,
[data-theme="light"] .newsletter-section h3,
[data-theme="light"] .newsletter-section p,
[data-theme="light"] .newsletter-section span,
[data-theme="light"] .bonus-section h1,
[data-theme="light"] .bonus-section h2,
[data-theme="light"] .bonus-section h3,
[data-theme="light"] .bonus-section p,
[data-theme="light"] .bonus-section span,
[data-theme="light"] footer h1,
[data-theme="light"] footer h2,
[data-theme="light"] footer h3,
[data-theme="light"] footer h4,
[data-theme="light"] footer p,
[data-theme="light"] footer span {
    color: #ffffff !important;
}

/* ============================================
   BUTTON FIXES - Proper contrast
   ============================================ */
[data-theme="light"] .btn-primary,
[data-theme="light"] .btn-glow,
[data-theme="light"] .btn-premium,
[data-theme="light"] button.primary,
[data-theme="light"] .cta-button,
[data-theme="light"] .ak-cta-btn,
[data-theme="light"] .nav-cta {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4) !important;
}

[data-theme="light"] .btn-primary:hover,
[data-theme="light"] .btn-glow:hover,
[data-theme="light"] .nav-cta:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5) !important;
}

[data-theme="light"] .btn-secondary,
[data-theme="light"] .btn-outline {
    background: rgba(99, 102, 241, 0.1) !important;
    color: #6366f1 !important;
    border: 1px solid rgba(99, 102, 241, 0.3) !important;
}

/* ============================================
   CARDS & CONTAINERS - Visible backgrounds
   ============================================ */
[data-theme="light"] .card,
[data-theme="light"] .glass-card,
[data-theme="light"] .feature-card,
[data-theme="light"] .stat-card,
[data-theme="light"] .news-card,
[data-theme="light"] .course-card,
[data-theme="light"] .ak-course-card,
[data-theme="light"] .dashboard-card,
[data-theme="light"] .arena-card,
[data-theme="light"] .premium-card,
[data-theme="light"] .profile-card,
[data-theme="light"] .step-card,
[data-theme="light"] .market-card,
[data-theme="light"] .metric-card,
[data-theme="light"] .widget-card,
[data-theme="light"] .glass-panel {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .card:hover,
[data-theme="light"] .feature-card:hover,
[data-theme="light"] .news-card:hover,
[data-theme="light"] .course-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important;
}

/* ============================================
   NAVBAR - Light mode adjustments
   ============================================ */
[data-theme="light"] .main-header,
[data-theme="light"] .navbar,
[data-theme="light"] nav,
[data-theme="light"] header {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .nav-link,
[data-theme="light"] .nav-item a,
[data-theme="light"] .header-nav a {
    color: #1a1a2e !important;
}

[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-item a:hover {
    color: #6366f1 !important;
}

/* ============================================
   FORM ELEMENTS - Visible inputs
   ============================================ */
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select,
[data-theme="light"] .form-control,
[data-theme="light"] .search-input,
[data-theme="light"] .newsletter-input {
    background: #ffffff !important;
    color: #1a1a2e !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #9a9aaa !important;
}

/* ============================================
   NEWSLETTER SECTION - Fix contrast
   ============================================ */
[data-theme="light"] .newsletter-section,
[data-theme="light"] .newsletter-container,
[data-theme="light"] .newsletter,
[data-theme="light"] .cta-section {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    border: none !important;
}

[data-theme="light"] .newsletter h2,
[data-theme="light"] .newsletter-title,
[data-theme="light"] .newsletter p,
[data-theme="light"] .newsletter-text {
    color: #ffffff !important;
}

/* ============================================
   FOOTER - Light mode
   ============================================ */
[data-theme="light"] footer,
[data-theme="light"] .footer,
[data-theme="light"] .main-footer {
    background: #1a1a2e !important;
    color: #ffffff !important;
}

[data-theme="light"] footer a,
[data-theme="light"] .footer a,
[data-theme="light"] .footer-link,
[data-theme="light"] .footer-column-title,
[data-theme="light"] .footer-bottom p,
[data-theme="light"] .footer-legal a {
    color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="light"] .footer-social-link {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* ============================================
   BADGES & TAGS - Keep colorful
   ============================================ */
[data-theme="light"] .badge,
[data-theme="light"] .tag,
[data-theme="light"] .category-badge {
    color: inherit !important;
}

/* ============================================
   ICONS - Proper visibility
   ============================================ */
[data-theme="light"] .icon,
[data-theme="light"] svg:not(.logo-svg),
[data-theme="light"] i.fas,
[data-theme="light"] i.fab,
[data-theme="light"] i.far {
    color: #4a4a5a !important;
}

/* ============================================
   GLOW EFFECTS - Reduce intensity
   ============================================ */
[data-theme="light"] .glow-effect,
[data-theme="light"] .neon-glow,
[data-theme="light"] .hero-glow {
    opacity: 0.3 !important;
}

/* ============================================
   DROPDOWNS - Light backgrounds
   ============================================ */
[data-theme="light"] .dropdown-menu,
[data-theme="light"] .dropdown-content,
[data-theme="light"] .submenu {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .dropdown-item,
[data-theme="light"] .dropdown-link {
    color: #1a1a2e !important;
}

[data-theme="light"] .dropdown-item:hover,
[data-theme="light"] .dropdown-link:hover {
    background: rgba(99, 102, 241, 0.1) !important;
    color: #6366f1 !important;
}

/* ============================================
   PREMIUM PAGE - Fix gradient text visibility
   ============================================ */
[data-theme="light"] .premium-page .section-title,
[data-theme="light"] .pricing-section .section-title,
[data-theme="light"] .comparison-section .section-title,
[data-theme="light"] .testimonials-section .section-title,
[data-theme="light"] .faq-section .section-title {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #1a1a2e !important;
    background-clip: unset !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .premium-page .section-subtitle,
[data-theme="light"] .pricing-header .section-subtitle {
    color: #4a4a5a !important;
}

/* Premium pricing cards in light mode */
[data-theme="light"] .pricing-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .pricing-card.featured {
    background: linear-gradient(145deg, rgba(139, 92, 246, 0.08), rgba(139, 92, 246, 0.03)) !important;
    border-color: rgba(139, 92, 246, 0.4) !important;
}

[data-theme="light"] .plan-name {
    background: none !important;
    -webkit-text-fill-color: #1a1a2e !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .plan-desc,
[data-theme="light"] .price-period {
    color: #4a4a5a !important;
}

/* Comparison table in light mode */
[data-theme="light"] .comparison-table-wrapper {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .comparison-table th {
    background: rgba(0, 0, 0, 0.03) !important;
    color: #1a1a2e !important;
}

[data-theme="light"] .comparison-table td {
    color: #1a1a2e !important;
    border-bottom-color: rgba(0, 0, 0, 0.05) !important;
}

/* Testimonial cards in light mode */
[data-theme="light"] .testimonial-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .testimonial-text {
    color: #1a1a2e !important;
}

[data-theme="light"] .author-name {
    color: #1a1a2e !important;
}

/* FAQ in light mode */
[data-theme="light"] .faq-item {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .faq-question {
    color: #1a1a2e !important;
}

[data-theme="light"] .faq-answer p {
    color: #4a4a5a !important;
}

/* ============================================
   ANALIZLER PAGE - Filter tags contrast
   ============================================ */
[data-theme="light"] .filter-tag,
[data-theme="light"] .category-filter,
[data-theme="light"] .tag-btn {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #1a1a2e !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .filter-tag:hover,
[data-theme="light"] .filter-tag.active,
[data-theme="light"] .category-filter.active {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* ============================================
   DASHBOARD - Level badge positioning
   ============================================ */
[data-theme="light"] .level-badge,
[data-theme="light"] .user-level {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(99, 102, 241, 0.4) !important;
}