/*
 * Wzorce sekcji rdzenia. Tylko tokeny (--c-*, --fs-*, --pad, --sec, --r-*),
 * więc ten sam wzorzec wygląda „po swojemu” w każdym motywie potomnym.
 */

.rdzen-sekcja {
	padding-block: var(--sec);
}

.rdzen-otwarcie {
	padding-block-start: calc(var(--hdr) + clamp(40px, 6vw, 96px));
}

.rdzen-otwarcie > .wp-block-image {
	margin-block-start: clamp(40px, 6vw, 88px);
}

.rdzen-etykieta {
	font-family: var(--f-mono);
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--c-accent);
}

.rdzen-zdanie {
	line-height: 1.18;
	letter-spacing: -.024em;
}

/* Kadry: zaokrąglenie z tokenu, zdjęcie przycięte do proporcji z bloku. */
.wp-block-image.rdzen-kadr,
.wp-block-cover.rdzen-kadr {
	border-radius: var(--r-lg);
	overflow: hidden;
}

.wp-block-image.rdzen-kadr img {
	display: block;
	width: 100%;
}

.wp-block-cover.rdzen-kadr {
	padding: clamp(24px, 4vw, 56px);
}

/* Tekst i zdjęcie: tekst na dole kolumny, na telefonie jedno pod drugim (siatka z bloku). */
.rdzen-dwa {
	gap: clamp(32px, 5vw, 80px);
	align-items: end;
}

.rdzen-dwa__tekst > * + * {
	margin-block-start: 20px;
}

/* Pytania: linia między pytaniami, pytanie w rozmiarze h-3, znak + obraca się przy otwarciu. */
.rdzen-pytania .wp-block-details {
	border-block-start: 1px solid var(--c-line-2);
	padding-block: 22px;
	margin-block: 0;
}

.rdzen-pytania .wp-block-details:last-child {
	border-block-end: 1px solid var(--c-line-2);
}

.rdzen-pytania .wp-block-details summary {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	font-size: var(--fs-h3);
	line-height: 1.3;
	letter-spacing: -.012em;
	cursor: pointer;
	list-style: none;
}

.rdzen-pytania .wp-block-details summary::-webkit-details-marker {
	display: none;
}

.rdzen-pytania .wp-block-details summary::after {
	content: "+";
	flex: none;
	color: var(--c-accent);
	transition: transform .3s var(--ease);
}

.rdzen-pytania .wp-block-details[open] summary::after {
	transform: rotate(45deg);
}

.rdzen-pytania .wp-block-details > :not(summary) {
	margin-block-start: 12px;
	color: var(--c-ink-2);
}

/* Drugi przycisk: obrys z tokenu linii zamiast domyślnego 2 px w kolorze tekstu. */
.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 1px solid var(--c-line-2);
	padding: 15px 21px;
}