/**
 * Sekcja: „Zostaw swoje CV".
 * Figma 14557:4780 — pas 1440×889 na bieli, padding 100/78. Kolumna formularza 709 px
 * (nagłówek 709×58, pola 67 px w odstępie 24, treść wiadomości 148, plik CV 67,
 * zgoda 24 px pod nim, przycisk 40 px niżej), karta rekrutera 313×449 przy prawej
 * krawędzi wnętrza (x=1049 = 1284 − 313), oba bloki wyśrodkowane w pionie.
 *
 * Układ jest bliźniaczy z `cases-form` — różnica to szerokość karty (313 zamiast 403)
 * i wiersz z plikiem, którego tamten formularz nie ma.
 */

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

/* Karta rekrutera ma w makiecie stałe 313 px i stoi przy prawej krawędzi wnętrza
   (x=1049 w kadrze = 971 w kontenerze), więc odstęp bierze resztę: 1284 − 709 − 313. */
.kariera-cv__inner {
	display: grid;
	grid-template-columns: 709px 313px;
	align-items: center;
	justify-content: space-between;
}

.kariera-cv__heading {
	margin: 0 0 66px;
}

/* 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. */
.kariera-cv .c-form__row {
	display: flex;
	gap: var(--space-md);
}

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

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

/* CF7 owija treść pola w akapit (wpcf7_autop) — bez tego pola tekstowe
   mają 96 px (etykieta nad inputem) zamiast 67 z makiety. Pole pliku ma
   własną, węższą regułę niżej i zostaje w jednym wierszu label + hint. */
.kariera-cv .c-form__field > p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-md);
	width: 100%;
	margin: 0;
}

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

/* Pole pliku: etykieta po lewej, po prawej podpowiedź „PDF — do 5 MB" (14557:4802).
   Natywny `input[type=file]` zostaje — własny widget zabiera dostępność klawiaturową,
   a makieta nie pokazuje stanu po wybraniu pliku. */
.kariera-cv .c-form__field--file {
	position: relative;
	flex-wrap: nowrap;
	border-color: var(--color-primary);
}

.kariera-cv .c-form__field--file .c-form__label {
	color: var(--color-primary);
}

/* CF7 owija etykietę i input w <p> (autop). Układ wiersza jak w makiecie:
   „Dodaj CV” po lewej, podpowiedź „PDF — do 5 MB” po prawej. Natywny chrome
   pliku chowamy — label[for] nadal otwiera wybór pliku. */
.kariera-cv .c-form__field--file > p {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-md);
	width: 100%;
	margin: 0;
}

.kariera-cv .c-form__field--file input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.kariera-cv .c-form__field--file .c-form__label {
	cursor: pointer;
}

.kariera-cv .c-form__hint {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	flex: 0 0 auto;
	font-size: var(--fs-body);
	line-height: 27px;
	color: var(--color-primary);
	white-space: nowrap;
}

.kariera-cv .c-form__hint::before {
	content: "";
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	background-color: currentColor;
	mask: url("../../img/icons/file-copy.svg") center / contain no-repeat;
	-webkit-mask: url("../../img/icons/file-copy.svg") center / contain no-repeat;
}

/* Makieta 14557:4805 — zgoda w jednej linii 569×24. */
.kariera-cv .c-form__consent {
	max-width: 569px;
	white-space: nowrap;
}

.kariera-cv__person {
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 1199px) {
	.kariera-cv__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 313px);
	}
}

@media (max-width: 991px) {
	.kariera-cv__inner {
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--space-lg);
	}

	.kariera-cv__person {
		justify-content: flex-start;
	}

	.kariera-cv .card-person--advisor {
		width: 100%;
		min-height: 0;
	}
}

@media (max-width: 767px) {
	.kariera-cv .c-form__row {
		flex-direction: column;
	}

	.kariera-cv .c-form__row > .c-form__field + .c-form__field {
		margin-top: var(--space-md);
	}

	.kariera-cv .c-form__hint {
		white-space: normal;
	}

	.kariera-cv .c-form__consent {
		white-space: normal;
	}
}