/* ============================================================
   darkfix.css — globalna naprawa dark mode TestyNaBrokera (2026-07-10)

   KONTEKST: styles.css ODWRACA skalę zmiennych neutral-* w .dark-mode
   (neutral-100 -> ciemny, neutral-800 -> jasny). Szablony pisały własne
   reguły .dark-mode zakładając brak odwrócenia, przez co tekst i tła
   dostawały te same odcienie (kontrast ~1:1).

   TEN PLIK: wyłącznie reguły .dark-mode z jawnymi kolorami (literały).
   Zero wpływu na tryb jasny. Zero zmian designu. Ładowany jako OSTATNI
   arkusz na stronie (wygrywa kaskadą przy równej specyficzności).
   ============================================================ */

/* ---------- 0. FUNDAMENT: ciemne tło strony ----------
   Część szablonów ma jasne body wpisane na sztywno (np. oferty: #FFF),
   przez co "ciemne" tinty lądowały na białym. */

body.dark-mode { background-color: #0F172A; }
.dark-mode .app-container { background-color: transparent; }
.dark-mode .app-footer { background-color: transparent; }
.dark-mode .premium-page-container { background-color: #0F172A; }

/* ---------- 1. CORE: wspólne komponenty (index, dashboardy edycji,
               strony z homepage.css i jego kopiami per edycja) ---------- */

.dark-mode .section-title { color: #F1F5F9; }

.dark-mode .features-section::before,
.dark-mode .about-section::before,
.dark-mode .newsletter-section::before,
.dark-mode .support-section::before {
    background-color: #111827;
}

.dark-mode .feature-card,
.dark-mode .test-option-card,
.dark-mode .author-card {
    background-color: #111827;
    border-color: rgba(129, 140, 248, 0.18);
}

.dark-mode .feature-card h3,
.dark-mode .author-info h3 { color: #F1F5F9; }

.dark-mode .feature-card p,
.dark-mode .test-option-description p,
.dark-mode .author-description { color: #94A3B8; }

.dark-mode .about-text p { color: #CBD5E1; }

.dark-mode .feature-icon {
    color: #A5B4FC;
    background-color: rgba(99, 102, 241, 0.14);
}

.dark-mode .premium-feature {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.10) 0%, rgba(245, 158, 11, 0.05) 100%);
    border-color: rgba(245, 158, 11, 0.35);
}

.dark-mode .premium-feature .feature-icon {
    color: #FCD34D;
    background-color: rgba(251, 191, 36, 0.12);
}

.dark-mode .test-option-header {
    background: rgba(99, 102, 241, 0.15);
    border-bottom-color: rgba(129, 140, 248, 0.18);
}

.dark-mode .test-option-header h3 { color: #C7D2FE; }

.dark-mode .test-option-footer { border-top-color: rgba(148, 163, 184, 0.18); }

/* Newsletter (sekcja "Bądź na bieżąco") */
.dark-mode .email-signup h3 { color: #F1F5F9; }
.dark-mode .email-signup p { color: #94A3B8; }
.dark-mode .signup-info { color: #64748B; }

/* Stopka (!important — część szablonów ma silniejsze własne reguły) */
.dark-mode .footer-title { color: #E5E7EB !important; }
.dark-mode .footer-links a { color: #94A3B8 !important; }
.dark-mode .footer-links a:hover { color: #A5B4FC !important; }
.dark-mode .footer-column p,
.dark-mode .footer-bottom { color: #94A3B8; }
.dark-mode .footer-bottom a { color: #A5B4FC; }

/* Badge (biały pigułkowy; złoty premium-badge zostaje złoty) */
.dark-mode .badge:not(.premium-badge) { background-color: #111827; }

/* Nagłówki tabel z inline bursztynowym/złotym tłem — ciemny tekst */
.dark-mode th[style*="#F59E0B" i],
.dark-mode th[style*="#FFD700" i],
.dark-mode th[style*="#FBBF24" i] { color: #1F2937; }

/* Jasne tła inline (globalnie; jasne panele .content-container wyłączone) */
.dark-mode [style*="background: white" i]:not(.content-container *),
.dark-mode [style*="background: #fff" i]:not(.content-container *),
.dark-mode [style*="background-color: white" i]:not(.content-container *) {
    background: #151E33 !important;
}

.dark-mode [style*="#EBF4FF" i]:not(.content-container *),
.dark-mode [style*="#EFF6FF" i]:not(.content-container *),
.dark-mode [style*="#F0F9FF" i]:not(.content-container *),
.dark-mode [style*="#DBEAFE" i]:not(.content-container *),
.dark-mode [style*="#E0F2FE" i]:not(.content-container *) {
    background: rgba(59, 130, 246, 0.13) !important;
}

.dark-mode [style*="#EDE9FE" i]:not(.content-container *),
.dark-mode [style*="#F5F3FF" i]:not(.content-container *),
.dark-mode [style*="#F3E8FF" i]:not(.content-container *),
.dark-mode [style*="#E9D5FF" i]:not(.content-container *) {
    background: rgba(139, 92, 246, 0.15) !important;
}

.dark-mode [style*="#FFFBEB" i]:not(.content-container *),
.dark-mode [style*="#FEF3C7" i]:not(.content-container *),
.dark-mode [style*="#FFF7ED" i]:not(.content-container *) {
    background: rgba(245, 158, 11, 0.13) !important;
}

.dark-mode [style*="#ECFDF5" i]:not(.content-container *),
.dark-mode [style*="#D1FAE5" i]:not(.content-container *) {
    background: rgba(16, 185, 129, 0.14) !important;
}

/* Inline tła na zmiennych neutral-700/800/900 = intencja "ciemny box".
   Pinujemy semantycznie (inwersja robiła z nich jasne). */
.dark-mode [style*="background: var(--neutral-800)" i],
.dark-mode [style*="background:var(--neutral-800)" i] { background-color: #1F2937 !important; }
.dark-mode [style*="background: var(--neutral-900)" i],
.dark-mode [style*="background:var(--neutral-900)" i] { background-color: #111827 !important; }
.dark-mode [style*="background: var(--neutral-700)" i],
.dark-mode [style*="background:var(--neutral-700)" i] { background-color: #374151 !important; }

/* Kolorowe nagłówki tabel inline (zielony/niebieski/fioletowy, także przez var) */
.dark-mode th[style*="#10B981" i],
.dark-mode th[style*="#3B82F6" i],
.dark-mode th[style*="#8B5CF6" i],
.dark-mode th[style*="var(--success)" i],
.dark-mode th[style*="var(--warning)" i],
.dark-mode th[style*="var(--gold)" i],
.dark-mode th[style*="var(--accent)" i] { color: #0F172A; }

/* Inline KOLORY tekstu na zmiennych neutral-* — pin semantyczny.
   -300/-400 = intencja "jasny/przygaszony jasny", -600/-700 = tekst
   drugorzędny; na ciemnych tłach dark mode pinujemy na jasno. */
.dark-mode [style*="color: var(--neutral-300)" i]:not(.content-container *),
.dark-mode [style*="color:var(--neutral-300)" i]:not(.content-container *),
.dark-mode [style*="color: var(--neutral-700)" i]:not(.content-container *),
.dark-mode [style*="color:var(--neutral-700)" i]:not(.content-container *) {
    color: #CBD5E1 !important;
}

.dark-mode [style*="color: var(--neutral-400)" i]:not(.content-container *),
.dark-mode [style*="color:var(--neutral-400)" i]:not(.content-container *),
.dark-mode [style*="color: var(--neutral-500)" i]:not(.content-container *),
.dark-mode [style*="color:var(--neutral-500)" i]:not(.content-container *),
.dark-mode [style*="color: var(--neutral-600)" i]:not(.content-container *),
.dark-mode [style*="color:var(--neutral-600)" i]:not(.content-container *) {
    color: #94A3B8 !important;
}

.dark-mode [style*="color: var(--neutral-800)" i]:not(.content-container *),
.dark-mode [style*="color:var(--neutral-800)" i]:not(.content-container *),
.dark-mode [style*="color: var(--neutral-900)" i]:not(.content-container *),
.dark-mode [style*="color:var(--neutral-900)" i]:not(.content-container *) {
    color: #F1F5F9 !important;
}

/* Inline color: var(--primary) na ciemnych pasach — jaśniejszy indygo */
.dark-mode [style*="color: var(--primary)" i]:not(.content-container *):not(.premium-page-container *),
.dark-mode [style*="color:var(--primary)" i]:not(.content-container *):not(.premium-page-container *) {
    color: #A5B4FC !important;
}

/* Nawigacja (stary szablon nadaje odwrócone zmienne) */
.dark-mode .nav-tab { background-color: #1F2937; color: #CBD5E1; }
.dark-mode .nav-tab:hover { background-color: #312E81; color: #E0E7FF; }
.dark-mode .nav-tab.active { background-color: #4F46E5; color: #fff; }

/* Linki bez klasy (domyślny niebieski przeglądarki na ciemnym tle) */
.dark-mode a:not([class]) { color: #E0E7FF; }

/* Przycisk secondary (biały tekst na jasnoszarym po inwersji) */
.dark-mode .btn-secondary { background-color: #374151; color: #E5E7EB; }

/* ---------- 2. Strony quizowe (testy-*) ---------- */

/* Stare kopie szablonu quizu (edycje tokenowe) — jasny quiz-header/content
   z odwróconych zmiennych. Wersje free-tests (root) mają własne, bardziej
   specyficzne reguły — te wygrywają. */
.dark-mode .quiz-container,
.dark-mode .quiz-header,
.dark-mode .quiz-content {
    background-color: #151E33;
}

.dark-mode .quiz-header { border-bottom-color: rgba(129, 140, 248, 0.16); }

.dark-mode .answer { background-color: #1F2937; border-color: #374151; }
.dark-mode .answer-letter { background-color: #334155; color: #E5E7EB; }
.dark-mode .random-option { background-color: #312E81; }
.dark-mode .history-item { background-color: #1F2937; }
.dark-mode .history-answer { background-color: #111827; }

.dark-mode.free-tests-page .lite-upgrade-banner {
    background:
        linear-gradient(135deg, rgba(30, 27, 75, 0.95) 0%, rgba(67, 56, 202, 0.42) 100%),
        #111827;
    border-color: rgba(129, 140, 248, 0.30);
}

.dark-mode.free-tests-page .lite-upgrade-features {
    background: rgba(17, 24, 39, 0.42);
    border-color: rgba(165, 180, 252, 0.16);
}

.dark-mode.free-tests-page .lite-upgrade-secondary {
    background: rgba(31, 41, 55, 0.7);
    border-color: rgba(165, 180, 252, 0.32);
    color: #C7D2FE;
}

.dark-mode .source-options {
    background-color: #111827;
    border-color: rgba(129, 140, 248, 0.22);
}

.dark-mode .source-checkbox:hover { background-color: rgba(99, 102, 241, 0.16); }

.dark-mode .select-input {
    background-color: #111827;
    border-color: rgba(129, 140, 248, 0.25);
    color: #E5E7EB;
}

.dark-mode .form-group label { color: #CBD5E1; }

.dark-mode .option-description,
.dark-mode .option-description2 { color: #C7D2FE; }

.dark-mode .selection-panel-heading span { color: #F1F5F9; }

/* ---------- 3. Statystyki zdawalności (nowy szablon) ---------- */

.dark-mode .stat-card,
.dark-mode .chart-container,
.dark-mode .myth-card,
.dark-mode .tip-card,
.dark-mode .analysis-card,
.dark-mode .data-table {
    background-color: #151E33;
    border-color: rgba(129, 140, 248, 0.16);
}

.dark-mode .stat-card::before {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.28) 0%, rgba(124, 58, 237, 0.22) 100%);
}

.dark-mode .stat-label,
.dark-mode .chart-title { color: #F1F5F9; }

.dark-mode .stat-description { color: #94A3B8; }

.dark-mode .tip-title { color: #93C5FD; }

.dark-mode .september-section {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(59, 130, 246, 0.06));
    border-color: rgba(59, 130, 246, 0.40);
}

.dark-mode .september-content h2,
.dark-mode .september-content h3 { color: #93C5FD; }

.dark-mode th { background-color: #0F1728; color: #CBD5E1; }
.dark-mode td { border-bottom-color: rgba(148, 163, 184, 0.15); }

.dark-mode .high-rate { background-color: rgba(16, 185, 129, 0.15); color: #6EE7B7; }
.dark-mode .medium-rate { background-color: rgba(245, 158, 11, 0.15); color: #FCD34D; }
.dark-mode .low-rate { background-color: rgba(239, 68, 68, 0.15); color: #FCA5A5; }

/* ---------- 4. Statystyki rynkowe (stary szablon e074/e098/e117) ---------- */

.dark-mode .anchor-stats-section,
.dark-mode .detailed-stats-section,
.dark-mode .leaders-section,
.dark-mode .comparison-section,
.dark-mode .comparison-table,
.dark-mode .comparison-table table,
.dark-mode .chunk-card,
.dark-mode .leader-card,
.dark-mode .faq-item,
.dark-mode .mobile-nav-menu {
    background: #151E33 !important;
    border-color: rgba(129, 140, 248, 0.16);
}

.dark-mode .mobile-nav-item { background: #1F2937; }

.dark-mode .chunk-card[class*="dzia"],
.dark-mode .chunk-card.agenci { background: rgba(99, 102, 241, 0.12) !important; }

.dark-mode .leader-card.crown { background: rgba(245, 158, 11, 0.12) !important; }

.dark-mode .comparison-table .table-highlight {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #FCD34D;
}

/* ---------- 5. Strony ofertowe (testy-2025/2026-dostep) ---------- */

.dark-mode .premium-page-container {
    --color-dark: #F1F5F9;
    --color-gray: #94A3B8;
}

.dark-mode .premium-page-container .problem-section,
.dark-mode .premium-page-container .possibility-section,
.dark-mode .premium-page-container .mechanism-section,
.dark-mode .premium-page-container .publishing-model-section,
.dark-mode .premium-page-container .credibility-strip,
.dark-mode .premium-page-container .qualification-box {
    background: #0F1728 !important;
    border-color: rgba(129, 140, 248, 0.14);
}

.dark-mode .premium-page-container .returning-users-section {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.18) 0%, rgba(139, 92, 246, 0.08) 100%) !important;
    border-color: rgba(139, 92, 246, 0.35);
}

.dark-mode .premium-page-container .problem-card,
.dark-mode .premium-page-container .mechanism-step,
.dark-mode .premium-page-container .model-column,
.dark-mode .premium-page-container .timeline-card,
.dark-mode .premium-page-container .offer-card,
.dark-mode .premium-page-container .case-study-result,
.dark-mode .premium-page-container .faq-question,
.dark-mode .premium-page-container .faq-answer {
    background: #151E33 !important;
    border-color: rgba(129, 140, 248, 0.16);
}

.dark-mode .premium-page-container .faq-item.active .faq-question { background: #1A2440 !important; }

.dark-mode .premium-page-container .timeline-card.highlight {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.22) 0%, rgba(59, 130, 246, 0.10) 100%) !important;
}

.dark-mode .premium-page-container .case-study-card {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.14) 0%, rgba(59, 130, 246, 0.05) 100%) !important;
}

.dark-mode .premium-page-container .problem-icon { background: rgba(236, 72, 153, 0.16) !important; }
.dark-mode .premium-page-container .qual-dont { background: rgba(244, 63, 94, 0.13) !important; }
.dark-mode .premium-page-container .qual-do { background: rgba(139, 92, 246, 0.15) !important; }
.dark-mode .premium-page-container .package-availability-note {
    background: rgba(16, 185, 129, 0.14) !important;
    color: #6EE7B7 !important;
}
.dark-mode .premium-page-container .problem-card .agitation { color: #FB7185; }

/* Inline styles ofert: najpierw białe... */
.dark-mode .premium-page-container [style*="background: white" i],
.dark-mode .premium-page-container [style*="background: #fff" i],
.dark-mode .premium-page-container [style*="white 0%" i],
.dark-mode .premium-page-container [style*="white 100%" i],
.dark-mode .premium-page-container [style*="var(--neutral-50) 0%" i] {
    background: #151E33 !important;
}

/* ...potem tinty per rodzina odcieni */
.dark-mode .premium-page-container [style*="#EFF6FF" i],
.dark-mode .premium-page-container [style*="#F0F9FF" i],
.dark-mode .premium-page-container [style*="#DBEAFE" i],
.dark-mode .premium-page-container [style*="#E0F2FE" i] {
    background: rgba(59, 130, 246, 0.13) !important;
}

.dark-mode .premium-page-container [style*="#EDE9FE" i],
.dark-mode .premium-page-container [style*="#F5F3FF" i],
.dark-mode .premium-page-container [style*="#FAF5FF" i],
.dark-mode .premium-page-container [style*="#F3E8FF" i] {
    background: rgba(139, 92, 246, 0.15) !important;
}

.dark-mode .premium-page-container [style*="#FFFBEB" i],
.dark-mode .premium-page-container [style*="#FFF7ED" i] {
    background: rgba(245, 158, 11, 0.13) !important;
}

.dark-mode .premium-page-container [style*="#FFF1F2" i] { background: rgba(244, 63, 94, 0.13) !important; }

.dark-mode .premium-page-container [style*="#ECFDF5" i],
.dark-mode .premium-page-container [style*="#D1FAE5" i] {
    background: rgba(16, 185, 129, 0.14) !important;
}

.dark-mode .premium-page-container [style*="background: var(--neutral-600)" i] { background: #4B5563 !important; }

/* Ciemnofioletowe teksty inline na ciemnych tintach -> jasny lawendowy */
.dark-mode .premium-page-container [style*="color: var(--color-winter-blue)" i],
.dark-mode .premium-page-container [style*="color: var(--color-primary-dark)" i],
.dark-mode .premium-page-container [style*="color: var(--color-primary)" i],
.dark-mode .premium-page-container [style*="color: #4C1D95" i],
.dark-mode .premium-page-container [style*="color: #6D28D9" i],
.dark-mode .premium-page-container [style*="color: #5B21B6" i],
.dark-mode .premium-page-container [style*="color: #7C3AED" i],
.dark-mode .premium-page-container [style*="color: #9333EA" i] {
    color: #C4B5FD !important;
}

.dark-mode .premium-page-container [style*="#9D174D" i] { color: #FB7185 !important; }
.dark-mode .premium-page-container [style*="color: #0F766E" i],
.dark-mode .premium-page-container [style*="color:#0F766E" i] { color: #5EEAD4 !important; }
.dark-mode .premium-page-container [style*="color: #6B7280" i],
.dark-mode .premium-page-container [style*="color:#6B7280" i] { color: #94A3B8 !important; }

.dark-mode .premium-page-container #pakiety { background: #0F1728 !important; }

/* ---------- 6. Reasekuracja (testy-reasekuracja-dostep) ---------- */

.dark-mode .reass-highlights-section {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(245, 158, 11, 0.08)) !important;
}

.dark-mode .highlight-card,
.dark-mode .fit-card,
.dark-mode .process-step,
.dark-mode .pricing-card {
    background: #151E33 !important;
    border-color: rgba(45, 212, 191, 0.20);
}

.dark-mode .price-tag,
.dark-mode .highlight-value,
.dark-mode .fit-icon,
.dark-mode .checklist i,
.dark-mode .faq-question i { color: #2DD4BF; }

.dark-mode .pricing-card h3,
.dark-mode .faq-question { color: #F1F5F9; }

.dark-mode .checklist li,
.dark-mode .price-tag span,
.dark-mode .pricing-note { color: #CBD5E1; }

.dark-mode .highlight-label { color: #94A3B8; }

.dark-mode .highlight-text,
.dark-mode .fit-card p,
.dark-mode .process-step p,
.dark-mode .faq-answer p { color: #A9B7CC; }

.dark-mode .pricing-note a { color: #5EEAD4; }

/* ---------- 7. Podcasty ---------- */

.dark-mode .podcast-container,
.dark-mode .podcast-filters {
    background-color: #151E33;
    border-color: rgba(129, 140, 248, 0.16);
}

.dark-mode .podcast-title { color: #F1F5F9; }
.dark-mode .podcast-description { color: #CBD5E1; }
.dark-mode .podcast-meta { color: #94A3B8; }

.dark-mode .podcast-stats {
    background-color: #111827;
    border-color: rgba(129, 140, 248, 0.18);
    color: #94A3B8;
}

.dark-mode .filter-select {
    background-color: #111827;
    border-color: rgba(129, 140, 248, 0.25);
    color: #E5E7EB;
}

/* ---------- 8. Słownik ---------- */

.dark-mode .dictionary-card {
    background-color: #151E33;
    border-color: rgba(129, 140, 248, 0.16);
}

.dark-mode .term-title { color: #F1F5F9; }
.dark-mode .term-definition { color: #CBD5E1; }

.dark-mode .search-input {
    background-color: #111827;
    border-color: rgba(129, 140, 248, 0.25);
    color: #E5E7EB;
}

.dark-mode .letter-link { background-color: rgba(99, 102, 241, 0.2); color: #A5B4FC; }

/* Karty historii (timeline bywa poza .content-container) — jasne karty,
   tekst przypięty na ciemno */
.dark-mode .timeline .event,
.dark-mode .content-container .event,
.dark-mode .stat-box {
    background-color: #FFFFFF !important;
}

.dark-mode .timeline .event :is(div, p, strong, span, h3, h4),
.dark-mode .stat-box :is(div, span) {
    color: #1F2937;
}

.dark-mode .timeline .knf-box,
.dark-mode .timeline [style*="#E8F5E8" i] { background-color: #E8F5E8 !important; }

/* ---------- 9. Jasny panel treści (regulamin, polityka, historia) ----------
   Te szablony trzymają treść w .content-container. W dark mode panel
   zostaje JASNY (świadomie, jak karta dokumentu), a tekst w środku
   przypinamy na ciemno — niezależnie od odwróconych zmiennych. */

.dark-mode .content-container { background-color: #F3F4F6; }

.dark-mode .content-container :is(h1, h2, h3, h4, h5, h6, p, li, strong, em, div, span, td, label, small, blockquote) {
    color: #1F2937;
}

.dark-mode .content-container .section-title { color: #111827; }

.dark-mode .content-container a,
.dark-mode .content-container a:not([class]) { color: #4338CA; }

.dark-mode .content-container th {
    background-color: #E5E7EB;
    color: #111827;
}

/* Inline kolory na zmiennych WEWNĄTRZ jasnego panelu — zawsze ciemne */
.dark-mode .content-container [style*="color: var(--neutral-" i],
.dark-mode .content-container [style*="color:var(--neutral-" i] {
    color: #1F2937 !important;
}

/* Ciemnozielone boxy faktów historii w jasnym panelu — na jasno */
.dark-mode .content-container .fact-highlight {
    background-color: #E8F5E8 !important;
}

/* Spis treści historii — jasny box w jasnym panelu */
.dark-mode .content-container .table-of-contents {
    background-color: #EEF2FF !important;
}

/* ---------- 10. Akty prawne (oś czasu, e098) ---------- */

.dark-mode .event-tooltip { background: #111827; }
.dark-mode .event-tooltip::after { border-top-color: #111827; }
.dark-mode .event-tooltip.tooltip-below::after { border-bottom-color: #111827; }

.dark-mode .controls-section,
.dark-mode .timeline-container { background: #151E33; }

.dark-mode .timeline-wrapper,
.dark-mode .timeline-controls,
.dark-mode .legend { background: #111827; }

.dark-mode .range-display,
.dark-mode .timeline-year {
    background: #1F2937;
    color: #E5E7EB;
}

.dark-mode .filter-btn { background: #1F2937; color: #CBD5E1; }

/* ---------- 10b. Plan nauki (e098) ----------
   Szablon używa ciemnych literałów w tekstach — panel zostaje jasny,
   tekst przypinamy na ciemno. Scope przez :has(.option), bo klasa
   .quiz-section występuje też na statystykach Maj (ciemne karty quizu). */

.dark-mode .quiz-section:has(.option),
.dark-mode .plan-results { background: #F3F4F6; }

.dark-mode .quiz-section:has(.option) :is(h2, h3, p, li, strong, small, span, label, div),
.dark-mode .plan-results :is(h2, h3, p, li, strong, small, span, label, div) {
    color: #1F2937;
}

/* Statystyki Maj: karty quizu Active Recall (granatowe, ciemny tekst z literałów) */
.dark-mode .quiz-section:not(:has(.option)) :is(h4, p, strong, span) { color: #E5E7EB; }

/* ---------- 10c. Słownik lite 042025 ---------- */

.dark-mode span.cta-price { color: #B45309; }

/* ---------- 10d. Hub modułów MAX + konsultacja (odwrócone zmienne) ---------- */

.dark-mode .modules-hero,
.dark-mode .modules-path,
.dark-mode .modules-category,
.dark-mode .modules-note,
.dark-mode .module-card {
    background: #151E33 !important;
    border-color: rgba(129, 140, 248, 0.16);
}

.dark-mode .modules-stat,
.dark-mode .modules-action,
.dark-mode .module-count,
.dark-mode .modules-filter input {
    background: #111827 !important;
    color: #CBD5E1;
}

/* ---------- 10e. Słownik edycji: licznik sekcji ---------- */

.dark-mode .section-count { color: #CBD5E1; }

/* ---------- 10f. Analiza pytań: przypięta kolumna modułów ---------- */

.dark-mode .az-table tbody .az-col-module,
.dark-mode .az-table tbody .az-col-module span,
.dark-mode .az-table tbody span { color: #1F2937; }

.dark-mode .az-table thead .az-col-module,
.dark-mode .az-table thead .az-col-module span,
.dark-mode .az-table thead span { color: #fff; }

/* ---------- 10g. Statystyki rynkowe Maj 2026 (marker .stats-hero) ----------
   background-color (nie background) — gradientowe sekcje zostają nietknięte,
   jasne jednolite tła ciemnieją. */

body.dark-mode:has(.stats-hero) [class*="section"] { background-color: #0F1728 !important; }

.dark-mode .story-card,
.dark-mode .division-ranking,
.dark-mode .distribution-card,
.dark-mode .company-card {
    background-color: #151E33 !important;
}

.dark-mode .top-3-title,
.dark-mode .division-title { color: #F1F5F9; }

.dark-mode .distribution-label { color: #94A3B8; }

/* ---------- 10h. Hub modułów: teksty na twardych ciemnych literałach ---------- */

.dark-mode .modules-hero h1 { color: #F1F5F9; }

.dark-mode .modules-hero :is(p, span, strong),
.dark-mode .modules-path :is(h2, h3, p, span, li, strong),
.dark-mode .modules-category :is(h2, h3, p, span, strong),
.dark-mode .modules-note :is(h2, h3, p, span, strong),
.dark-mode .module-card :is(h3, p) { color: #CBD5E1; }

.dark-mode .module-card h3 { color: #F1F5F9; }

.dark-mode .module-card .open { filter: brightness(1.6) saturate(0.85); }

/* Karty ścieżki i moduły: wyższa specyficzność niż reguły szablonu */
.dark-mode .path-step { background-color: #151E33 !important; }
.dark-mode a.module-card h3,
.dark-mode .modules-page .module-card h3 { color: #F1F5F9; }
.dark-mode .path-step h3 { color: #F1F5F9; }
.dark-mode .path-step p { color: #94A3B8; }

/* ---------- 10i. Newsletter box (testy-2025) ---------- */

.dark-mode .signup-btn {
    background-color: #4F46E5 !important;
    color: #fff !important;
}

/* ---------- 10j. Analiza pytań: listy trendów (białe karty danych) ---------- */

.dark-mode .az-trend-list li,
.dark-mode .az-trend-list span { color: #374151; }

/* ---------- 10k. Stare statystyki rynkowe (nawigacja, formuły, tabela) ---------- */

.dark-mode .stats-navigation a,
.dark-mode .stats-navigation a span,
.dark-mode .stats-navigation a small { color: #D1D5DB !important; }

.dark-mode .stats-hero a { color: #C7D2FE; }

.dark-mode .formula-card { background-color: #151E33 !important; }

.dark-mode .comparison-table thead th { color: #F1F5F9 !important; }
.dark-mode .comparison-table td,
.dark-mode .comparison-table td strong { color: #CBD5E1; }

.dark-mode .mobile-nav-item,
.dark-mode .mobile-nav-item span,
.dark-mode .mobile-nav-item div { color: #D1D5DB !important; }

/* ---------- 10l. Mapa drogowa / moduły z akordeonem (ciemne literały inline) ---------- */

.dark-mode .accordion-content [style*="color: #1e293b" i],
.dark-mode .accordion-content [style*="color:#1e293b" i] { color: #E5E7EB !important; }

/* ---------- 10m. W budowie: karty zapowiedzi ---------- */

.dark-mode .feature-preview-card h3 { color: #E5E7EB; }
.dark-mode .feature-preview-card p { color: #94A3B8; }

/* ---------- 10n. Reasekuracja 2026 (edycja tokenowa) ---------- */

.dark-mode .fit-card h3 { color: #F1F5F9; }
.dark-mode .reass-subtitle,
.dark-mode .section-lead { color: #94A3B8; }

/* ---------- 10o. Strony ustaw (law-*): ciemne literały na ciemnych kartach ---------- */

.dark-mode .law-container { color: #CBD5E1; }

.dark-mode .law-container :is(h1, h2, h3, h4, h5) { color: #F1F5F9; }

.dark-mode .law-container :is(p, li, strong, em, span, td, div, small, blockquote) { color: #CBD5E1; }

.dark-mode .law-container .tag { color: #A5B4FC; }

/* ---------- 11. Strony "w budowie" ---------- */

.dark-mode .construction-title { color: #F1F5F9; }
.dark-mode .construction-subtitle { color: #94A3B8; }
.dark-mode .construction-description { color: #CBD5E1; }

/* ---------- 12. Analiza pytań (az-*) ---------- */

.dark-mode .az-page { color: #E5E7EB; }
.dark-mode .az-section-title { color: #F1F5F9; }
.dark-mode .az-section-intro { color: #94A3B8; }
.dark-mode .az-method h3 { color: #A5B4FC; }
.dark-mode .az-method ul { color: #CBD5E1; }
.dark-mode .az-legend { color: #94A3B8; }
.dark-mode .az-hint,
.dark-mode .az-source-note { color: #64748B; }

/* ---------- 13. Viewer uzasadnień ---------- */

.dark-mode .question-id { color: #A5B4FC; }

/* ---------- 14. Testy-2025 (odliczanie / coming soon) ---------- */

.dark-mode .countdown-section,
.dark-mode .countdown-item,
.dark-mode .coming-soon-container,
.dark-mode .coming-soon-feature {
    background-color: #151E33;
    border-color: rgba(129, 140, 248, 0.16);
}

.dark-mode .coming-soon-title,
.dark-mode .countdown-number { color: #F1F5F9; }

.dark-mode .coming-soon-desc,
.dark-mode .countdown-label { color: #94A3B8; }

.dark-mode .coming-soon-feature h3 { color: #F1F5F9; }

/* ---------- Quiz dark v2 (2026-07-14) ----------
   styles-tests.css w .dark-mode ODWRACA zmienne --neutral-* (jasne wartosci),
   wiec tla quizu i panelu nawigacji deklarujemy sztywnymi ciemnymi hexami. */
.dark-mode .quiz-content { background-color: #111827; color: #E2E8F0; }
.dark-mode .question { color: #F1F5F9; }
.dark-mode .question-info { background-color: rgba(99, 102, 241, 0.18); color: #C7D2FE; }
.dark-mode .answer { background-color: #1F2937; border-color: #374151; }
.dark-mode .answer:hover { border-color: rgba(129, 140, 248, 0.5); }
.dark-mode .answer-letter { background-color: #374151; color: #E5E7EB; }
.dark-mode .answer-selected { background-color: #1E1B4B; border-color: #6366F1; }
.dark-mode .answer-correct { background-color: #064E3B; border-color: #10B981; }
.dark-mode .answer-incorrect { background-color: #7F1D1D; border-color: #EF4444; }
.dark-mode .answer-selected .answer-letter { background-color: #6366F1; color: #fff; }
.dark-mode .answer-correct .answer-letter { background-color: #10B981; color: #fff; }
.dark-mode .answer-incorrect .answer-letter { background-color: #EF4444; color: #fff; }
.dark-mode .preview-navigation { background-color: #111827; box-shadow: none; border: 1px solid #374151; }
.dark-mode .preview-nav-header { border-bottom-color: #374151; }
.dark-mode .preview-nav-header h3 { color: #F1F5F9; }
.dark-mode .question-position { color: #E2E8F0; }
.dark-mode .quiz-stats-compact .stat { color: #CBD5E1; }
.dark-mode .btn-icon { color: #A9B7CC; }
.dark-mode .preview-nav-controls .btn-secondary { background-color: #1F2937; color: #E2E8F0; border-color: #374151; }
.dark-mode .result-title { color: #F1F5F9; }
.dark-mode .result-message { color: #A9B7CC; }