/*
 * TestHub - motyw CIEMNY (2026-10-08). Wlaczany przez html[data-motyw="ciemny"] (przelacznik ◐ w naglowku,
 * ciasteczko testhub_motyw). Domyslnie strona jest jasna - wyglad jak dotad. Kolory tylko przez zmienne ponizej.
 */
html[data-motyw="ciemny"] {
	--c-tlo: #141618;
	--c-panel: #1c1f22;
	--c-panel2: #23272b;
	--c-tekst: #c9cdd1;
	--c-naglowek: #eceef0;
	--c-przygaszony: #9aa1a8;
	--c-ramka: #2f3438;
	--c-akcent: #e8453d;
	--c-link-tresc: #8fa8ff;
	color-scheme: dark;
}

/* tlo i tekst */
html[data-motyw="ciemny"],
html[data-motyw="ciemny"] body,
html[data-motyw="ciemny"] #page-container,
html[data-motyw="ciemny"] #wrapper,
html[data-motyw="ciemny"] .content-container { background-color: var(--c-tlo) !important; color: var(--c-tekst); }
html[data-motyw="ciemny"] body,
html[data-motyw="ciemny"] p,
html[data-motyw="ciemny"] .post-content,
html[data-motyw="ciemny"] .post-content li,
html[data-motyw="ciemny"] .post-container-excerpt,
html[data-motyw="ciemny"] .page-content { color: var(--c-tekst); }

