/* TR E-booki – lista /ebooki/.
 * Na motywie trtheme wygląd daje sam motyw (te same klasy co blog).
 * Tu: zastępcza okładka dla e-booka bez obrazka + style awaryjne dla innych motywów. */

.treb-listcover {
	display: flex;
	align-items: flex-end;
	width: 100%;
	max-width: 225px;
	aspect-ratio: 3 / 2;
	margin: 15.6px 6px;
	padding: 14px;
	box-sizing: border-box;
	background: #0090ff;
	border-radius: 4px;
	color: #fff;
	font-weight: 800;
	font-size: 15px;
	line-height: 1.15;
	text-transform: uppercase;
	box-shadow: inset 0 -5px 0 #ffc61a;
}
.treb-listcover span { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
/* Okładki bywają pionowe – nie przycinamy ich i nie robimy zbyt wysokich kart */
.treb-lista .blog-singlepost-image img { width: auto !important; height: auto !important; max-width: 225px; max-height: 220px; object-fit: contain; }
.treb-lista .blog-singlepost-image a:has(.treb-listcover) { text-decoration: none; }
.treb-lista__pusto { text-align: center; padding: 30px 0 60px; }

/* ---- Tylko gdy motyw to NIE trtheme ---- */
body:not(.treb-trtheme) .treb-lista { max-width: 1200px; margin: 0 auto; padding: 24px 16px 48px; font-family: "Barlow", Arial, sans-serif; color: #1a1a1a; }
body:not(.treb-trtheme) .treb-lista h1 { font-size: 24px; margin: 0 0 12px; }
body:not(.treb-trtheme) .treb-lista .blog-singlepost { border: 1px solid #d3d3d3; border-radius: 5px; margin: 15px 0; overflow: hidden; }
body:not(.treb-trtheme) .treb-lista .row { display: flex; gap: 0; align-items: flex-start; }
body:not(.treb-trtheme) .treb-lista .blog-singlepost-image { flex: 0 0 25%; padding: 0 15px; box-sizing: border-box; }
body:not(.treb-trtheme) .treb-lista .blog-singlepost-image img { display: block; margin: 15.6px 6px; }
body:not(.treb-trtheme) .treb-lista .blog-singlepost-content { flex: 1; padding: 15.6px 15px; }
body:not(.treb-trtheme) .treb-lista .blog-singlepost-title { margin: 0; }
body:not(.treb-trtheme) .treb-lista .blog-singlepost-title a { color: #000; font-size: 21px; font-weight: 700; line-height: 26px; text-decoration: none; }
body:not(.treb-trtheme) .treb-lista .entry-content { font-size: 12px; line-height: 24px; margin: 6px 0 8px; }
body:not(.treb-trtheme) .treb-lista .button-small2 { display: inline-block; background: #0090ff; color: #fff; font-size: 15px; font-weight: 800; text-transform: uppercase; line-height: 37px; padding: 0 16px; border-radius: 6px; box-shadow: inset 0 -4px 0 #0064c8; text-decoration: none; }
body:not(.treb-trtheme) .treb-lista .pagination .nav-links { display: flex; gap: 4px; justify-content: center; margin-top: 20px; }
body:not(.treb-trtheme) .treb-lista .page-numbers { padding: 3px 10px; color: #0a0a0a; text-decoration: none; }
body:not(.treb-trtheme) .treb-lista .page-numbers.current { background: #1779ba; color: #fefefe; }
@media (max-width: 640px) {
	body:not(.treb-trtheme) .treb-lista .row { flex-direction: column; }
	body:not(.treb-trtheme) .treb-lista .blog-singlepost-image { flex-basis: auto; }
}