/*
 * Design: Klinik — maximum legibility and calm: generous spacing, soft rounded
 * fields with a clear teal focus ring and a solid teal submit. Background not
 * overridable.
 */
.mf-design--klinik {
	--mf-accent: #1b998b;
	--mf-bg: #ffffff;
	--mf-ink: #26313b;
	--mf-line: #d5dbde;

	padding: 26px;
	background: var( --mf-bg );
	color: var( --mf-ink );
	font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.mf-design--klinik .mf-form__label {
	font-size: 13px;
	font-weight: 600;
	color: var( --mf-ink );
}

.mf-design--klinik .mf-form__input,
.mf-design--klinik select.mf-form__input,
.mf-design--klinik textarea.mf-form__input {
	border: 1.5px solid var( --mf-line );
	border-radius: 8px;
	background: #fff;
	padding: 11px 13px;
	font-family: inherit;
	font-size: 15px;
	color: var( --mf-ink );
}

.mf-design--klinik textarea.mf-form__input {
	resize: vertical;
}

.mf-design--klinik .mf-form__input:focus {
	outline: 3px solid color-mix( in srgb, var( --mf-accent ) 33%, transparent );
	outline-offset: 1px;
	border-color: var( --mf-accent );
}

.mf-design--klinik .mf-form__group {
	padding: 0;
	border: none;
}

.mf-design--klinik .mf-form__group > legend {
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: 600;
	color: var( --mf-ink );
}

.mf-design--klinik .mf-form__radio,
.mf-design--klinik .mf-form__checkbox,
.mf-design--klinik .mf-form__consent {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	font-size: 14px;
	color: #4b5761;
}

.mf-design--klinik .mf-form__radio input,
.mf-design--klinik .mf-form__checkbox input,
.mf-design--klinik .mf-form__consent input {
	width: 18px;
	height: 18px;
	margin-top: 1px;
	accent-color: var( --mf-accent );
}

.mf-design--klinik .mf-form__submit {
	margin-top: 2px;
	background: var( --mf-accent );
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 13px 20px;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: background 0.15s ease;
}

.mf-design--klinik .mf-form__submit:hover {
	background: #167e73;
}