/**
 * Sekcja: formularz opiekuna.
 * Figma 14557:3885 — pas 1440 na bieli, padding 100/78, kolumna 618×593
 * (nagłówek 48/57,6, pola 67 / textarea 148, zgoda, przycisk 56),
 * karta 324 z padding 45, etykieta 18/1.35 #30CA81.
 */

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

.usluga-form__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-xl);
}

.usluga-form__col {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 618px;
	min-height: 593px;
	flex: 0 1 618px;
}

.usluga-form__title {
	margin: 0 0 var(--space-lg);
	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 autop — układ wiersza na akapicie, moduł nietknięty (Q-cf7-autop). */
.usluga-form .c-form__field > p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-md);
	width: 100%;
	margin: 0;
}

.usluga-form .c-form__field--textarea {
	min-height: 148px;
	height: 148px;
	flex: 0 0 148px;
}

/* Figma 14557:3898 nie ma uchwytu resize — twarde 148 zostaje w spoczynku
   (usluga-form-02: textarea y≈59). Home/kontakt rosną z min-height; tu resize
   wychodził pod ramkę (usluga-form-03). */
.usluga-form .c-form__field--textarea textarea {
	resize: none;
}

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

/* Seed trzyma label+tag w jednej linii; gdyby autop i tak wstawił <br>,
   nie może stać się elementem flex (27+12 px — textarea poza ramką). */
.usluga-form .c-form__field > p br {
	display: none;
}

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

.usluga-form .card-person--advisor {
	width: 324px;
}

/* 14557:3912: kwadrat 94 na #222, portret dosunięty do dołu, radius 8.
   PNG ma alfę (ten sam plik co eksport Figmy) — bez tła widać wycięcie na kaflu. */
.usluga-form .card-person--advisor .card-person__media {
	background-color: var(--color-ink);
}

.usluga-form .card-person--advisor .card-person__img {
	object-position: bottom center;
}

.usluga-form .card-person--advisor .card-person__label {
	font-size: var(--fs-label);
	font-weight: 500;
	line-height: var(--lh-label);
	color: var(--color-primary-bright);
}

@media (max-width: 991px) {
	.usluga-form__inner {
		flex-direction: column;
		align-items: stretch;
	}

	.usluga-form__col {
		width: auto;
		min-height: 0;
		flex-basis: auto;
	}

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

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