/* ==========================================================================
   Poptávkový formulář — maket 94:651 (hero) a 98:817 (blok Poptávka)
   Pole jsou podtržená linkou, popisky verzálkami, volby jako čipy.
   ========================================================================== */

.bx-form { display: flex; flex-direction: column; align-items: flex-start; }

.bx-form__fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
}

.bx-form__field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }

.bx-form__field--place,
.bx-form__field--want,
.bx-form__field--note { grid-column: 1 / -1; }

/* V maketu je nad blokem voleb 22 px, mřížka má 20 — doladíme dvojkou. */
.bx-form__field--want { gap: 10px; margin-top: 2px; }

.bx-form__label { color: var(--bx-default); }

.bx-form__input {
	width: 100%;
	border: 0;
	border-bottom: 1px solid var(--bx-line);
	background: transparent;
	/* 25 (řádek) + 11 + 1 rámeček = 37 jako „Vstup“ v maketu */
	padding: 0 0 11px;
	font-family: var(--bx-font-bx);
	font-size: var(--bx-textm-size);
	line-height: var(--bx-textm-lh);
	color: var(--bx-ink);
	border-radius: 0;
	transition: border-color .18s ease;
}

.bx-form__input::placeholder { color: #a8a29b; }
.bx-form__input:focus { outline: none; border-bottom-color: var(--bx-ink); }
.bx-form__input:focus-visible { outline: 2px solid var(--bx-yellow); outline-offset: 4px; }

.bx-form__textarea { resize: none; min-height: 52px; }

.bx-form__field.has-error .bx-form__input { border-bottom-color: #b42318; }

/* --- Čipy ------------------------------------------------------------------ */
.bx-form__chips { display: flex; flex-wrap: wrap; gap: 8px; }

.bx-chip { position: relative; display: inline-flex; cursor: pointer; }
.bx-chip input {
	position: absolute;
	opacity: 0;
	inset: 0;
	margin: 0;
	cursor: pointer;
}

.bx-chip__text {
	background: var(--bx-cream-2);
	color: var(--bx-ink);
	padding: 9px 14px;
	transition: background-color .18s ease;
}

.bx-chip input:checked + .bx-chip__text { background: var(--bx-yellow); }
.bx-chip input:focus-visible + .bx-chip__text { outline: 2px solid var(--bx-ink); outline-offset: 2px; }

/* --- Odeslání --------------------------------------------------------------- */
.bx-form__submit { width: 100%; margin-top: 24px; }
.bx-form__submit[disabled] { opacity: .6; cursor: progress; }

.bx-form__note {
	margin-top: 14px;
	color: var(--bx-default);
}

.bx-form__message {
	margin-top: 12px;
	font-family: var(--bx-font-bx);
	font-size: var(--bx-texts-size);
	line-height: var(--bx-texts-lh);
}
.bx-form__message:empty { display: none; }
.bx-form.is-ok .bx-form__message { color: #17663f; }
.bx-form.is-error .bx-form__message { color: #b42318; }

/* Past na roboty — mimo obrazovku, ne display:none (roboti to poznají). */
.bx-form__trap {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* --- Adaptiv ---------------------------------------------------------------- */
@media (max-width: 600px) {
	.bx-form__fields { grid-template-columns: 1fr; gap: 18px; }
}