/* =========================================================================
 * MediTravel — 10-formulare.css
 * Divi modul Contact Form (et_pb_contact_form) + obecné formulářové prvky
 * v obsahu. Vzhled 1:1 s poptávkovým formulářem (08-detail.css,
 * .mt-poptavka): bílá pole, 1px outline-variant, radius 4, oranžový
 * focus glow, placeholder 40 % on-surface-variant.
 *
 * SPECIFICITA (změřeno živě na /kontakt/):
 * - Divi 5 unified page CSS: `.et_pb_contact_form_1 .et_pb_contact_field
 *   .input:not([type=checkbox]):not([type=radio])` = (0,5,0) s !important
 *   → nutný prefix #page-container + !important.
 * - Starý style.css: `.et_pb_button {background:#2ea3f2!important}` —
 *   tlačítko <button> proto řeší #page-container prefix v 02-buttons.css.
 * POZOR na měření přes getComputedStyle: Chrome u obsahu mimo viewport
 * odkládá přepočet stylů — před čtením scrollIntoView + ~500 ms počkat.
 * ======================================================================= */

/* ---- Pole (input, textarea — Divi jim dává třídu .input) ---- */
#page-container .et_pb_contact_form .et_pb_contact_field .input:not([type="checkbox"]):not([type="radio"]) {
	width: 100%;
	box-sizing: border-box;
	background: var(--mt-surface-white) !important;
	border: 1px solid var(--mt-outline-variant) !important;
	border-radius: var(--mt-r) !important;
	padding: 14px 16px !important;
	font-family: var(--mt-font-body) !important;
	font-size: var(--mt-fs-body) !important;
	color: var(--mt-on-surface) !important;
	transition: border-color var(--mt-tr), box-shadow var(--mt-tr);
}
#page-container .et_pb_contact_form .et_pb_contact_field .input:focus {
	outline: none !important;
	border-color: var(--mt-secondary) !important;
	box-shadow: 0 0 0 3px rgba(241, 143, 1, 0.15) !important;
}
#page-container .et_pb_contact_form .et_pb_contact_field .input::placeholder {
	color: rgba(62, 72, 80, 0.4) !important;
	opacity: 1;
}

/* Chybné pole (Divi přidává .et_contact_error) */
#page-container .et_pb_contact_form .et_pb_contact_field .input.et_contact_error {
	border-color: var(--mt-error) !important;
	box-shadow: 0 0 0 3px rgba(186, 26, 26, 0.12) !important;
}

/* ---- Label (když modul nepoužívá jen placeholdery) ---- */
#page-container .et_pb_contact_form .et_pb_contact_form_label {
	font-family: var(--mt-font-body);
	font-size: var(--mt-fs-label-lg);
	font-weight: 500;
	color: var(--mt-on-surface-variant);
	margin-bottom: 8px;
}

/* ---- Checkbox / radio pole modulu ---- */
#page-container .et_pb_contact_form input[type="checkbox"],
#page-container .et_pb_contact_form input[type="radio"] {
	accent-color: var(--mt-primary);
}

/* ---- Captcha (8 + 4 = ___) ---- */
#page-container .et_pb_contact_form .et_pb_contact_right p { margin: 0; }
#page-container .et_pb_contact_form .et_pb_contact_right label {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--mt-font-body);
	font-size: var(--mt-fs-body);
	color: var(--mt-on-surface-variant);
}
#page-container .et_pb_contact_form .et_pb_contact_captcha_question {
	font-weight: 600;
	color: var(--mt-ink);
}
#page-container .et_pb_contact_form .input.et_pb_contact_captcha {
	width: 90px !important;
	flex: 0 0 auto;
	text-align: center;
}

/* ---- Hlášky (odesláno / chyby) ---- */
#page-container .et-pb-contact-message {
	font-family: var(--mt-font-body);
	font-size: var(--mt-fs-body);
	color: var(--mt-on-surface-variant);
}
#page-container .et-pb-contact-message ul {
	margin: 8px 0 0;
	padding-left: 1.3em;
}
#page-container .et_pb_contact_error_text,
#page-container .et-pb-contact-message li {
	color: var(--mt-error);
}