/*
Theme Name: Blocksy Child — di.com.pl (wariant B)
Template: blocksy
Description: WARIANT FINALNY etapu B (runda 2, 10.08): silnik Blocksy +
             kolorystyka wariantu K (cieple tlo, czerwien prasowa) + wzorce
             ze zrzutow Krizu (blocksy-1/2/3/4, Verge Most Popular).
Version: 2.0-runda-2
*/

:root {
	--di-tekst: #211f1c;
	--di-tekst-2: #71695f;
	--di-akcent: #b3232e;
	--di-akcent-tlo: #f7e8e9;
	--di-porada: #1a6d43;
	--di-porada-tlo: #e7f2ea;
	--di-tlo: #f4f2ee;
	--di-karta: #fffdfa;
	--di-linia: #ddd7cf;
	--di-cien: 0 3px 14px rgba(33, 31, 28, .08);
	--di-szyba: color-mix(in srgb, var(--di-karta) 78%, transparent);
}
html[data-di-ciemny="1"] {
	--di-tekst: #ece8e2;
	--di-tekst-2: #a39b90;
	--di-akcent: #e4636d;
	--di-akcent-tlo: #3a2124;
	--di-porada: #57b984;
	--di-porada-tlo: #16301f;
	--di-tlo: #191816;
	--di-karta: #211f1c;
	--di-linia: #38342f;
	--di-cien: 0 3px 14px rgba(0, 0, 0, .4);
	--di-szyba: color-mix(in srgb, var(--di-karta) 78%, transparent);
}

/* ── przejecie palety Blocksy ── */
:root, html[data-di-ciemny="1"] {
	--theme-palette-color-1: var(--di-akcent);
	--theme-palette-color-2: var(--di-akcent);
	--theme-palette-color-3: var(--di-tekst);
	--theme-palette-color-4: var(--di-tekst);
	--theme-palette-color-5: var(--di-tekst-2);
	--theme-palette-color-6: var(--di-linia);
	--theme-palette-color-7: var(--di-tlo);
	--theme-palette-color-8: var(--di-karta);
	--theme-text-color: var(--di-tekst);
	--theme-headings-color: var(--di-tekst);
	--theme-link-initial-color: var(--di-akcent);
	--theme-link-hover-color: var(--di-akcent);
	--theme-border-color: var(--di-linia);
}

/* ── fundament ── */
body { background: var(--di-tlo); color: var(--di-tekst); font-size: 17px; }
h1, h2, h3, h4 { color: var(--di-tekst); font-weight: 800; letter-spacing: -0.015em; }
h1 a, h2 a, h3 a { color: var(--di-tekst); text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover { color: var(--di-akcent); }
header.ct-header, [data-device] .ct-container-fluid { background: var(--di-karta); }

/* ── pasek sponsorowany: linki WYSRODKOWANE, „reklama · dodaj" po prawej ── */
.di-pasek {
	position: sticky; top: 0; z-index: 90;
	background: var(--di-karta);
	border-bottom: 1px solid var(--di-linia);
	font-size: 13px; padding: 7px 0; color: var(--di-tekst-2);
}
.di-pasek-sponsor {
	position: relative;
	display: flex; align-items: center; justify-content: center;
	gap: 26px; flex-wrap: wrap;
	max-width: 1290px; margin: 0 auto; padding: 0 170px 0 24px;
}
.di-pasek-sponsor a { color: var(--di-tekst); font-weight: 600; text-decoration: none; }
.di-pasek-sponsor a:hover { color: var(--di-akcent); }
.di-pasek-prawa {
	position: absolute; right: 24px; top: 50%; transform: translateY(-50%);
	display: flex; align-items: center; gap: 12px;
}
.di-reklama-dodaj { font-weight: 500 !important; font-size: 12px; color: var(--di-tekst-2) !important; }
.di-reklama-dodaj:hover { color: var(--di-akcent) !important; }
.di-tryb { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--di-linia); background: var(--di-tlo); color: var(--di-tekst); font-size: 14px; cursor: pointer; padding: 0; }
.di-tryb:hover { border-color: var(--di-akcent); color: var(--di-akcent); }

