/* BOOSTON CP - FRONTEND LIGHT MODE (v1.3) - HERO SECTION MASTER REPAIR */

body[data-theme="light"] {
    --bg-void: #f8fafc;
    --primary: #0061ff; 
    --secondary: #4f46e5;
    --accent: #059669; 
    --text-main: #020617; 
    --text-muted: #475569; 
    --border: 1px solid rgba(0, 0, 0, 0.12);
}

body[data-theme="light"] {
    background-color: var(--bg-void) !important;
    color: var(--text-main) !important;
}

/* 1. Hero Section Cleanup (Image Fix) */
body[data-theme="light"] .hero,
body[data-theme="light"] .hero-migration,
body[data-theme="light"] .hero-multiserver,
body[data-theme="light"] .hero-security,
body[data-theme="light"] .hero-resource-control,
body[data-theme="light"] .legal-matrix,
body[data-theme="light"] .status-matrix,
body[data-theme="light"] .blog-matrix,
body[data-theme="light"] .post-matrix,
body[data-theme="light"] .yt-wrapper,
body[data-theme="light"] .verify-matrix,
body[data-theme="light"] .about-matrix {
    background: #ffffff !important;
    padding-top: 160px !important; /* Increased globally to clear navbar */
    overflow: visible !important;
}

/* Remove Stars and Shooting Stars in Light Mode */
body[data-theme="light"] .stars-container,
body[data-theme="light"] .star,
body[data-theme="light"] .shooting-star,
body[data-theme="light"] .nebula-glow {
    display: none !important;
}

/* Subtle Grid Background */
body[data-theme="light"] .hero::before {
    background-image: 
        linear-gradient(rgba(0, 97, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 97, 255, 0.05) 1px, transparent 1px) !important;
    mask-image: radial-gradient(circle at center, black 0%, transparent 90%) !important;
}

