/* Uzupełnienia dla treści generowanej przez WordPress. */
.video_container > div > video { width: 100%; height: 100%; background: #000; }
.news figure img, .static__desc img, .single_channel__desc img { max-width: 100%; height: auto; }
.screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Kafle kanałów: biała ramka, po najechaniu białe tło. */
.channels .img_wrapper--channels {
	position: relative;
}
.channels .img_wrapper--channels::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 1px solid #fff;
	pointer-events: none;
	z-index: 2;
}
.channels .channels__item:hover .shadow--channels,
.channels .channels__item a:focus-visible .shadow--channels {
	background-color: #fff;
}
.channels .channels__logo {
	z-index: 1;
	transition: filter 0.4s ease-in-out;
}
/* Cień po kształcie logo – białe logotypy pozostają czytelne na białym tle. */
.channels .channels__item:hover .channels__logo,
.channels .channels__item a:focus-visible .channels__logo {
	filter: drop-shadow(0 0 1px rgba(0, 0, 0, 1)) drop-shadow(0 0 1px rgba(0, 0, 0, 0.8)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
}

/* Kontakty: adresy e-mail w kolorze tekstu, podkreślone. */
.countries .country a[href^="mailto:"],
.countries .country a[href^="mailto:"]:visited,
.countries .country a[href^="mailto:"]:focus,
.countries .country a[href^="mailto:"]:active {
	color: var(--spi-text, #fff);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.countries .country a[href^="mailto:"]:hover {
	color: var(--spi-text, #fff);
	text-decoration-thickness: 2px;
}

/* Tabele w treści stron. */
.static__desc table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 20px;
	font-size: 14px;
}
.static__desc th,
.static__desc td {
	padding: 8px 10px;
	border: 1px solid var(--spi-border, #5c5c5c);
	text-align: left;
	vertical-align: top;
}
.static__desc th {
	background: var(--spi-bg-alt, #151515);
}

/* Nagłówek przyklejony u góry; po przewinięciu pojawia się czarny pasek (jak canalplusdistribution.com). */
.header {
	position: fixed;
	top: 0;
	transition: background-color 0.7s linear;
}
.header.is_scrolled {
	background-color: #000;
}
.header::after {
	content: "";
	display: block;
	clear: both;
}
/* Kompaktowy pasek: 12 px nad i pod hamburgerem (44 px) → 68 px wysokości. */
.header .btn--menu {
	margin: 12px 16px 12px -6px;
}
/* Hamburger po lewej, logotyp po prawej – 40% mniejszy (101→61, 136→82 px), odsunięty od krawędzi
 * i wyśrodkowany w pionie względem hamburgera. */
.header .logo--spi {
	float: right;
	width: 61px;
	margin: 20px 30px 0 0;
}
@media (min-width: 768px) {
	.header .logo--spi {
		width: 82px;
		margin-top: 15px;
	}
}

/* Kafel „About us” na stronie głównej: logotyp zamiast piktogramu (szerokość jak .icon--filmbox). */
.icon--about_us:before {
	background-image: url(../img/logo-cbce-white.svg);
	background-position: center;
	background-size: contain;
	width: 123px;
	height: 59px;
}