/* ── wstazka PORAD: kwadratowe kafelki ze zdjeciem ── */
.di-tasma-pas { background: var(--di-karta); border-bottom: 1px solid var(--di-linia); }
.di-tasma { position: relative; max-width: 1290px; margin: 0 auto; padding: 10px 88px 10px 24px; display: flex; align-items: center; gap: 16px; }
.di-tasma-znak {
	flex: 0 0 auto;
	font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em;
	color: var(--di-porada);
	border: 1px solid var(--di-porada);
	border-radius: 6px; padding: 4px 10px;
}
.di-tasma-lista { display: flex; flex-wrap: nowrap; overflow-x: auto; margin: 0; padding: 0; list-style: none; scrollbar-width: none; flex: 1 1 auto; min-width: 0; gap: 14px; }
.di-tasma-lista::-webkit-scrollbar { display: none; }
.di-kafelek { flex: 0 0 auto; width: 250px; }
.di-kafelek a { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.di-kafelek img.di-kafelek-foto {
	width: 64px; height: 64px; object-fit: cover; border-radius: 10px; flex: 0 0 auto;
}
.di-kafelek-tytul {
	color: var(--di-tekst); font-weight: 600; font-size: 13px; line-height: 1.3;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.di-kafelek a:hover .di-kafelek-tytul { color: var(--di-porada); }
.di-tasma-nawigacja { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); display: flex; gap: 4px; }
.di-tasma-nawigacja button { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--di-linia); background: var(--di-karta); color: var(--di-tekst-2); cursor: pointer; font-size: 15px; line-height: 1; padding: 0; }
.di-tasma-nawigacja button:hover { color: var(--di-akcent); border-color: var(--di-akcent); }

/* ── naglowki sekcji ── */
.home .entry-header { display: none; }
.home .entry-content a { text-decoration: none; }
.di-naglowek-sekcji {
	font-size: 15px; text-transform: uppercase; letter-spacing: .09em; font-weight: 800;
	margin: 0 0 16px; padding-left: 12px; border-left: 4px solid var(--di-akcent);
}
.di-naglowek-sekcji a { color: var(--di-tekst); }
.di-naglowek-polecane { border-left-color: var(--di-tekst-2); }

/* ── sekcje jako cieple karty ── */
.di-hero, .di-polecane, .di-pasmo {
	background: var(--di-karta);
	border: 1px solid var(--di-linia);
	border-radius: 14px;
	box-shadow: var(--di-cien);
	padding: 24px 28px;
	margin-bottom: 20px;
}

/* ── TEMAT DNIA (blocksy-1 pelny): duzy tytul + lid + artykuly partnerow ── */
.di-temat-kolumny { gap: 34px; }
.di-temat-tytul { font-size: 33px; line-height: 1.18; letter-spacing: -0.02em; margin: 8px 0 12px; }
.di-temat-lid { font-size: 16.5px; color: var(--di-tekst-2); line-height: 1.55; }
.di-temat-wpis > * { margin-top: 0; margin-bottom: 6px; }
.di-partnerzy { margin-top: 18px; border-top: 1px solid var(--di-linia); padding-top: 14px; }
.di-partnerzy-znak { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--di-tekst-2); }
.di-partnerzy-lista { list-style: none; margin: 8px 0 0; padding: 0; }
.di-partnerzy-lista li { display: flex; gap: 10px; padding: 5px 0; font-size: 14.5px; line-height: 1.35; }
.di-partnerzy-lista li::before { content: "✓"; color: var(--di-tekst-2); font-weight: 700; flex: 0 0 auto; }
.di-partnerzy-lista a { color: var(--di-tekst); font-weight: 600; }
.di-partnerzy-lista a:hover { color: var(--di-akcent); }
/* boczne karty tematu dnia — pionowe fotokarty z bialym boxem (zrzut blocksy-1) */
.di-q-temat-boczne .wp-block-post-template { display: grid !important; grid-template-rows: 1fr 1fr; gap: 16px; height: 100%; }
.di-q-temat-boczne .di-kafel-news { position: relative; border-radius: 12px; overflow: hidden; min-height: 215px; height: 100%; }
.di-q-temat-boczne .di-kafel-obraz { position: absolute; inset: 0; margin: 0; }
.di-q-temat-boczne .di-kafel-obraz img { width: 100%; height: 100%; object-fit: cover; }
.di-q-temat-boczne .di-kafel-tresc {
	position: absolute; left: 12px; right: 12px; bottom: 12px;
	background: var(--di-szyba);
	backdrop-filter: blur(3px);
	border-radius: 10px; padding: 10px 14px;
	box-shadow: var(--di-cien);
}
.di-q-temat-boczne .di-karta-tytul { font-size: 15.5px; line-height: 1.3; margin: 2px 0 0; }
.di-q-temat-boczne .di-karta-zajawka { display: none; }

