/*
 * TheSybin — strona „E-booki” (`e-booki`), faza LP: sekcje S1–S4 wg docs/TRESCI-MAPA.md §4.7 i §6.3 (dokument LP L345, L350–L364).
 * Język wizualny stron O nas, Partnerzy i współpraca oraz sekcji „Materiały edukacyjne” strony głównej: kontener 1300 px, padding 100/50 px,
 * rytm tła biała · kremowa · biała · kremowa (ramka formularza, liść C20 — ostatnia sekcja nad ciemną stopką). Komponenty (nagłówek, karty, okładka `ts-ebook-cover`, pola formularza, przyciski) —
 * components.css; karty i formularz — bloki wtyczki Thesybin Leady (`thesybin-leady/ebooki`, `thesybin-leady/formularz-ebooka`):
 * tu wyłącznie układ sekcji i szerokość miejsca na blok, bez wnętrza bloków.
 * Znaczniki: patterns/e-booki-{wstep,lista,w-planie,pobierz}.php. Odstępstwa: docs/odstepstwa/e-booki.md.
 * Progi: tablet ≤1024, telefon ≤767.
 */

/* ==========================================================================
   Wspólne: sekcje pełnej szerokości
   ========================================================================== */

.ts-page-e-booki .ts-page-content > .wp-block-post-content {
	padding-inline: 0;
}

.ts-page-e-booki .wp-block-post-content > .ts-ebooki-section {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 100px max(20px, calc((100% - 1280px) / 2));
	overflow-x: clip;
}

/* Odstępy w sekcjach = gap/padding (bez marginesów układu „flow” rdzenia). */
body.ts-page-e-booki :where(.ts-ebooki-section, .ts-ebooki-section [class*="ts-ebooki-"]) > * {
	margin-block: 0;
}

.ts-page-e-booki .ts-ebooki-section .ts-heading em {
	font-weight: 400;
}

@media (max-width: 1024px) {
	.ts-page-e-booki .wp-block-post-content > .ts-ebooki-section {
		padding-block: 50px;
	}
}

/* ==========================================================================
   S1. Wstęp — nagłówek | opis ze złotą linią (biała)
   ========================================================================== */

.ts-page-e-booki .wp-block-post-content > .ts-ebooki-intro {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	align-items: center;
	gap: 30px 60px;
}

.ts-page-e-booki .ts-ebooki-intro__lead {
	padding-left: 25px;
	border-left: 3px solid var(--wp--preset--color--accent);
	color: var(--wp--preset--color--body-text);
	font-size: 18px;
	line-height: 1.7;
}

/* „w przystępnej” w jednym wierszu: skrypt ts-reveal-chars dzieli nagłówek na słowa inline-block, między którymi
   twarda spacja nie blokuje łamania — jednoliterowy „w” zostawał na końcu wiersza (1440, 390). */
.ts-page-e-booki .ts-ebooki-nowrap {
	white-space: nowrap;
}

@media (max-width: 1024px) {
	.ts-page-e-booki .wp-block-post-content > .ts-ebooki-intro {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}
}

@media (max-width: 767px) {
	.ts-page-e-booki .ts-ebooki-intro__lead {
		padding-left: 18px;
		font-size: 16px;
	}
}

/* ==========================================================================
   S2. Lista e-booków — karty poziome jedna pod drugą (kremowa)
   Kolumna 1100 px: przy pełnym kontenerze 1300 px wiersz opisu byłby dłuższy niż ~90 znaków.
   ========================================================================== */

.ts-page-e-booki .ts-ebooki-list__items {
	max-width: 1100px;
	margin-inline: auto;
}

/* ==========================================================================
   S3. W planie — nagłówek i siatka 4/2/1 kart bloku (biała)
   ========================================================================== */

.ts-page-e-booki .wp-block-post-content > .ts-ebooki-plan {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.ts-page-e-booki .ts-ebooki-plan__title {
	text-align: center;
}

@media (max-width: 1024px) {
	.ts-page-e-booki .wp-block-post-content > .ts-ebooki-plan {
		gap: 30px;
	}
}

@media (max-width: 767px) {
	.ts-page-e-booki .wp-block-post-content > .ts-ebooki-plan {
		gap: 20px;
	}

	.ts-page-e-booki .ts-ebooki-plan__title {
		text-align: left;
	}
}

/* ==========================================================================
   S4. Pobierz e-book — kremowa z liściem, biała ramka 860 px: wyśrodkowany nagłówek i formularz
   (plan: ciemna `home-cta`; ostatnia sekcja przed ciemną stopką — jasna, odstępstwo w docs/odstepstwa/e-booki.md)
   ========================================================================== */

.ts-page-e-booki .ts-ebooki-download__card {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-width: 860px;
	margin-inline: auto;
	padding: 60px 50px 50px;
	border-radius: var(--ts-radius-card);
	background-color: var(--wp--preset--color--white);
	box-shadow: var(--ts-shadow-card);
}

.ts-page-e-booki .ts-ebooki-download__title {
	text-align: center;
}

@media (max-width: 1024px) {
	.ts-page-e-booki .ts-ebooki-download__card {
		gap: 30px;
		padding: 40px 30px 30px;
	}
}

@media (max-width: 767px) {
	.ts-page-e-booki .ts-ebooki-download__card {
		gap: 20px;
		padding: 30px 20px 20px;
	}

	.ts-page-e-booki .ts-ebooki-download__title {
		text-align: left;
	}
}