/*
 * TheSybin — Strefa Partnera (post 6444, slug `strefa-partnera`): templates/page.html (baner thesybin/page-hero, h1 = tytuł strony)
 * + treść patterns/strefa-partnera-main.php. Faza LP: docs/STARE-STRONY.md §5 — odesłanie do współpracy B2B (LP 214–215, 223–228, 231, 74).
 * Układ jak sekcje stron Features/O nas: kontener 1300 px z kolumnami 10 px; lewa kolumna — etykieta (C1), nagłówek (C2), akapity, przyciski (C3);
 * prawa — biała karta (jak C6a) z listą ról partnerów (C12). Tło strony #F7F4EF, liście C20 (`ts-deco-leaf-right`).
 * Punkty przełamania: tablet ≤1024, telefon ≤767.
 */

.ts-page-strefa-partnera .wp-block-post-content > .ts-strefa-partnera {
	margin-block: 0;
}

.ts-page-strefa-partnera .wp-block-group.ts-strefa-partnera {
	box-sizing: border-box;
	padding: 100px 10px;
}

.ts-page-strefa-partnera :is(.ts-strefa-partnera, .ts-strefa-partnera .wp-block-group) > * {
	margin-block: 0;
}

.ts-page-strefa-partnera .ts-strefa-partnera__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	max-width: 1300px;
	margin-inline: auto;
}

.ts-page-strefa-partnera .ts-strefa-partnera__inner > * {
	box-sizing: border-box;
	min-width: 0;
}

.ts-page-strefa-partnera .ts-strefa-partnera__content {
	display: flex;
	flex: 0 0 55%;
	flex-direction: column;
	gap: 15px;
	padding: 10px 50px 10px 10px;
}

.ts-page-strefa-partnera .ts-strefa-partnera__content > .ts-strefa-partnera__text {
	color: var(--wp--preset--color--body-text);
	font-size: 16px;
	line-height: 1.7;
}

.ts-page-strefa-partnera .ts-strefa-partnera__content > .ts-heading {
	margin-bottom: 10px;
}

.ts-page-strefa-partnera .ts-strefa-partnera__content > .ts-strefa-partnera__actions {
	gap: 20px 30px;
	margin-top: 25px;
}

.ts-page-strefa-partnera .ts-strefa-partnera__roles {
	flex: 0 0 45%;
	padding: 10px;
}

/* Karta z listą ról: #FFF, obramowanie rgba(39,74,70,.1), radius 20 (C6a), pozycje rozdzielone linią */
.ts-page-strefa-partnera .ts-strefa-partnera__roles .ts-strefa-partnera__list {
	--ts-check-gap: 37px;
	margin: 0;
	padding: 40px;
	border: 1px solid var(--ts-divider);
	border-radius: var(--ts-radius-card);
	background-color: var(--wp--preset--color--white);
}

/* Linia między pozycjami w połowie odstępu (::before zajmuje ikona C12) */
.ts-page-strefa-partnera .ts-strefa-partnera__list > li + li::after {
	content: "";
	position: absolute;
	top: calc(var(--ts-check-gap) / -2);
	right: 0;
	left: 0;
	height: 1px;
	background-color: var(--ts-divider);
}

.ts-page-strefa-partnera .ts-strefa-partnera__list strong {
	color: var(--wp--preset--color--primary);
	font-weight: 700;
}

@media (max-width: 1024px) {
	.ts-page-strefa-partnera .wp-block-group.ts-strefa-partnera {
		padding-block: 50px;
	}

	.ts-page-strefa-partnera .ts-strefa-partnera__inner {
		gap: 20px;
	}

	.ts-page-strefa-partnera .ts-strefa-partnera__content,
	.ts-page-strefa-partnera .ts-strefa-partnera__roles {
		flex-basis: 100%;
	}

	.ts-page-strefa-partnera .ts-strefa-partnera__content {
		gap: 10px;
		padding: 10px;
	}

	.ts-page-strefa-partnera .ts-strefa-partnera__content > .ts-strefa-partnera__actions {
		gap: 15px 20px;
		margin-top: 20px;
	}

	.ts-page-strefa-partnera .ts-strefa-partnera__roles .ts-strefa-partnera__list {
		padding: 30px;
	}
}

@media (max-width: 767px) {
	.ts-page-strefa-partnera .ts-strefa-partnera__roles .ts-strefa-partnera__list {
		padding: 20px;
	}

	.ts-page-strefa-partnera .ts-strefa-partnera__roles .ts-strefa-partnera__list {
		--ts-check-gap: 25px;
	}
}