/* ── POLECANE: kafel podzielony na pol (lista + 4 minikafle) ── */
.di-polecane-kolumny { gap: 34px; }

/* ── duza fotokarta (lewa polowa splitu Tech & Nauka) ── */
.di-fotokarta-duza { min-height: 394px; height: 100%; }
.di-obszar-kategorii .di-wyrozniony { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--di-linia); }

/* ── HERO blocksy-1: duzy kafel + 2 mniejsze ── */
.di-q-hero-news .wp-block-post-template {
	display: grid !important;
	grid-template-columns: 1.35fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 18px;
}
.di-q-hero-news .wp-block-post:first-child { grid-row: 1 / span 2; position: relative; }
.di-q-hero-news .di-kafel-news { height: 100%; }
/* duzy: zdjecie-tlo + tresc na dole */
.di-q-hero-news .wp-block-post:first-child .di-kafel-news { position: relative; min-height: 420px; border-radius: 12px; overflow: hidden; }
.di-q-hero-news .wp-block-post:first-child .di-kafel-obraz { position: absolute; inset: 0; margin: 0; }
.di-q-hero-news .wp-block-post:first-child .di-kafel-obraz img { width: 100%; height: 100%; object-fit: cover; }
.di-q-hero-news .wp-block-post:first-child .di-kafel-tresc {
	position: absolute; left: 16px; right: 16px; bottom: 16px;
	background: var(--di-szyba);
	backdrop-filter: blur(3px);
	border-radius: 10px;
	padding: 14px 18px;
	box-shadow: var(--di-cien);
}
.di-q-hero-news .wp-block-post:first-child .di-karta-tytul { font-size: 22px; line-height: 1.25; margin: 4px 0; }
.di-q-hero-news .wp-block-post:first-child .di-karta-zajawka { display: none; }
/* mniejsze: obraz, etykieta, tytul, zajawka */
.di-q-hero-news .wp-block-post:not(:first-child) .di-kafel-obraz img { width: 100%; height: 130px; object-fit: cover; border-radius: 10px; }
.di-q-hero-news .wp-block-post:not(:first-child) .di-karta-tytul { font-size: 16.5px; line-height: 1.3; margin: 6px 0 2px; }
.di-q-hero-news .wp-block-post:not(:first-child) .di-karta-zajawka { font-size: 13.5px; color: var(--di-tekst-2); }
.di-kafel-tresc > * { margin-top: 0; margin-bottom: 4px; }
.di-etykieta a { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--di-akcent); text-decoration: none; }
.di-karta-data, .di-karta-data time { font-size: 12.5px; color: var(--di-tekst-2); }
.di-karta-zajawka .more-link { display: none; }

/* ── POLECANE STRONY jak „Most Popular" w The Verge ── */
.di-polecane-lista { list-style: none; counter-reset: di-poz; margin: 0; padding: 0; }
.di-polecane-lista li {
	counter-increment: di-poz;
	display: flex; align-items: baseline; gap: 14px;
	border-bottom: 1px solid var(--di-linia);
	padding: 10px 0;
	font-size: 16px;
}
.di-polecane-lista li:last-child { border-bottom: 0; }
.di-polecane-lista li::before {
	content: counter(di-poz);
	flex: 0 0 34px;
	text-align: center;
	font-weight: 800;
	font-size: 15px;
	color: var(--di-karta);
	background: var(--di-tekst);
	border-radius: 6px;
	padding: 4px 0;
	align-self: center;
}
.di-polecane-lista a { color: var(--di-tekst); font-weight: 700; }
.di-polecane-lista a:hover { color: var(--di-akcent); }
.di-polecane-lista span { color: var(--di-tekst-2); font-size: 14px; }
.di-polecane-dodaj { margin: 10px 0 0 48px; font-size: 13px; }
.di-polecane-dodaj a { color: var(--di-tekst-2); }
.di-polecane-dodaj a:hover { color: var(--di-akcent); }

