/* =========================================================
   Mancsjárat forms
   ========================================================= */

body.mancsjarat-site form {
	min-width: 0;
}

body.mancsjarat-site label,
body.mancsjarat-site .gfield_label,
body.mancsjarat-site .wpforms-field-label,
body.mancsjarat-site .wpcf7-form label {
	display: inline-block;
	margin: 0 0 0.42rem;
	color: var(--mj-color-ink);
	font-size: 0.86rem;
	font-weight: 760;
	letter-spacing: 0.018em;
	line-height: 1.3;
}

body.mancsjarat-site input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body.mancsjarat-site textarea,
body.mancsjarat-site select {
	width: 100%;
	min-height: 3.25rem;
	padding: 0.78rem 0.95rem;
	border: 0.09rem solid color-mix(in srgb, var(--mj-color-border) 86%, #bd9f90);
	border-radius: 0.78rem;
	outline: 0;
	background: linear-gradient(180deg, #ffffff, #fffdfb);
	box-shadow: 0 0.22rem 0.75rem rgba(63, 37, 25, 0.045);
	color: var(--mj-color-text);
	font: inherit;
	line-height: 1.35;
	transition:
		border-color var(--mj-transition-fast),
		box-shadow var(--mj-transition-fast),
		background-color var(--mj-transition-fast),
		transform var(--mj-transition-fast);
}

body.mancsjarat-site input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):hover,
body.mancsjarat-site textarea:hover,
body.mancsjarat-site select:hover {
	border-color: color-mix(in srgb, var(--mj-color-brand) 45%, var(--mj-color-border));
}

body.mancsjarat-site input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
body.mancsjarat-site textarea:focus,
body.mancsjarat-site select:focus {
	border-color: var(--mj-color-brand);
	background: #ffffff;
	box-shadow: 0 0 0 0.22rem rgba(242, 82, 27, 0.14), 0 0.55rem 1.3rem rgba(63, 37, 25, 0.08);
}

body.mancsjarat-site textarea {
	min-height: 9.5rem;
	resize: vertical;
}

body.mancsjarat-site select {
	padding-right: 2.6rem;
	background-image:
		linear-gradient(45deg, transparent 50%, var(--mj-color-brand-dark) 50%),
		linear-gradient(135deg, var(--mj-color-brand-dark) 50%, transparent 50%);
	background-position:
		calc(100% - 1.15rem) 50%,
		calc(100% - 0.8rem) 50%;
	background-repeat: no-repeat;
	background-size: 0.38rem 0.38rem, 0.38rem 0.38rem;
	appearance: none;
}

body.mancsjarat-site ::placeholder {
	color: #9a8a82;
	opacity: 1;
}

body.mancsjarat-site input[type="checkbox"],
body.mancsjarat-site input[type="radio"] {
	accent-color: var(--mj-color-brand);
}

body.mancsjarat-site .contact-form form,
body.mancsjarat-site .gform_wrapper form,
body.mancsjarat-site .wpforms-container form,
body.mancsjarat-site .wpcf7-form {
	display: grid;
	gap: 1rem;
}

body.mancsjarat-site .gform_wrapper .gform_fields,
body.mancsjarat-site .wpforms-container .wpforms-field-container {
	display: grid;
	gap: 1rem;
}

body.mancsjarat-site .gfield,
body.mancsjarat-site .wpforms-field,
body.mancsjarat-site .wpcf7-form p {
	min-width: 0;
	margin: 0;
}

body.mancsjarat-site .gform_footer,
body.mancsjarat-site .wpforms-submit-container,
body.mancsjarat-site .wpcf7-form p:has(> input[type="submit"]) {
	margin-top: 0.25rem;
}

body.mancsjarat-site .contact-form input[type="submit"],
body.mancsjarat-site .contact-form button[type="submit"],
body.mancsjarat-site .gform_button,
body.mancsjarat-site .wpforms-submit,
body.mancsjarat-site .wpcf7-submit {
	min-width: min(100%, 11rem);
}

body.mancsjarat-site .gfield_description,
body.mancsjarat-site .wpforms-field-description,
body.mancsjarat-site .wpcf7-not-valid-tip {
	margin-top: 0.35rem;
	color: var(--mj-color-muted);
	font-size: 0.78rem;
	line-height: 1.45;
}

body.mancsjarat-site .gfield_error input,
body.mancsjarat-site .gfield_error textarea,
body.mancsjarat-site .wpforms-has-error input,
body.mancsjarat-site .wpforms-has-error textarea,
body.mancsjarat-site .wpcf7-not-valid {
	border-color: #b42318;
	box-shadow: 0 0 0 0.2rem rgba(180, 35, 24, 0.09);
}

body.mancsjarat-site .gform_confirmation_message,
body.mancsjarat-site .wpforms-confirmation-container,
body.mancsjarat-site .wpcf7-response-output {
	margin: 0;
	padding: 0.9rem 1rem;
	border: 0.08rem solid var(--mj-color-border);
	border-radius: 0.8rem;
	background: var(--mj-color-surface-warm);
	color: var(--mj-color-ink);
}

@media (max-width: 35.99rem) {
	body.mancsjarat-site .contact-form input[type="submit"],
	body.mancsjarat-site .contact-form button[type="submit"],
	body.mancsjarat-site .gform_button,
	body.mancsjarat-site .wpforms-submit,
	body.mancsjarat-site .wpcf7-submit {
		width: 100%;
	}
}