/* naglowki i tytuly (poza tekstami na zdjeciach) */
html[data-motyw="ciemny"] h1, html[data-motyw="ciemny"] h2, html[data-motyw="ciemny"] h3,
html[data-motyw="ciemny"] h4, html[data-motyw="ciemny"] h5, html[data-motyw="ciemny"] h6,
html[data-motyw="ciemny"] .post-title, html[data-motyw="ciemny"] .post-title h2, html[data-motyw="ciemny"] .post-title h4,
html[data-motyw="ciemny"] .sh-heading-content, html[data-motyw="ciemny"] .widget-title,
html[data-motyw="ciemny"] .sh-recent-posts-widgets-item-content h6,
html[data-motyw="ciemny"] .sh-comment-author, html[data-motyw="ciemny"] .sh-comment-author a,
html[data-motyw="ciemny"] .post-content strong, html[data-motyw="ciemny"] .post-content b,
html[data-motyw="ciemny"] .post-content table td strong { color: var(--c-naglowek); }
html[data-motyw="ciemny"] .blog-slider-item h2, html[data-motyw="ciemny"] .blog-slider-item .post-title,
html[data-motyw="ciemny"] .post-switch-item h2, html[data-motyw="ciemny"] .post-switch-item a,
html[data-motyw="ciemny"] .sh-404-left h1, html[data-motyw="ciemny"] .sh-404-left h2 { color: #fff; }

/* tekst przygaszony: meta, daty, autor, paginacja, tagi */
html[data-motyw="ciemny"] .post-meta a, html[data-motyw="ciemny"] .post-meta span,
html[data-motyw="ciemny"] .post-meta-content, html[data-motyw="ciemny"] .sh-recent-posts-widgets-item-meta,
html[data-motyw="ciemny"] .sh-recent-posts-widgets-item-meta a, html[data-motyw="ciemny"] .sh-comment-date a,
html[data-motyw="ciemny"] .post-tags-item, html[data-motyw="ciemny"] ul.page-numbers a.page-numbers:not(.current),
html[data-motyw="ciemny"] .sh-header .sh-nav > li.menu-item > a,
html[data-motyw="ciemny"] #sidebar .post-meta a { color: var(--c-przygaszony) !important; }
html[data-motyw="ciemny"] .sh-header .sh-nav > li.menu-item:hover > a,
html[data-motyw="ciemny"] .sh-header .sh-nav > li.current-menu-item > a { color: var(--c-akcent) !important; }

/* linki w tresci wpisu (w jasnym #271ea4) */
html[data-motyw="ciemny"] .post-content p a { color: var(--c-link-tresc); }

/* panele: naglowek, menu rozwijane, wyszukiwarka, pasek cookies, stopka, titlebar, autor */
html[data-motyw="ciemny"] .sh-header, html[data-motyw="ciemny"] .sh-header-mobile,
html[data-motyw="ciemny"] .sh-header-mobile-navigation, html[data-motyw="ciemny"] .sh-header-mobile-dropdown,
html[data-motyw="ciemny"] .sh-nav .sub-menu, html[data-motyw="ciemny"] .sh-nav .sub-menu li a,
html[data-motyw="ciemny"] .sh-header-search-side-input,
html[data-motyw="ciemny"] .sh-page-notice, html[data-motyw="ciemny"] .sh-footer .sh-copyrights,
html[data-motyw="ciemny"] .sh-titlebar, html[data-motyw="ciemny"] .sh-post-author,
html[data-motyw="ciemny"] .sh-back-to-top, html[data-motyw="ciemny"] .sh-header-side { background-color: var(--c-panel) !important; color: var(--c-tekst); }
html[data-motyw="ciemny"] .sh-nav .sub-menu li a, html[data-motyw="ciemny"] .sh-header-mobile-dropdown a { color: var(--c-tekst) !important; }
html[data-motyw="ciemny"] .sh-footer .sh-copyrights a,
html[data-motyw="ciemny"] .sh-footer .sh-copyrights .sh-nav li.menu-item a,
html[data-motyw="ciemny"] .sh-copyrights-info { color: var(--c-tekst) !important; }
html[data-motyw="ciemny"] .sh-page-notice .sh-page-notice-button { background-color: var(--c-panel2); color: var(--c-naglowek); border-color: var(--c-przygaszony); }
html[data-motyw="ciemny"] .sh-hamburger-menu span { background-color: var(--c-naglowek) !important; }

/* elementy z bialym tlem pod tytulami sekcji (linia + tekst na bialym) */
html[data-motyw="ciemny"] .sh-heading-content, html[data-motyw="ciemny"] .widget-title,
html[data-motyw="ciemny"] .sh-heading span, html[data-motyw="ciemny"] .post-related-title h2,
html[data-motyw="ciemny"] .sh-comments-title { background-color: var(--c-tlo) !important; }

/* ramki i linie */
html[data-motyw="ciemny"] *, html[data-motyw="ciemny"] *::before, html[data-motyw="ciemny"] *::after { border-color: var(--c-ramka); }
html[data-motyw="ciemny"] hr { border-color: var(--c-ramka) !important; background-color: var(--c-ramka); }

/* tabele w tresci */
html[data-motyw="ciemny"] table, html[data-motyw="ciemny"] th, html[data-motyw="ciemny"] td { border-color: var(--c-ramka) !important; }
html[data-motyw="ciemny"] .post-content table tr:nth-child(odd) td { background-color: var(--c-panel); }

/* formularze */
html[data-motyw="ciemny"] input, html[data-motyw="ciemny"] textarea, html[data-motyw="ciemny"] select {
	background-color: var(--c-panel2) !important; color: var(--c-naglowek) !important; border-color: var(--c-ramka) !important;
}

/* placeholdery zdjec bez obrazka */
html[data-motyw="ciemny"] .sh-ratio-content { background-color: var(--c-panel2); }

/* logo: wersja z jasnym napisem (podmiana src w skrypcie przelacznika) */

/* przycisk przelacznika (ikona SVG w stylu pozostalych ikon naglowka; wyglad jak linki menu) */
.sh-header-mobile .th-motyw-li { padding-left: 8px; } /* przycisk w ukladzie naglowka - logo na telefonie ok. 10 px wezsze, bez nachodzenia */
.sh-header-mobile .th-motyw-przelacz { display: inline-block; padding: 0 4px; color: rgba(217,36,28,1); }
.sh-header-mobile .th-motyw-przelacz .th-svg { display: inline-block; width: 22px; height: 22px; line-height: 0; vertical-align: middle; position: relative; top: 0; }
.sh-header-mobile .th-motyw-przelacz .th-svg svg { width: 100%; height: 100%; display: block; }

/* naglowek jednolity jak w jasnym + linia pod logo */
html[data-motyw="ciemny"] .sh-header, html[data-motyw="ciemny"] .sh-header-mobile,
html[data-motyw="ciemny"] .sh-header-mobile-navigation, html[data-motyw="ciemny"] .sh-header-middle,
html[data-motyw="ciemny"] .sh-header-top, html[data-motyw="ciemny"] .sh-header-height { background-color: var(--c-tlo) !important; }
html[data-motyw="ciemny"] .sh-header-additional { border-color: var(--c-ramka) !important; }

/* formularz komentarzy */
html[data-motyw="ciemny"] .sh-comment-form, html[data-motyw="ciemny"] .comment-respond { background-color: var(--c-panel) !important; }

/* linki w tresci wpisow i stron */
html[data-motyw="ciemny"] .post-content a, html[data-motyw="ciemny"] .page-content a { color: var(--c-link-tresc); }

/* kolory wpisane recznie w starych wpisach (style="color: ...") - czytelne na ciemnym tle */
html[data-motyw="ciemny"] .post-content [style*="color: #0000ff"], html[data-motyw="ciemny"] .page-content [style*="color: #0000ff"],
html[data-motyw="ciemny"] .post-content [style*="color: #3366ff"], html[data-motyw="ciemny"] .page-content [style*="color: #3366ff"],
html[data-motyw="ciemny"] .post-content [style*="color: #2e74b5"], html[data-motyw="ciemny"] .page-content [style*="color: #2e74b5"] { color: var(--c-link-tresc) !important; }
html[data-motyw="ciemny"] .post-content [style*="color: #000000"], html[data-motyw="ciemny"] .page-content [style*="color: #000000"],
html[data-motyw="ciemny"] .post-content [style*="color: #0c0c0c"], html[data-motyw="ciemny"] .page-content [style*="color: #0c0c0c"],
html[data-motyw="ciemny"] .post-content [style*="color: #101111"], html[data-motyw="ciemny"] .page-content [style*="color: #101111"] { color: var(--c-naglowek) !important; }
html[data-motyw="ciemny"] .post-content [style*="color: #008000"], html[data-motyw="ciemny"] .page-content [style*="color: #008000"],
html[data-motyw="ciemny"] .post-content [style*="color: #339966"], html[data-motyw="ciemny"] .page-content [style*="color: #339966"] { color: #5cc78a !important; }
html[data-motyw="ciemny"] .post-content [style*="color: #ff0000"], html[data-motyw="ciemny"] .page-content [style*="color: #ff0000"] { color: #ff6a5f !important; }
html[data-motyw="ciemny"] .post-content [style*="background-color: #f0f0f0"], html[data-motyw="ciemny"] .post-content [style*="background-color: #e0e0e0"] { background-color: var(--c-panel2) !important; }
/* naglowki „Autorzy” (dawny element WPBakery z kolorem #0c0c0c) */
html[data-motyw="ciemny"] .vc_custom_heading { color: var(--c-naglowek) !important; }

/* menu: CSS generowany przez motyw (render-css) ma !important - wyzsza szczegolowosc */
html[data-motyw="ciemny"] .primary-desktop .sh-nav > li.menu-item ul:not(.nav-tabs),
html[data-motyw="ciemny"] .sh-header-mobile-dropdown, html[data-motyw="ciemny"] .header-mobile-social-media a { background-color: var(--c-panel) !important; }
html[data-motyw="ciemny"] .sh-nav-mobile li:after, html[data-motyw="ciemny"] .sh-nav-mobile ul:before { background-color: var(--c-ramka) !important; }
html[data-motyw="ciemny"] .header-mobile-social-media, html[data-motyw="ciemny"] .header-mobile-social-media a { border-color: var(--c-ramka) !important; }
html[data-motyw="ciemny"] .sh-nav-mobile li a, html[data-motyw="ciemny"] .primary-desktop .sh-nav > li.menu-item ul a,
html[data-motyw="ciemny"] .header-mobile-social-media a i { color: var(--c-przygaszony) !important; }
html[data-motyw="ciemny"] .sh-nav-mobile .current_page_item > a, html[data-motyw="ciemny"] .sh-nav-mobile > li a:hover,
html[data-motyw="ciemny"] .primary-desktop .sh-nav > li.menu-item ul li:hover > a,
html[data-motyw="ciemny"] .primary-desktop .sh-nav > li.menu-item ul li:hover > a i { color: var(--c-naglowek) !important; }
html[data-motyw="ciemny"] .sh-header .sh-nav > .current_page_item > a,
html[data-motyw="ciemny"] .sh-header .sh-nav > .current-menu-ancestor > a { color: var(--c-naglowek) !important; }
html[data-motyw="ciemny"] .sh-header { border-bottom-color: var(--c-ramka) !important; }

/* pozostale kolory z !important w CSS motywu */
html[data-motyw="ciemny"] #sidebar .widget-item .widget-title { color: var(--c-naglowek); }
html[data-motyw="ciemny"] #sidebar .widget-item li { border-color: var(--c-ramka) !important; }
html[data-motyw="ciemny"] table th, html[data-motyw="ciemny"] .sh-comment-author,
html[data-motyw="ciemny"] .sh-comment-author a, html[data-motyw="ciemny"] .post-meta a:hover { color: var(--c-naglowek) !important; }
html[data-motyw="ciemny"] .sh-default-color a, html[data-motyw="ciemny"] .sh-default-color,
html[data-motyw="ciemny"] #sidebar a:not(.widget-learn-more) { color: var(--c-tekst) !important; }
html[data-motyw="ciemny"] a:hover, html[data-motyw="ciemny"] a:focus { color: var(--c-naglowek); }
html[data-motyw="ciemny"] .sh-footer .sh-copyrights a:hover { color: var(--c-akcent) !important; }

/* przelacznik zachowuje sie po najechaniu jak pozostale ikony serwisow (bez szarego tla) */
.primary-desktop .sh-share-item-motyw:hover a { background-color: transparent !important; }