/* ── PASMO blocksy-2: fotokarty z bialym boxem ── */
.di-q-foto .wp-block-post-template { gap: 18px; }
.di-fotokarta { position: relative; border-radius: 12px; overflow: hidden; min-height: 330px; }
.di-fotokarta .di-fotokarta-obraz { position: absolute; inset: 0; margin: 0; }
.di-fotokarta .di-fotokarta-obraz img { width: 100%; height: 100%; object-fit: cover; }
.di-fotokarta-box {
	position: absolute; left: 14px; right: 14px; bottom: 14px;
	background: var(--di-szyba);
	backdrop-filter: blur(3px);
	border-radius: 10px;
	padding: 12px 16px;
	box-shadow: var(--di-cien);
}
.di-fotokarta-box .di-karta-tytul-maly { font-size: 15px; line-height: 1.3; margin: 0 0 4px; font-weight: 750; }
.di-fotokarta-box .di-karta-zajawka { font-size: 13px; color: var(--di-tekst-2); margin: 0; }

/* ── PASMO blocksy-3: split typografia + kafelki ── */
.di-split-kolumny { gap: 34px; }
.di-split-tytul { font-size: 34px; line-height: 1.15; letter-spacing: -0.02em; margin: 4px 0 14px; }
.di-split-tytul a { color: var(--di-tekst); }
.di-split-opis { color: var(--di-tekst-2); font-size: 16px; border-top: 1px solid var(--di-linia); padding-top: 14px; }
.di-split-wiecej a { font-weight: 700; color: var(--di-akcent); }
.di-q-kafle .wp-block-post-template { gap: 14px; }
.di-minikafel { position: relative; border-radius: 12px; overflow: hidden; min-height: 190px; }
.di-minikafel .di-minikafel-obraz { position: absolute; inset: 0; margin: 0; }
.di-minikafel .di-minikafel-obraz img { width: 100%; height: 100%; object-fit: cover; }
.di-minikafel .di-minikafel-tytul {
	position: absolute; left: 10px; right: 10px; bottom: 10px;
	background: var(--di-szyba);
	backdrop-filter: blur(3px);
	border-radius: 8px;
	padding: 8px 12px;
	font-size: 13.5px; line-height: 1.3; margin: 0; font-weight: 700;
	box-shadow: var(--di-cien);
}

/* ── PASMO blocksy-4: wyrozniony artykul (duzy tekst + obraz) ── */
.di-wyrozniony { display: grid; grid-template-columns: 1.15fr 1fr; gap: 30px; align-items: center; }
.di-wyrozniony-tytul { font-size: 27px; line-height: 1.25; letter-spacing: -0.015em; margin: 0 0 12px; }
.di-wyrozniony-tekst .di-karta-zajawka { font-size: 15.5px; color: var(--di-tekst-2); border-top: 1px solid var(--di-linia); padding-top: 12px; }
.di-wyrozniony-tekst .more-link { display: inline-block; margin-top: 8px; font-weight: 700; color: var(--di-akcent); }
.di-wyrozniony-obraz img { width: 100%; height: 300px; object-fit: cover; border-radius: 12px; }

