/* ==================================================
   Teksty — katalog i archiwum
   Plik: assets/css/biblioteczka/biblioteczka-archive.css
================================================== */


/* ==================================================
   Układ i tytuł
================================================== */

.teksty-archive {
	align-items: start;
}

.teksty-content,
.teksty-query {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.teksty-title {
	margin-top: 0;
}

.teksty-katalog-grid,
.wierszyki-grid-custom {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.dzial-wierszyki .wp-block-post-template,
.dzial-wierszyki .wierszyki-grid-custom,
.dzial-wierszyki .teksty-katalog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wcmw-gap, 24px);
}


/* ==================================================
   Karty tekstów — kolory hover
================================================== */

.teksty-katalog-grid > article:nth-child(6n+1),
.promo-teksty-lista > article:nth-child(6n+1) {
	--wcmw-card-hover-bg: var(--wcmw-yellow-soft);
	--wcmw-promo-hover-bg: var(--wcmw-yellow-soft);
}

.teksty-katalog-grid > article:nth-child(6n+2),
.promo-teksty-lista > article:nth-child(6n+2) {
	--wcmw-card-hover-bg: var(--wcmw-green-soft);
	--wcmw-promo-hover-bg: var(--wcmw-green-soft);
}

.teksty-katalog-grid > article:nth-child(6n+3),
.promo-teksty-lista > article:nth-child(6n+3) {
	--wcmw-card-hover-bg: var(--wcmw-blue-soft);
	--wcmw-promo-hover-bg: var(--wcmw-blue-soft);
}

.teksty-katalog-grid > article:nth-child(6n+4),
.promo-teksty-lista > article:nth-child(6n+4) {
	--wcmw-card-hover-bg: var(--wcmw-pink-soft);
	--wcmw-promo-hover-bg: var(--wcmw-pink-soft);
}


/* ==================================================
   Miniatury tekstów
================================================== */

.dzial-wierszyki .wierszyk-card-image a,
.dzial-wierszyki .tekst-card-image a,
.dzial-wierszyki .promo-tekst-card .wierszyk-card-image a,
.dzial-wierszyki .promo-tekst-card .tekst-card-image a {
	inset: 12px;
	width: auto;
	height: auto;
}

.dzial-wierszyki .wierszyk-card-image img,
.dzial-wierszyki .tekst-card-image img,
.dzial-wierszyki .promo-tekst-card .wierszyk-card-image img,
.dzial-wierszyki .promo-tekst-card .tekst-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.tekst-card-placeholder {
	font-size: 2.4rem;
}

.tekst-card-excerpt {
	margin: 8px 0 0;
	color: var(--wcmw-muted);
	font-size: 0.86rem;
	line-height: 1.45;
	text-align: center;
}


/* ==================================================
   Sidebar tekstów — aktywne elementy i losowy tekst
================================================== */

.teksty-sidebar .sidebar-list .is-active > a,
.teksty-sidebar .sidebar-list .current-cat > a,
.teksty-sidebar .teksty-sidebar-list .is-active > a,
.teksty-sidebar .teksty-sidebar-list .current-cat > a {
	background: var(--wcmw-active-gradient-warm);
	font-weight: 900;
}

.sidebar-random-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 34px;

	padding: 8px 16px;

	border-radius: 999px;

	background: var(--wcmw-text);
	color: #ffffff;

	font-size: 0.86rem;
	font-weight: 850;
	text-decoration: none;
}

.sidebar-random-button:hover,
.sidebar-random-button:focus {
	background: var(--wcmw-accent);
	color: #ffffff;
	text-decoration: none;
}


/* ==================================================
   Prawa kolumna Polecane
================================================== */

.teksty-ads .promo-title {
	margin-top: 0;
}

.teksty-ads .promo-tekst-card,
.teksty-ads .wierszyk-card,
.teksty-ads .tekst-card,
.teksty-ads .wcmw-promo-card {
	position: relative;
}


/* ==================================================
   Responsywność
================================================== */

@media (max-width: 1420px) {
	.dzial-wierszyki .wp-block-post-template,
	.dzial-wierszyki .wierszyki-grid-custom,
	.dzial-wierszyki .teksty-katalog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 980px) {
	.dzial-wierszyki .wp-block-post-template,
	.dzial-wierszyki .wierszyki-grid-custom,
	.dzial-wierszyki .teksty-katalog-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	.dzial-wierszyki .wierszyk-card-image a,
	.dzial-wierszyki .tekst-card-image a,
	.dzial-wierszyki .promo-tekst-card .wierszyk-card-image a,
	.dzial-wierszyki .promo-tekst-card .tekst-card-image a {
		inset: 10px;
	}

	.tekst-card-excerpt {
		font-size: 0.84rem;
	}
}

@media (max-width: 430px) {
	.dzial-wierszyki .wierszyk-card-image a,
	.dzial-wierszyki .tekst-card-image a,
	.dzial-wierszyki .promo-tekst-card .wierszyk-card-image a,
	.dzial-wierszyki .promo-tekst-card .tekst-card-image a {
		inset: 8px;
	}
}


/* ==================================================
   Teksty — zajawka w miniaturze i wyższe kafelki
   Cel: środek ma wysokość jak prawa kolumna Polecane,
   a Polecane też pokazuje zajawkę w miniaturce.
================================================== */

.dzial-wierszyki .tekst-card {
	display: flex;
	flex-direction: column;
}

.dzial-wierszyki .tekst-card-image {
	aspect-ratio: 1 / 1;
	flex: 0 0 auto;
}

.dzial-wierszyki .tekst-card-title {
	flex: 0 0 auto;
	margin-top: 10px;
}

.dzial-wierszyki .tekst-card-image a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 18px;
	box-sizing: border-box;
	line-height: 1.35;
	text-align: center;
}

.dzial-wierszyki .tekst-card-placeholder {
	width: auto;
	height: auto;
	margin: 0 0 10px;
	background: transparent;
	border-radius: 0;
	font-size: 2.25rem;
	line-height: 1;
}

.tekst-card-preview-text {
	display: -webkit-box;
	max-width: 100%;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;

	color: var(--wcmw-text);
	font-size: 0.86rem;
	font-weight: 650;
	line-height: 1.38;
	text-align: center;
}

.dzial-wierszyki .tekst-card-image img + .tekst-card-preview-text {
	position: absolute;
	right: 12px;
	bottom: 12px;
	left: 12px;

	padding: 8px 10px;

	border-radius: 14px;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 8px 18px rgba(58, 45, 84, 0.12);
}

@media (max-width: 620px) {
	.dzial-wierszyki .tekst-card-image a {
		padding: 14px;
	}

	.tekst-card-preview-text {
		font-size: 0.82rem;
		-webkit-line-clamp: 3;
	}
}