/* Celestial Bodies Adjustment */
body[data-theme="light"] .celestial-planet {
    background: radial-gradient(circle at 30% 30%, #f1f5f9 0%, #e2e8f0 100%) !important;
    box-shadow: inset -5px -5px 20px rgba(0,0,0,0.03), 0 0 40px rgba(0, 97, 255, 0.05) !important;
    opacity: 0.4 !important;
}
body[data-theme="light"] .celestial-planet-2 {
    background: radial-gradient(circle at 70% 70%, #f1f5f9 0%, #e2e8f0 100%) !important;
    opacity: 0.3 !important;
}

/* 2. Headline & Text Repair */
body[data-theme="light"] .hero h1 {
    color: #0f172a !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

body[data-theme="light"] .gradient-text {
    background: none !important;
    -webkit-text-fill-color: #0061ff !important; /* Solid vibrant blue for headline */
    filter: none !important;
    animation: none !important;
}

body[data-theme="light"] .hero p {
    color: #475569 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* 3. Hero Buttons Fix */
body[data-theme="light"] .hero .btn-primary {
    background: #0061ff !important;
    color: #ffffff !important;
    box-shadow: 0 10px 25px rgba(0, 97, 255, 0.2) !important;
}

body[data-theme="light"] .hero .btn-outline {
    border: 2px solid #0061ff !important;
    color: #0061ff !important;
    background: transparent !important;
}
body[data-theme="light"] .hero .btn-outline:hover {
    background: #0061ff !important;
    color: #ffffff !important;
}

/* 4. Toggle Switch (Admin/Client View) */
body[data-theme="light"] .toggle-switch {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    padding: 6px !important;
}
body[data-theme="light"] .toggle-btn {
    color: #64748b !important;
    font-weight: 800 !important;
}
body[data-theme="light"] .toggle-btn.active {
    background: #ffffff !important;
    color: #0061ff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* 5. Browser Mockup Fix */
body[data-theme="light"] .browser-mockup {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 40px 80px rgba(0, 0, 0, 0.08) !important;
}
body[data-theme="light"] .browser-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* 6. Navigation Contrast & Dropdown Repair */
body[data-theme="light"] nav {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
body[data-theme="light"] .menu a { 
    color: #1e293b !important; 
    font-weight: 700 !important;
}
body[data-theme="light"] .logo { color: #000 !important; }

/* Dropdown Menu Light Mode Fix */
body[data-theme="light"] .dropdown-content {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
}
body[data-theme="light"] .dropdown-content a {
    color: #334155 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
}
body[data-theme="light"] .dropdown-content a:hover {
    background: rgba(0, 97, 255, 0.05) !important;
    color: var(--primary) !important;
}
body[data-theme="light"] .dropdown-content a i {
    color: var(--primary) !important;
}

/* Header Buttons Text Contrast */
body[data-theme="light"] .menu .btn {
    color: #ffffff !important; /* Force white text for Login/Signup/Account */
}
body[data-theme="light"] .menu .btn:hover {
    color: #ffffff !important;
}

/* Special Links ujjol korar jonno */
body[data-theme="light"] .whmcs-special-link { background: rgba(0, 97, 255, 0.05) !important; color: #0061ff !important; border-color: rgba(0, 97, 255, 0.2) !important; }
body[data-theme="light"] .community-special-link { background: rgba(188, 19, 254, 0.05) !important; color: #7c3aed !important; border-color: rgba(188, 19, 254, 0.2) !important; }
body[data-theme="light"] .hosting-special-link { background: rgba(255, 170, 0, 0.05) !important; color: #ea580c !important; border-color: rgba(255, 170, 0, 0.2) !important; }

/* 7. Why Choose Section (Premium Overhaul - CORRECTED CLASSES) */
body[data-theme="light"] .content-section h2,
body[data-theme="light"] .section-header h2 {
    color: #0f172a !important;
    font-weight: 900 !important;
}

body[data-theme="light"] .section-header p {
    color: #475569 !important;
    font-weight: 600 !important;
}

body[data-theme="light"] .feature-item-pro {
    background: #ffffff !important;
    border: 1px solid rgba(0, 97, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    padding: 35px !important;
    border-radius: 20px !important;
    transition: 0.4s !important;
}

body[data-theme="light"] .feature-item-pro:hover {
    transform: translateY(-8px) !important;
    border-color: #0061ff !important;
    box-shadow: 0 20px 50px rgba(0, 97, 255, 0.1) !important;
}

body[data-theme="light"] .feature-item-pro h4 {
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 1.2rem !important;
}

body[data-theme="light"] .feature-item-pro h4 i {
    color: #0061ff !important;
}

body[data-theme="light"] .feature-item-pro p {
    color: #1e293b !important; /* Deep Dark Slate */
    font-weight: 500 !important;
    line-height: 1.7 !important;
}

body[data-theme="light"] .feature-item-pro p strong {
    color: #0f172a !important; /* Softened from pitch black */
    font-weight: 700 !important; /* More balanced weight */
}

/* Original f-card styles remain for other sections */
body[data-theme="light"] .f-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 97, 255, 0.1) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    padding: 40px !important;
    border-radius: 20px !important;
    transition: 0.4s !important;
}

body[data-theme="light"] .f-card:hover {
    transform: translateY(-10px) !important;
    border-color: #0061ff !important;
    box-shadow: 0 20px 50px rgba(0, 97, 255, 0.1) !important;
}

body[data-theme="light"] .f-card h3 {
    color: #0f172a !important;
    font-weight: 800 !important;
}

body[data-theme="light"] .f-card p {
    color: #1e293b !important; /* Significant contrast improvement */
    font-weight: 500 !important;
    line-height: 1.8 !important;
    font-size: 1rem !important;
    opacity: 1 !important;
}

body[data-theme="light"] .f-card p b, 
body[data-theme="light"] .f-card p strong {
    color: #020617 !important; /* Extra dark for bold points */
    font-weight: 800 !important;
}

/* Section Subtitle Fix */
body[data-theme="light"] section > .container > p {
    color: #475569 !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}

body[data-theme="light"] .f-icon {
    color: #0061ff !important;
}

body[data-theme="light"] .f-grid {
    gap: 30px !important;
}

/* 8. Global Section Spacing (Optimized for Compactness) */
body[data-theme="light"] section {
    padding: 50px 0 !important; /* Reduced from 80px */
}

/* Specific Section Tightening */
body[data-theme="light"] .content-section {
    padding: 40px 0 !important;
}

body[data-theme="light"] #features {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
}

body[data-theme="light"] .live-stats {
    padding: 40px 0 !important;
    margin-top: 0 !important;
}

body[data-theme="light"] #partners {
    padding: 40px 0 !important;
}

body[data-theme="light"] .pricing {
    padding-top: 60px !important;
}

body[data-theme="light"] .container[style*="margin-bottom: 30px"] {
    margin-bottom: 10px !important;
}


/* 9. White Label & Node Authenticator (Premium Overhaul) */
body[data-theme="light"] div[style*="background: linear-gradient(90deg, rgba(255, 170, 0, 0.1)"] {
    background: linear-gradient(90deg, #fffcf0 0%, #fff 100%) !important;
    border: 1px solid #ffaa00 !important;
    box-shadow: 0 10px 30px rgba(255, 170, 0, 0.05) !important;
}
body[data-theme="light"] div[style*="background: linear-gradient(90deg, rgba(255, 170, 0, 0.1)"] h3 {
    color: #9a3412 !important; /* Premium Burnt Orange */
}
body[data-theme="light"] div[style*="background: linear-gradient(90deg, rgba(255, 170, 0, 0.1)"] p {
    color: #1e293b !important;
    font-weight: 600 !important;
}

/* Node Authenticator Input Fix */
body[data-theme="light"] #nodeIP {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}
body[data-theme="light"] #nodeIP::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}
body[data-theme="light"] section#verifier div[style*="background: rgba(255,255,255,0.02)"] {
    background: #ffffff !important;
    border-color: rgba(0, 97, 255, 0.1) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05) !important;
}

/* 10. Vision / How to Host Section Visibility (Premium Contrast) */
body[data-theme="light"] section[style*="background: rgba(0,0,0,0.3)"] {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body[data-theme="light"] .usage-grid > div:first-child p {
    color: #334155 !important;
    font-weight: 500 !important;
}

body[data-theme="light"] .usage-grid ul li {
    color: #1e293b !important;
    font-weight: 700 !important;
}

body[data-theme="light"] .usage-grid ul li i {
    color: #0061ff !important;
}

body[data-theme="light"] .usage-grid ul li strong {
    color: #0061ff !important;
}

/* 11. FAQ Section (Premium Light Mode) */
body[data-theme="light"] .faq-item {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    padding: 35px !important;
    border-radius: 16px !important;
}
body[data-theme="light"] .faq-item h4 {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body[data-theme="light"] .faq-item p {
    color: #475569 !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
}

/* 12. Pricing Section (Luxury Overhaul) */
body[data-theme="light"] .p-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.04) !important;
    border-radius: 24px !important;
}
body[data-theme="light"] .p-card h3 {
    color: #0f172a !important;
    font-weight: 900 !important;
}
body[data-theme="light"] .p-card .price {
    color: #0f172a !important; /* Force dark price text */
}
body[data-theme="light"] .p-card .price span {
    color: #64748b !important;
}

body[data-theme="light"] .feature-list li {
    color: #334155 !important;
    border-bottom-color: rgba(0, 0, 0, 0.04) !important;
    font-weight: 600 !important;
}
body[data-theme="light"] .feature-list li i {
    color: #059669 !important; /* Emerald checkmarks */
}

/* Node Intelligence Core Box */
body[data-theme="light"] .p-card div[style*="background: rgba(0, 243, 255, 0.05)"],
body[data-theme="light"] .p-card div[style*="background: rgba(0, 255, 157, 0.05)"] {
    background: #f1f5f9 !important;
    border-color: rgba(0, 97, 255, 0.1) !important;
}
body[data-theme="light"] .p-card div[style*="background: rgba(0, 243, 255, 0.05)"] p,
body[data-theme="light"] .p-card div[style*="background: rgba(0, 255, 157, 0.05)"] p {
    color: #1e293b !important; /* Visible description */
}

/* Featured Badge */
body[data-theme="light"] .badge-pop {
    background: #0061ff !important;
    color: #ffffff !important;
}

/* 13. Terminal / Deployment Box Fix */
body[data-theme="light"] .usage-grid > div:last-child {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
}
body[data-theme="light"] .usage-grid code {
    background: #000 !important;
    color: #00ff9d !important;
}
body[data-theme="light"] .usage-grid > div:last-child p {
    color: #94a3b8 !important;
}

/* 14. Partner Network & Live Stats (Premium Visibility) */
body[data-theme="light"] #partners h2 {
    color: #0f172a !important;
    font-weight: 900 !important;
}
body[data-theme="light"] #partners p {
    color: #0061ff !important;
    opacity: 1 !important;
}

body[data-theme="light"] .partner-logo-box {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}
body[data-theme="light"] .partner-item span {
    color: #1e293b !important;
    font-weight: 800 !important;
}

/* Live Stats Visibility Fix */
body[data-theme="light"] .live-stats {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}
body[data-theme="light"] .stat-item h2 {
    color: #0061ff !important; /* Vibrant Blue for Numbers */
    text-shadow: none !important;
}
/* 14. Mobile Menu Repair (Light Mode) */
@media (max-width: 1024px) {
    body[data-theme="light"] .menu {
        background: rgba(255, 255, 255, 0.98) !important;
        border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
        box-shadow: -10px 0 40px rgba(0, 0, 0, 0.05) !important;
    }
    body[data-theme="light"] .menu a {
        color: #1e293b !important;
        font-weight: 700 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
    }
    body[data-theme="light"] .mobile-toggle {
        color: #0f172a !important;
    }
}

/* 15. Partner Program Page (Deep Overhaul) */
body[data-theme="light"] section[style*="background: rgba(0,0,0,0.5)"],
body[data-theme="light"] section[style*="background: rgba(255,255,255,0.01)"] {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Force Dark Text for Hardcoded White Elements */
body[data-theme="light"] .hero h1,
body[data-theme="light"] section h2[style*="color: #fff"],
body[data-theme="light"] section h3[style*="color: #fff"],
body[data-theme="light"] section h4[style*="color: #fff"],
body[data-theme="light"] section h5[style*="color: #fff"],
body[data-theme="light"] section span[style*="color: #fff"],
body[data-theme="light"] section span[style*="color:#fff"] {
    color: #0f172a !important;
}

/* Fix Muted Text Readability */
body[data-theme="light"] section p[style*="color: #94a3b8"],
body[data-theme="light"] section p[style*="color: #888"],
body[data-theme="light"] section p[style*="color: #666"],
body[data-theme="light"] .benefit-list li,
body[data-theme="light"] .onboarding-grid p {
    color: #334155 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

/* Advantages Section Specifics */
body[data-theme="light"] div[style*="background: rgba(0, 243, 255, 0.02)"] {
    background: #ffffff !important;
    border: 1px solid rgba(0, 97, 255, 0.15) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.04) !important;
}
body[data-theme="light"] div[style*="background: rgba(0, 243, 255, 0.02)"] h3 {
    color: #0f172a !important;
}
body[data-theme="light"] div[style*="background: rgba(0, 243, 255, 0.02)"] ul {
    color: #1e293b !important;
}

/* Tier Card Text Fixes */
body[data-theme="light"] .tier-card h3 {
    color: #0f172a !important; /* Force dark even if class logic fails */
}
body[data-theme="light"] .tier-card div[style*="color: #444"] {
    color: #64748b !important; /* Make relevance text visible */
    font-weight: 800 !important;
}

/* Final CTA Section Fix */
body[data-theme="light"] section:last-of-type h2 {
    color: #0f172a !important;
}
body[data-theme="light"] section:last-of-type p {
    color: #475569 !important;
}

/* 16. Orbital Animation Fixes (Light Mode) */
body[data-theme="light"] .ring-outer, 
body[data-theme="light"] .ring-inner {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

body[data-theme="light"] .ring-outer::before, 
body[data-theme="light"] .ring-inner::before {
    background: #0061ff !important; /* Default blue for running dots */
    box-shadow: 0 0 10px rgba(0, 97, 255, 0.4) !important;
}

/* Rank specific dot overrides for Light Mode */
body[data-theme="light"] .r-verified .ring-outer::before { background: #0066ff !important; box-shadow: 0 0 10px #0066ff !important; }
body[data-theme="light"] .r-elite .ring-outer::before { background: #ea580c !important; box-shadow: 0 0 10px #ea580c !important; }
body[data-theme="light"] .r-titanium .ring-outer::before { background: #ff0055 !important; box-shadow: 0 0 10px #ff0055 !important; }

/* 18. Slider Dots Visibility (Light Mode) */
body[data-theme="light"] .slider-dot {
    background: rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
body[data-theme="light"] .slider-dot.active {
    background: #0061ff !important;
    box-shadow: 0 0 15px rgba(0, 97, 255, 0.3) !important;
    transform: scale(1.3) !important;
}

/* 19. Migration & Engine Features Spans (Light Mode Fix) */
body[data-theme="light"] span[style*="color:#fff"],
body[data-theme="light"] span[style*="color: #fff"] {
    color: #0f172a !important;
    font-weight: 800 !important;
}

body[data-theme="light"] .engine-feature {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}

body[data-theme="light"] .engine-text h3 {
    color: #0f172a !important;
}

body[data-theme="light"] .engine-text p {
    color: #475569 !important;
}

/* Tab Trigger Cleanup */
body[data-theme="light"] .tab-trigger {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}
body[data-theme="light"] .tab-trigger.active {
    background: #0061ff !important;
    color: #ffffff !important;
    border-color: #0061ff !important;
}

/* Guide Cards Fix */
body[data-theme="light"] .guide-card {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
}
body[data-theme="light"] .guide-card h4 {
    color: #0f172a !important;
}

/* 20. Solutions Servers Page (High-End Overhaul) */
body[data-theme="light"] .demo-panel,
body[data-theme="light"] .use-case-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
}

body[data-theme="light"] .demo-header h3,
body[data-theme="light"] .item-name,
body[data-theme="light"] .use-case-card h3 {
    color: #0f172a !important;
}

body[data-theme="light"] .demo-header span,
body[data-theme="light"] .use-case-card p {
    color: #475569 !important;
}

/* Switcher Item Fix */
body[data-theme="light"] .switcher-item {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
body[data-theme="light"] .switcher-item.active {
    background: rgba(0, 97, 255, 0.05) !important;
    border-color: #0061ff !important;
}

body[data-theme="light"] .status-bar {
    background: #f1f5f9 !important;
}
body[data-theme="light"] .status-text {
    color: #059669 !important; /* Emerald Green for status */
}

/* Flow Grid / How it Works Fix */
body[data-theme="light"] .how-it-works {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}
body[data-theme="light"] .flow-icon {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body[data-theme="light"] .flow-step p {
    color: #1e293b !important;
}

/* Interactive Title Fix */
body[data-theme="light"] .interactive-title h2 {
    color: #0f172a !important;
}

/* 21. About Us Page (Premium Overhaul) */
body[data-theme="light"] .about-matrix .hero h1 {
    color: #0f172a !important;
}

body[data-theme="light"] .about-matrix .hero p {
    color: #475569 !important;
}

body[data-theme="light"] .vision-content h2 {
    color: #0061ff !important; /* Premium Blue for Subtitles */
}

body[data-theme="light"] .vision-content p {
    color: #334155 !important;
    font-weight: 500 !important;
}

body[data-theme="light"] .vision-content span[style*="color:#fff"],
body[data-theme="light"] .vision-content span[style*="color: #fff"] {
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* Feature Nodes in About Page */
body[data-theme="light"] .feature-node {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}

body[data-theme="light"] .feature-node h4 {
    color: #0f172a !important;
}

body[data-theme="light"] .feature-node p {
    color: #64748b !important;
}

/* Commitment Box */
body[data-theme="light"] div[style*="background: linear-gradient(135deg, rgba(0, 243, 255, 0.05)"] {
    background: #ffffff !important;
    border: 1px solid rgba(0, 97, 255, 0.1) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.04) !important;
}

body[data-theme="light"] div[style*="background: linear-gradient(135deg, rgba(0, 243, 255, 0.05)"] h2 {
    color: #0f172a !important;
}

body[data-theme="light"] div[style*="background: linear-gradient(135deg, rgba(0, 243, 255, 0.05)"] p {
    color: #475569 !important;
}

/* 22. Pricing & Batched Overrides */
body[data-theme="light"] .pricing .hero h1 { color: #0f172a !important; }
body[data-theme="light"] .pricing .hero p { color: #475569 !important; }

body[data-theme="light"] .btn-buy {
    color: #ffffff !important;
    background: #0061ff !important;
}
body[data-theme="light"] .btn-buy:hover {
    background: #0056e0 !important;
    color: #ffffff !important;
}

/* Contact Page Premium Repair */
body[data-theme="light"] .contact-info-card, 
body[data-theme="light"] .contact-form-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
}
body[data-theme="light"] .contact-info-card h3,
body[data-theme="light"] .contact-form-card h3 {
    color: #0f172a !important;
}
body[data-theme="light"] .info-item p,
body[data-theme="light"] .info-item a {
    color: #1e293b !important;
    font-weight: 600 !important;
}
body[data-theme="light"] .form-control {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}
body[data-theme="light"] .form-group label {
    color: #64748b !important;
}

/* API Docs Visibility Fixes */
body[data-theme="light"] .api-section-header {
    background: #f1f5f9 !important;
    color: #0061ff !important;
    border-left-color: #0061ff !important;
}
body[data-theme="light"] .endpoint-badge {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #0061ff !important;
}
body[data-theme="light"] .api-card h4 {
    color: #0f172a !important;
}
body[data-theme="light"] .api-card p {
    color: #475569 !important;
}

/* 23. Blog & Archive Section (Premium Repair) */
body[data-theme="light"] .blog-matrix {
    background: #f8fafc !important;
    color: #0f172a !important;
}

body[data-theme="light"] .intel-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body[data-theme="light"] .intel-card:hover {
    border-color: #0061ff !important;
    box-shadow: 0 20px 50px rgba(0, 97, 255, 0.08) !important;
}

body[data-theme="light"] .intel-title {
    color: #0f172a !important;
}
body[data-theme="light"] .intel-excerpt {
    color: #475569 !important;
}

/* Blog Sidebar Overhaul */
body[data-theme="light"] .sidebar-box {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
}
body[data-theme="light"] .sidebar-title {
    color: #0f172a !important;
}
body[data-theme="light"] .search-input {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}
body[data-theme="light"] .cat-node {
    color: #475569 !important;
    border-bottom-color: rgba(0, 0, 0, 0.04) !important;
}
body[data-theme="light"] .recent-item h4 {
    color: #334155 !important;
}

/* Nav Links Visibility */
body[data-theme="light"] .simple-nav a {
    color: #64748b !important;
    border-color: #e2e8f0 !important;
}
body[data-theme="light"] .simple-nav a:hover {
    color: #0061ff !important;
    border-color: #0061ff !important;
}

/* 24. Tutorials Hub (Premium Light Mode) */
body[data-theme="light"] .yt-wrapper {
    background: #ffffff !important;
}

body[data-theme="light"] .yt-sidebar {
    background: #f8fafc !important;
    border-right-color: #e2e8f0 !important;
}

body[data-theme="light"] .yt-side-item {
    color: #1e293b !important;
}
body[data-theme="light"] .yt-side-item:hover {
    background: rgba(0, 97, 255, 0.05) !important;
}
body[data-theme="light"] .yt-side-item.active {
    background: rgba(0, 97, 255, 0.1) !important;
    color: #0061ff !important;
}

body[data-theme="light"] .yt-chips {
    background: #ffffff !important;
    border-bottom-color: #e2e8f0 !important;
}

body[data-theme="light"] .chip {
    background: #f1f5f9 !important;
    color: #475569 !important;
}
body[data-theme="light"] .chip:hover {
    background: #e2e8f0 !important;
}
body[data-theme="light"] .chip.active {
    background: #0061ff !important;
    color: #ffffff !important;
}

/* Video Card Visibility */
body[data-theme="light"] .yt-card {
    color: #0f172a !important;
}
body[data-theme="light"] .yt-title {
    color: #0f172a !important;
}
body[data-theme="light"] .yt-meta {
    color: #64748b !important;
}
body[data-theme="light"] .yt-thumb {
    border-color: #e2e8f0 !important;
    background: #f1f5f9 !important;
}

/* Search Box in Tutorials */
body[data-theme="light"] .yt-chips form {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
}
body[data-theme="light"] .yt-chips form input {
    color: #0f172a !important;
}

/* 25. Comparison Matrix & Savings Tool (Light Mode) */
body[data-theme="light"] .matrix-table {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
body[data-theme="light"] .matrix-table th {
    background: #f8fafc !important;
    color: #64748b !important;
}
body[data-theme="light"] .matrix-table td {
    border-bottom-color: rgba(0, 0, 0, 0.04) !important;
    color: #1e293b !important;
}
body[data-theme="light"] .booston-col {
    color: #0061ff !important;
    background: rgba(0, 97, 255, 0.02) !important;
}

/* Savings Box Luxury Look */
body[data-theme="light"] .savings-box {
    background: #ffffff !important;
    border: 1px solid rgba(0, 97, 255, 0.15) !important;
    box-shadow: 0 25px 60px rgba(0, 97, 255, 0.05) !important;
}
body[data-theme="light"] .savings-box h2 {
    color: #0f172a !important;
}
body[data-theme="light"] .savings-box p {
    color: #475569 !important;
}
body[data-theme="light"] .savings-val {
    color: #0061ff !important;
    text-shadow: none !important;
}

/* Tactical Cards in Compare Page */
body[data-theme="light"] .t-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body[data-theme="light"] .t-card h3 {
    color: #0f172a !important;
}
body[data-theme="light"] .t-card p {
    color: #64748b !important;
}

/* Radar Animation Adjustment */
body[data-theme="light"] .radar-container {
    background: radial-gradient(circle at center, rgba(0, 97, 255, 0.05) 0%, transparent 70%) !important;
    border-bottom-color: #e2e8f0 !important;
}

/* 26. Community Hub & Topics (Premium Repair) */
body[data-theme="light"] .comm-layout {
    color: #0f172a !important;
}

body[data-theme="light"] .topic-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body[data-theme="light"] .topic-card:hover {
    border-color: #0061ff !important;
    box-shadow: 0 20px 50px rgba(0, 97, 255, 0.08) !important;
}

body[data-theme="light"] .topic-info h3 a {
    color: #0f172a !important;
}
body[data-theme="light"] .topic-info h3 a:hover {
    color: #0061ff !important;
}

body[data-theme="light"] .vote-node {
    border-right-color: rgba(0, 0, 0, 0.05) !important;
}
body[data-theme="light"] .vote-count {
    color: #0061ff !important;
    text-shadow: none !important;
}

body[data-theme="light"] .meta-data {
    color: #64748b !important;
}

/* Community Sidebar Visibility */
body[data-theme="light"] .comm-sidebar h4 {
    color: #0f172a !important;
    border-bottom-color: rgba(0, 0, 0, 0.05) !important;
}

body[data-theme="light"] .stat-box {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.02) !important;
}
body[data-theme="light"] .stat-val {
    color: #0f172a !important;
}

body[data-theme="light"] .pulse-msg {
    color: #334155 !important;
}
body[data-theme="light"] .pulse-msg span {
    color: #0061ff !important;
}

/* 27. Security & Matrix Overhaul (Light Mode) */
body[data-theme="light"] .sec-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    backdrop-filter: none !important;
}
body[data-theme="light"] .sec-card h3 {
    color: #0f172a !important;
}
body[data-theme="light"] .sec-card p {
    color: #475569 !important;
}

body[data-theme="light"] .scanner-box {
    background: #ffffff !important;
    border-color: #059669 !important;
    box-shadow: 0 0 40px rgba(5, 150, 105, 0.15) !important;
}

/* Isolation Box Fix for Security Page */
body[data-theme="light"] .isolation-box {
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%) !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.04) !important;
}
body[data-theme="light"] .isolation-box h2 {
    color: #0f172a !important;
}
body[data-theme="light"] .isolation-box p {
    color: #334155 !important;
}

/* Matrix Table Specific to Security */
body[data-theme="light"] .comp-table {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
body[data-theme="light"] .comp-table th {
    background: #f8fafc !important;
    color: #059669 !important;
}
body[data-theme="light"] .comp-table td {
    color: #1e293b !important;
    border-bottom-color: rgba(0, 0, 0, 0.04) !important;
}

/* 28. System Status Page (Premium Light Mode) */
body[data-theme="light"] .status-matrix {
    background: #ffffff !important;
}

body[data-theme="light"] .status-msg {
    color: #0f172a !important;
}

body[data-theme="light"] .node-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body[data-theme="light"] .node-name {
    color: #0f172a !important;
}
body[data-theme="light"] .node-status .status-text {
    color: #059669 !important;
}
body[data-theme="light"] .node-status .latency {
    color: #64748b !important;
}

body[data-theme="light"] .incident-terminal {
    background: #0f172a !important;
    border-color: #1e293b !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1) !important;
}

/* 29. Developer Portal & Pillar Cards (Light Mode) */
body[data-theme="light"] .holo-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.04) !important;
    backdrop-filter: none !important;
}
body[data-theme="light"] .holo-card h2 {
    color: #0f172a !important;
}
body[data-theme="light"] .holo-card p {
    color: #475569 !important;
}

/* Inner Info Box in Dev Portal */
body[data-theme="light"] .holo-card div[style*="background: rgba(0,0,0,0.3)"],
body[data-theme="light"] .holo-card div[style*="background: rgba(112, 0, 255, 0.05)"] {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}
body[data-theme="light"] .holo-card h4 {
    color: #1e293b !important;
}

/* 30. WHMCS Info & Automation (Light Mode) */
body[data-theme="light"] .hero div[style*="background: rgba(255, 255, 255, 0.03)"] {
    background: #ffffff !important;
    border-color: rgba(0, 97, 255, 0.15) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: none !important;
}
body[data-theme="light"] .hero div[style*="background: rgba(255, 255, 255, 0.03)"] h3 {
    color: #0f172a !important;
}

/* Hardcoded Spans in WHMCS Cards */
body[data-theme="light"] .f-card span[style*="color:#fff"] {
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* 31. Legal Pages (Privacy, TOS, Refund) - Luxury Visibility */
body[data-theme="light"] .legal-matrix {
    background: #ffffff !important;
    color: #1e293b !important;
}
body[data-theme="light"] .legal-header {
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}
body[data-theme="light"] .legal-header h1 {
    color: #0f172a !important;
}
body[data-theme="light"] .legal-section h2 {
    color: #0061ff !important; /* Premium Blue for Legal Headers */
}
body[data-theme="light"] .legal-content p {
    color: #334155 !important;
    font-weight: 500 !important;
}
body[data-theme="light"] .legal-section li {
    color: #475569 !important;
    font-weight: 600 !important;
}

/* Download Limit Error Screen Override */
body[data-theme="light"] div[style*="border:1px solid #7000ff"] {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05) !important;
}
body[data-theme="light"] div[style*="border:1px solid #7000ff"] h1 {
    color: #0f172a !important;
}
body[data-theme="light"] div[style*="border:1px solid #7000ff"] p {
    color: #475569 !important;
}

/* 32. Topic Viewer & Discussions (Light Mode) */
body[data-theme="light"] .topic-matrix {
    background: #ffffff !important;
}

body[data-theme="light"] .topic-main {
    background: #f8fafc !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}
body[data-theme="light"] .topic-main::before {
    background: #ffffff !important;
    color: #64748b !important;
}

body[data-theme="light"] .topic-title {
    color: #0f172a !important;
}
body[data-theme="light"] .topic-meta {
    border-bottom-color: rgba(0, 0, 0, 0.05) !important;
}
body[data-theme="light"] .topic-body {
    color: #334155 !important;
}

body[data-theme="light"] .vote-panel {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}
body[data-theme="light"] .vote-panel span[style*="color: #fff"] {
    color: #0f172a !important;
}

/* Reply Stream Overhaul */
body[data-theme="light"] .reply-node {
    background: #f1f5f9 !important;
    border-left-color: #cbd5e1 !important;
}
body[data-theme="light"] .reply-node.is-author {
    background: rgba(0, 97, 255, 0.03) !important;
    border-left-color: #0061ff !important;
}
body[data-theme="light"] .reply-user {
    color: #0f172a !important;
}
body[data-theme="light"] .reply-content {
    color: #475569 !important;
}

/* Reply Form */
body[data-theme="light"] .reply-input {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}
body[data-theme="light"] .reply-form h3 {
    color: #0f172a !important;
}

/* 33. Video Tutorial Player & Comments (Light Mode) */
body[data-theme="light"] .video-details h1 {
    color: #0f172a !important;
}
body[data-theme="light"] .video-description {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

body[data-theme="light"] .comments-header {
    color: #0f172a !important;
}
body[data-theme="light"] .comment-author {
    color: #0f172a !important;
}
body[data-theme="light"] .comment-text {
    color: #475569 !important;
}
body[data-theme="light"] .comment-input-line {
    border-bottom-color: #cbd5e1 !important;
    color: #0f172a !important;
}
body[data-theme="light"] .comment-input-line:focus {
    border-bottom-color: #0061ff !important;
}
body[data-theme="light"] .comment-btn {
    background: #0061ff !important;
    color: #ffffff !important;
}

/* Related Sidebar Visibility */
body[data-theme="light"] .related-sidebar {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}
body[data-theme="light"] .related-sidebar h4 {
    color: #0f172a !important;
}
body[data-theme="light"] .related-item h4 {
    color: #334155 !important;
}

/* 34. Blog View & Single Post (Light Mode) */
body[data-theme="light"] .post-matrix {
    background: #ffffff !important;
    color: #0f172a !important;
}
body[data-theme="light"] .post-header h1 {
    color: #0f172a !important;
}
body[data-theme="light"] .post-meta {
    border-bottom-color: rgba(0, 0, 0, 0.05) !important;
    color: #64748b !important;
}
body[data-theme="light"] .post-body {
    color: #334155 !important;
}
body[data-theme="light"] .post-body h2 {
    color: #0f172a !important;
}

/* Category Tags in Sidebar */
body[data-theme="light"] .sidebar-box a[style*="background:rgba(0, 243, 255, 0.05)"] {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #0061ff !important;
}

/* 35. License Verification & Auth Card (Light Mode) */
body[data-theme="light"] .verify-matrix {
    background: #ffffff !important;
}
body[data-theme="light"] .auth-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: none !important;
}
body[data-theme="light"] .auth-card h1 {
    color: #0f172a !important;
}
body[data-theme="light"] .auth-card p {
    color: #475569 !important;
}

body[data-theme="light"] .auth-input {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}
body[data-theme="light"] .auth-input:focus {
    background: #ffffff !important;
    border-color: #0061ff !important;
}

/* Result Box Visibility Fixes */
body[data-theme="light"] #result-box {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
body[data-theme="light"] #result-box h3,
body[data-theme="light"] #result-box h4,
body[data-theme="light"] #result-box b {
    color: #0f172a !important;
}

/* 36. Global Text Contrast Overrides (Super Fix) */
body[data-theme="light"] h1, 
body[data-theme="light"] h2, 
body[data-theme="light"] h3,
body[data-theme="light"] h4,
body[data-theme="light"] h5 {
    color: #0f172a !important;
}

body[data-theme="light"] p,
body[data-theme="light"] li,
body[data-theme="light"] span {
    color: #1e293b !important;
}

/* Force override for hardcoded inline styles */
body[data-theme="light"] *[style*="color:#fff"],
body[data-theme="light"] *[style*="color: #fff"],
body[data-theme="light"] *[style*="color:#ccc"],
body[data-theme="light"] *[style*="color: #ccc"],
body[data-theme="light"] *[style*="color:#94a3b8"],
body[data-theme="light"] *[style*="color: #94a3b8"],
body[data-theme="light"] *[style*="color:#888"],
body[data-theme="light"] *[style*="color: #888"] {
    color: #0f172a !important;
}

/* Maintain primary blue for links and specific spans */
body[data-theme="light"] a,
body[data-theme="light"] .text-primary,
body[data-theme="light"] *[style*="color: var(--primary)"] {
    color: #0061ff !important;
}

/* Fix for compare.php and other hero subtitles */
body[data-theme="light"] .radar-container p,
body[data-theme="light"] .hero p {
    color: #334155 !important;
    font-weight: 600 !important;
}

/* 37. Global Branding Alignment (Header Logo Fix) */
body[data-theme="light"] .logo {
    color: #0f172a !important;
}
body[data-theme="light"] .logo span {
    color: #0061ff !important; /* Vibrant Blue for CP */
    font-weight: 900 !important;
}

/* 38. FOOTER LIGHT MODE FIX */
body[data-theme="light"] footer {
    background: var(--bg-void) !important;
    border-top-color: rgba(0, 0, 0, 0.08) !important;
}
body[data-theme="light"] footer::before {
    background: linear-gradient(90deg, transparent, var(--primary), transparent) !important;
    box-shadow: 0 0 15px var(--primary) !important;
}
body[data-theme="light"] footer h4 {
    color: var(--text-main) !important;
}
body[data-theme="light"] footer a {
    color: var(--text-muted) !important;
}
body[data-theme="light"] footer a:hover {
    color: var(--primary) !important;
}
body[data-theme="light"] .footer-logo {
    color: var(--text-main) !important;
}
body[data-theme="light"] footer p,
body[data-theme="light"] footer .container p {
    color: var(--text-muted) !important;
}
body[data-theme="light"] .uplink-status {
    color: var(--primary) !important;
}