/* ── prawa kolumna: samo „Najnowsze", przyklejone przy przewijaniu ── */
[class*="ct-sidebar"], .sidebar-container { align-self: flex-start; position: sticky; top: 48px; }
[class*="ct-sidebar"] .widget, .sidebar .widget, .widget-area .widget, aside .widget {
	background: var(--di-karta);
	border: 1px solid var(--di-linia);
	border-radius: 14px;
	box-shadow: var(--di-cien);
	padding: 18px 20px;
	margin-bottom: 18px;
}
.widget-title, .widget .wp-block-heading { font-size: 12.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--di-tekst-2); margin-bottom: 10px; }
.widget a { color: var(--di-tekst) !important; font-weight: 600; text-decoration: none; }
.widget a:hover { color: var(--di-akcent) !important; }
/* Najnowsze a la Verge „Latest": miniatury + lidy, wlasne przewijanie w srodku */
.di-box-najnowsze { max-height: calc(100vh - 120px); overflow-y: auto; overscroll-behavior: contain; padding-right: 6px; }
.di-box-najnowsze::-webkit-scrollbar { width: 5px; }
.di-box-najnowsze::-webkit-scrollbar-thumb { background: var(--di-linia); border-radius: 3px; }
.di-najnowsze-lista li { border-bottom: 1px solid var(--di-linia); padding: 10px 0; font-size: 14px; line-height: 1.35; }
.di-najnowsze-lista li:last-child { border-bottom: 0; }
.di-najnowsze-lista .wp-block-latest-posts__featured-image { margin: 0 0 6px; }
.di-najnowsze-lista .wp-block-latest-posts__featured-image img { width: 100%; height: 110px; object-fit: cover; border-radius: 8px; }
.di-najnowsze-lista li > a { font-weight: 760; font-size: 14.5px; }
.di-najnowsze-lista .wp-block-latest-posts__post-excerpt {
	font-size: 13px; color: var(--di-tekst-2); margin: 4px 0 0;
	display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
.di-najnowsze-lista .wp-block-latest-posts__post-date { font-size: 12px; color: var(--di-tekst-2); }

/* ── artykul ── */
.single .entry-content a { text-decoration: underline; text-underline-offset: 2px; }
.entry-content img { max-width: 100%; height: auto; border-radius: 10px; }

/* ── stopki podwojne ── */
.di-stopki { background: var(--di-karta); border-top: 1px solid var(--di-linia); margin-top: 28px; }
.di-stopki-srodek { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; max-width: 1290px; margin: 0 auto; padding: 30px 24px; }
.di-stopka-redakcyjna .widget-title { color: var(--di-tekst); }
.di-stopka-reklamowa { background: var(--di-tlo); border: 1px dashed var(--di-linia); border-radius: 12px; padding: 16px 18px; }
.di-stopka-reklamowa .widget-title::after { content: " · reklama"; text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--di-tekst-2); }
.di-stopka-reklamowa ul { list-style: none; margin: 0 0 10px; padding: 0; }
.di-stopka-reklamowa a { color: var(--di-tekst); font-weight: 600; text-decoration: none; }
.di-stopka-reklamowa img { max-width: 160px; height: auto; border-radius: 8px; }

/* ── mobile ── */
@media (max-width: 900px) {
	.di-q-hero-news .wp-block-post-template { grid-template-columns: 1fr; grid-template-rows: auto; }
	.di-q-hero-news .wp-block-post:first-child { grid-row: auto; }
	.di-q-hero-news .wp-block-post:first-child .di-kafel-news { min-height: 300px; }
	.di-wyrozniony { grid-template-columns: 1fr; }
	.di-split-kolumny { flex-direction: column; }
	.di-stopki-srodek { grid-template-columns: 1fr; }
	.di-pasek-sponsor { justify-content: flex-start; padding-right: 150px; gap: 12px; font-size: 12px; }
	.di-hero, .di-polecane, .di-pasmo { padding: 16px 14px; }
	[class*="ct-sidebar"], .sidebar-container { position: static; }
}

/* ══ RUNDA 4 (10.08) ══ */

