/*
 * Schemat kolorów strony – nadpisuje jasne tła i ciemne teksty z oryginalnego style.css.
 * Wartości zmiennych: inc/colors.php (Wygląd → Dostosuj → Kolory SPI).
 */

html,
body {
	background-color: var(--spi-bg);
	color: var(--spi-text);
}

/* --- tła sekcji (dawniej #fff) --- */
.sec--channels,
.sec--channel_info,
.news,
.news .news__more_btn,
.search .search__body,
.sec--ls_login,
.dropdown-menu,
.btn-group.is_active::before {
	background-color: var(--spi-bg);
}

/* --- sekcje naprzemienne (dawniej #f4f4f4 / #f5f5f5) --- */
.sec--channels_single,
.sec--loga {
	background-color: var(--spi-bg-alt);
}

/* --- teksty (dawniej #000) --- */
.news__title > a,
.news__title > a:visited,
.sec--channels .sec__title,
.single_channel .single_channel__aside_title,
.single_channel .single_channel__desc ul li:before,
.content_dist .content_dist__address,
.content_dist .content_dist__address a,
.content_dist .content_dist__address a:visited,
.content_dist .content_dist__address a:focus,
.content_dist .content_dist__address a:active,
.online_media .online_media__desc ul li,
.online_media .online_media__aside_title,
.static .static__desc ul li,
.static .static__aside_title,
span.btn-partner:hover {
	color: var(--spi-text) !important;
}

span.btn-partner:hover,
.btn-group.is_active > .btn-partner {
	border-color: var(--spi-text);
}

/* --- wygaszenie dołu skróconego newsa --- */
.news:before {
	background-image: linear-gradient(rgba(var(--spi-bg-rgb), 0), var(--spi-bg) 80%);
}

.news .news__more_btn,
.search .search__count,
.search .search__result_item {
	border-color: var(--spi-border);
}

/* --- lista wyboru kraju (kanały) --- */
.coutries_form .sbHolder {
	background-color: var(--spi-bg);
	border-color: var(--spi-border);
}

.coutries_form .sbSelector,
.coutries_form .sbSelector:link,
.coutries_form .sbSelector:visited {
	color: var(--spi-muted);
}

.coutries_form .sbOptions,
.coutries_form .sbOptions li a {
	background-color: var(--spi-bg);
	color: var(--spi-muted);
}

.coutries_form .sbOptions li a.sbFocus,
.coutries_form .sbOptions li a:hover {
	background-color: var(--spi-bg-alt);
	color: var(--spi-text);
}

.coutries_form .sbOptions .jspTrack {
	background-color: var(--spi-bg-alt) !important;
}

.coutries_form .sbOptions .jspDrag {
	background-color: var(--spi-border) !important;
}

/* --- pola formularzy (wyszukiwarka, kontakty) --- */
.search_form input.search_form__input_txt,
.contact .contact__form input[type="text"],
.search .search__form input[type="text"] {
	color: var(--spi-text);
	border-color: var(--spi-border);
	background-color: transparent;
}

.search_form input.search_form__input_txt::placeholder,
.contact .contact__form input[type="text"]::placeholder,
.search .search__form input[type="text"]::placeholder {
	color: var(--spi-muted);
}

/*
 * Ciemne kolory wpisane w treść (edytor starego CMS / Word) – na ciemnym tle byłyby niewidoczne.
 * Dotyczy tylko obszarów treści; czerwone wyróżnienia i slajdy pozostają bez zmian.
 */
:is(.news, .static, .single_channel__desc, .single_channel__aside, .about_us, .countries, .content_dist) :is(
	[style*="color:#000"], [style*="color: #000"],
	[style*="color:black"], [style*="color: black"],
	[style*="windowtext"],
	[style*="rgb(32, 32, 32)"], [style*="#202020"],
	[style*="#606060"], [style*="rgb(96, 96, 96)"],
	[style*="#333"], [style*="#212121"]
) {
	color: var(--spi-text) !important;
}

:is(.news, .static, .single_channel__desc, .about_us, .content_dist) :is([style*="background-color: #ccc"], [style*="background-color:#ccc"]) {
	background-color: var(--spi-bg-alt) !important;
}

/* --- listy rozwijane i pola wpisane w treść (np. "CHANNEL LIVE STREAM") --- */
.main select,
.main textarea {
	background-color: var(--spi-bg);
	color: var(--spi-text);
	border: 1px solid var(--spi-border);
}

.main select option {
	background-color: var(--spi-bg);
	color: var(--spi-text);
}