/* ═══════════════════════════════════════════════════════ WritexNova — Glass Fix v1.0 Add AFTER glass-upgrade.css in every Fixes: section title visibility + dark mode text contrast ═══════════════════════════════════════════════════════ */ /* ── 1. Section titles / subtitles — always visible ────────── These were getting stuck at opacity:0 from scroll reveal ─────────────────────────────────────────────────────────── */ .section-title, .section-title.wn-reveal, .section-sub, .section-sub.wn-reveal, h1.section-title, h2.section-title, .lp-section-title, .lp-section-sub, [class*="section-title"], [class*="section-sub"] { opacity: 1 !important; transform: none !important; transition: color 0.2s ease !important; } /* ── 2. Dark mode — bright white text on all cards ─────────── ─────────────────────────────────────────────────────────── */ /* Tool cards */ [data-theme="dark"] .tool-card h3, [data-theme="dark"] .tool-card p, [data-theme="dark"] .tool-card .tool-card-icon { color: rgba(232, 234, 246, 0.95) !important; } /* WIF / Who it's for cards */ [data-theme="dark"] .wif-card, [data-theme="dark"] .wif-card h3, [data-theme="dark"] .wif-card p, [data-theme="dark"] .wif-card span, [data-theme="dark"] [class*="wif-"] { color: rgba(232, 234, 246, 0.92) !important; } /* Feature / benefit cards */ [data-theme="dark"] .feature-card h3, [data-theme="dark"] .feature-card p, [data-theme="dark"] .lp-benefit-card h3, [data-theme="dark"] .lp-benefit-card p { color: rgba(232, 234, 246, 0.92) !important; } /* Step cards */ [data-theme="dark"] .step-card h3, [data-theme="dark"] .step-card p, [data-theme="dark"] .lp-step h3, [data-theme="dark"] .lp-step p { color: rgba(232, 234, 246, 0.92) !important; } /* Testimonial cards */ [data-theme="dark"] .lp-testimonial, [data-theme="dark"] .lp-testimonial p, [data-theme="dark"] .lp-testimonial span { color: rgba(232, 234, 246, 0.90) !important; } /* Pricing cards */ [data-theme="dark"] .plan-card .plan-name, [data-theme="dark"] .plan-card .plan-desc, [data-theme="dark"] .plan-card .plan-price, [data-theme="dark"] .plan-card .plan-features li, [data-theme="dark"] .plan-card .plan-price-note, [data-theme="dark"] .plan-card h3, [data-theme="dark"] .plan-card p { color: rgba(232, 234, 246, 0.92) !important; } [data-theme="dark"] .plan-card .plan-price { color: #e8eaf6 !important; } /* Model cards */ [data-theme="dark"] .model-card .model-card-name { color: rgba(232, 234, 246, 0.95) !important; } [data-theme="dark"] .model-card .model-card-desc { color: rgba(188, 190, 220, 0.80) !important; } /* Plan tease cards */ [data-theme="dark"] .plan-tease, [data-theme="dark"] .plan-tease-name, [data-theme="dark"] .plan-tease-desc { color: rgba(232, 234, 246, 0.90) !important; } /* General card text */ [data-theme="dark"] .card h3, [data-theme="dark"] .card p, [data-theme="dark"] .card span, [data-theme="dark"] .card label { color: rgba(232, 234, 246, 0.90) !important; } /* ── 3. Section titles dark mode — crisp white ────────────── */ [data-theme="dark"] .section-title, [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3 { color: rgba(240, 241, 250, 0.97) !important; } [data-theme="dark"] .section-sub, [data-theme="dark"] .section-sub p { color: rgba(180, 183, 210, 0.82) !important; } /* ── 4. Light mode — keep black/dark text exactly as before ── */ .section-title, .section-sub { color: var(--text) !important; } .section-sub { color: var(--text-muted) !important; } /* ── 5. Scroll reveal — faster trigger, no stuck elements ──── */ /* Make reveal animation quicker so elements don't feel laggy */ .wn-reveal { transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1), transform 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* Hero stat numbers — always show */ .hero-stat-num, .hero-stat-label, .lp-stat-num, .lp-stat-label, .lp-stat-divider, .hero-stat { opacity: 1 !important; transform: none !important; } /* Trust badges — always show */ .trust-badge, .hero-trust, .lp-trust-row, .lp-hero-badge, .hero-badge { opacity: 1 !important; }