/* kafelki partnerow przy Polecanych (strefa komercyjna) */
.di-kafelki-partnerow { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.di-kafelki-partnerow .di-minikafel { display: block; min-height: 186px; }
.di-kafelki-partnerow .di-minikafel-tytul, .di-kafelki-partnerow .di-minikafel-tytul * { color: var(--di-tekst); }
.di-kafelki-partnerow .di-minikafel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.di-minikafel-partner .di-minikafel-tytul em {
	display: block; font-style: normal; font-size: 10.5px; font-weight: 600;
	text-transform: uppercase; letter-spacing: .07em; color: var(--di-tekst-2); margin-bottom: 2px;
}

/* etykieta „art. partnera" w listingach — delikatna, bez koloru akcentu */
.di-etykieta-partner { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; color: var(--di-tekst-2); font-style: italic; }

/* pod trescia artykulu */
.di-art-tagi { margin: 26px 0 0; font-size: 12.5px; }
.di-art-tagi a { color: var(--di-tekst-2); text-decoration: none; margin-right: 8px; font-weight: 500; }
.di-art-tagi a:hover { color: var(--di-akcent); }
.di-art-autor { display: flex; gap: 14px; align-items: center; margin: 18px 0 0; padding: 16px 18px; background: var(--di-tlo); border: 1px solid var(--di-linia); border-radius: 12px; font-size: 14px; }
.di-art-autor img { border-radius: 50%; flex: 0 0 auto; }
.di-art-autor p { margin: 4px 0 0; color: var(--di-tekst-2); font-size: 13.5px; }
.di-art-partner { display: block; font-size: 13px; color: var(--di-tekst-2); font-style: italic; }
.di-art-wiecej { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid var(--di-linia); }
.di-art-wiecej ul { list-style: none; margin: 8px 0 0; padding: 0; }
.di-art-wiecej li { padding: 4px 0; font-size: 15px; }
.di-art-wiecej a { color: var(--di-tekst); font-weight: 600; text-decoration: none; }
.di-art-wiecej a:hover { color: var(--di-akcent); }

/* stopka reklamowa: Partnerzy z lewej, „reklama · dodaj" z prawej */
.di-stopka-reklamowa-naglowek { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.di-stopka-reklamowa .widget-title::after { content: none; }

/* ══ RUNDA 5 (10.08) ══ */
/* naglowek strefy partnerow — slabo widoczny, do prawej */
.di-kafelki-naglowek { text-align: right; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: var(--di-tekst-2); opacity: .75; margin-bottom: 8px; }
/* Foto: zrodlo */
.di-art-foto { margin: 20px 0 0; font-size: 12.5px; color: var(--di-tekst-2); }
/* wiecej z kategorii — kafelki z miniaturami, ZA komentarzami */
.di-art-wiecej { max-width: var(--theme-content-width, 900px); margin: 26px auto 0; padding: 18px 0 0; border-top: 1px solid var(--di-linia); }
.di-art-wiecej-kafelki { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 12px; }
.di-art-kafelek { position: relative; border-radius: 10px; overflow: hidden; min-height: 150px; display: block; }
.di-art-kafelek img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.di-art-kafelek span {
	position: absolute; left: 8px; right: 8px; bottom: 8px;
	background: var(--di-szyba);
	backdrop-filter: blur(3px);
	border-radius: 8px; padding: 7px 10px;
	font-size: 12.5px; line-height: 1.3; font-weight: 700; color: var(--di-tekst);
}
.di-art-kafelek:hover span { color: var(--di-akcent); }
/* tagi na samym dole, nad stopka */
.di-art-tagi { max-width: var(--theme-content-width, 900px); margin: 16px auto 8px; }
@media (max-width: 700px) { .di-art-wiecej-kafelki { grid-template-columns: 1fr 1fr; } }

/* ══ RUNDA 6 (10.08) ══ */
/* przelacznik trybu z LEWEJ strony paska */
.di-pasek-lewa { position: absolute; left: 24px; top: 50%; transform: translateY(-50%); }
/* Wydarzenia (prawa kolumna, nad Najnowszymi) */
.di-box-wydarzenia .widget-title a { color: var(--di-tekst-2); }
.di-box-wydarzenia .widget-title a:hover { color: var(--di-akcent) !important; }
.di-wydarzenia-kafle { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.di-wydarzenie { position: relative; display: block; border-radius: 10px; overflow: hidden; min-height: 190px; }
.di-wydarzenie img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.di-wydarzenie span {
	position: absolute; left: 8px; right: 8px; bottom: 8px;
	background: var(--di-szyba);
	backdrop-filter: blur(3px);
	border-radius: 8px; padding: 7px 10px;
	font-size: 13px; line-height: 1.3; font-weight: 700; color: var(--di-tekst);
}
/* stopka: 3 kolumny + sociale + copyright */
.di-stopki-srodek { grid-template-columns: 1.2fr 1.2fr 1fr; }
.di-stopka-linki { display: flex; gap: 36px; }
.di-stopka-linki ul { list-style: none; margin: 0; padding: 0; }
.di-stopka-linki li { padding: 4px 0; font-size: 14.5px; }
.di-stopka-linki a, .di-stopka-sociale a { color: var(--di-tekst); font-weight: 600; text-decoration: none; }
.di-stopka-linki a:hover, .di-stopka-sociale a:hover { color: var(--di-akcent); }
.di-stopka-sociale { margin-top: 14px; }
.di-stopka-sociale a { display: inline-block; margin: 6px 10px 0 0; font-size: 13.5px; }
.di-stopka-copyright { text-align: center; font-size: 13px; color: var(--di-tekst-2); border-top: 1px solid var(--di-linia); padding: 14px 24px; }
@media (max-width: 900px) { .di-stopki-srodek { grid-template-columns: 1fr; } .di-stopka-linki { gap: 24px; } }

/* ══ RUNDA 7 (10.08) ══ */
/* 1) MOBILE: prawa kolumna nie znika — zawija sie pod glowna tresc */
@media (max-width: 999.98px) {
	#sidebar.ct-hidden-sm, #sidebar.ct-hidden-md, aside[class*="ct-hidden"] {
		display: block !important;
		position: static !important;
		width: auto !important;
		margin-top: 20px;
	}
	.di-box-najnowsze { max-height: none; overflow: visible; }
}
/* 3) stopka: naglowek "Na skróty" NAD listami */
.di-stopka-linki { display: flex; flex-wrap: wrap; gap: 0 36px; }
.di-stopka-linki .widget-title { flex: 1 1 100%; }
.di-stopka-gnews a { font-weight: 700; color: var(--di-tekst); text-decoration: none; font-size: 14.5px; }
.di-stopka-gnews a:hover { color: var(--di-akcent); }
/* 4) Partnerzy: sama lista, skaluje sie w 2 kolumny przy wiekszej liczbie linkow */
.di-stopka-reklamowa ul { columns: 2 150px; column-gap: 24px; }
.di-stopka-reklamowa li { break-inside: avoid; padding: 3px 0; }
/* 5) naglowek Wydarzen z Patronatami */
.di-wydarzenia-naglowek { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.di-patronaty { font-size: 12px; font-weight: 600; color: var(--di-tekst-2) !important; }
.di-patronaty:hover { color: var(--di-akcent) !important; }
.widget:has(> .di-brak), .widget:has(.wp-block-group > .di-brak) { display: none; }

/* ══ RUNDA 8 (10.08) ══ */
/* pasek pod wstazka porad — sticky nadal dziala przy przewijaniu */
.di-pasek { top: 0; }
.di-pasek-sponsor { padding-left: 24px; }
/* przycisk trybu przy lupce w naglowku */
.ct-header .di-tryb { margin-right: 12px; align-self: center; }
/* 5) opis serwisu w stopce — mniejszy */
.di-stopka-redakcyjna > p { font-size: 13px; color: var(--di-tekst-2); }
.di-stopka-redakcyjna .di-stopka-gnews a { font-size: 13.5px; }
/* 6) znikaja kredyty motywu ("WordPress Theme by...") — mamy wlasny copyright */
footer.ct-footer { display: none; }

/* ══ RUNDA 9 (10.08) ══ */
/* przelacznik: desktop przy lupce, mobile w pasku; lupka w pasku tylko mobile */
.di-szukaj-mobile { display: none; font-size: 19px; line-height: 1; color: var(--di-tekst) !important; font-weight: 700; text-decoration: none; }
@media (max-width: 999.98px) {
	.di-tryb-desktop { display: none !important; }
	.di-szukaj-mobile { display: inline-block; }
}
@media (min-width: 1000px) {
	.di-tryb-mobile { display: none !important; }
}
/* klikalny znak Porady */
a.di-tasma-znak:hover { background: var(--di-porada); color: var(--di-karta); text-decoration: none; }

/* ══ RUNDA 9b (10.08): mobile — prawy blok paska nie nachodzi na linki ══ */
@media (max-width: 999.98px) {
	.di-pasek-sponsor {
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 8px 16px;
		padding: 0 16px;
		font-size: 12.5px;
	}
	.di-pasek-prawa {
		position: static;
		transform: none;
		margin-left: auto;
		gap: 10px;
	}
}

/* Polecane: nazwa linku nigdy nie lamie sie w srodku (Safari tnie po kropce) */
.di-polecane-lista a { white-space: nowrap; }
.di-polecane-lista li { flex-wrap: wrap; }
.di-polecane-lista span { flex: 1 1 120px; }

/* ══ RUNDA 9d (10.08) ══ */
/* mobilne narzedzia: osobny, wysrodkowany wiersz pod linkami reklamowymi */
.di-narzedzia-mobile { display: none; }
@media (max-width: 999.98px) {
	.di-narzedzia-mobile {
		display: flex; justify-content: center; align-items: center; gap: 18px;
		border-top: 1px solid var(--di-linia);
		margin-top: 7px; padding: 6px 0 0;
	}
	.di-pasek-prawa { margin-left: auto; }
}
/* Polecane: numer z boku, tekst plynie naturalnie — spojne zawijanie */
.di-polecane-lista li { display: block; position: relative; padding: 12px 0 12px 48px; }
.di-polecane-lista li::before { position: absolute; left: 0; top: 12px; width: 34px; }
.di-polecane-lista span { display: inline; }
.di-polecane-dodaj { margin-left: 48px; }