/**
 * Sekcja: formularz case studies.
 * Figma 14557:5475 — pas 1440×889 na bieli, padding 100/78, kolumna formularza 709 px
 * (nagłówek 48/57,6 w zieleni, pola 67 px w odstępie 24, przycisk 40 px pod zgodą),
 * karta opiekuna 403×443 wyrównana do prawej krawędzi wnętrza.
 */

.cases-form {
	background-color: var(--color-surface);
	padding-block: var(--space-section);
}

.cases-form__inner {
	display: grid;
	grid-template-columns: 709px minmax(0, 1fr);
	align-items: center;
	column-gap: var(--space-lg);
}

.cases-form__title {
	margin: 0 0 66px;
	font-family: var(--font-display);
	font-size: var(--fs-h2);
	font-weight: 400;
	line-height: var(--lh-heading);
	letter-spacing: var(--ls-heading);
	color: var(--color-primary);
}

/* CF7 owija treść pola w akapit (wpcf7_autop), więc etykieta i pole nie są
   bezpośrednimi dziećmi flexa z modułu — pole rośnie do 96 px zamiast 67 z makiety.
   Układ wiersza przenosimy na ten akapit; moduł zostaje nietknięty (Q-cf7-autop). */
.cases-form .c-form__field > p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-md);
	width: 100%;
	margin: 0;
}

.cases-form .c-form__field--textarea > p {
	flex-direction: column;
	align-items: stretch;
	gap: 12px;
	height: 100%;
}

/* Wiersz dwóch pól obok siebie (e-mail + telefon). Moduł `form` zna tylko pola
   pełnej szerokości, więc układ wiersza opisuje sekcja. */
.cases-form .c-form__row {
	display: flex;
	gap: var(--space-md);
}

.cases-form .c-form__row > .c-form__field {
	flex: 1 1 0;
	min-width: 0;
	margin-top: 0;
}

.cases-form .c-form__row + .c-form__field,
.cases-form .c-form__field + .c-form__row,
.cases-form .c-form__row + .c-form__row {
	margin-top: var(--space-md);
}

.cases-form__aside {
	display: flex;
	justify-content: flex-end;
}

/* Karta ma w makiecie 403 px, czyli węziej niż wariant advisor z Kariery (313 px
   przy 449 wysokości) — szerokość jest ustawiana tu, moduł zostaje nietknięty. */
.cases-form .card-person--advisor {
	width: 403px;
	min-height: 443px;
	justify-content: center;
}

/* Kolumna tekstu 199 px, dosunięta do prawej krawędzi treści karty (x 1118 przy
   karcie od x 959). Zdjęcie zostaje wyśrodkowane w module. */
.cases-form .card-person--advisor .card-person__label,
.cases-form .card-person--advisor .card-person__details {
	width: 199px;
	max-width: 100%;
	margin-right: 0;
	margin-left: auto;
}

@media (max-width: 1199px) {
	.cases-form__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
	}

	.cases-form .card-person--advisor {
		width: 100%;
	}
}

@media (max-width: 991px) {
	.cases-form {
		padding-block: var(--space-section);
	}

	.cases-form__inner {
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--space-lg);
	}

	.cases-form__aside {
		justify-content: flex-start;
	}

	.cases-form .card-person--advisor {
		width: 100%;
		min-height: 0;
	}
}