/**
 * ReFood Laderaumabnahme – Formular-Styling (Tablet).
 *
 * Wirkt nur innerhalb des Formulars mit der Klasse .rfla-form.
 */

/* --- Mehrsprachige Fließtext-Blöcke (HTML-Felder) --- */
.rfla-form .rfla-tr {
	display: none;
}
.rfla-form.lang-de .rfla-tr[data-lang="de"],
.rfla-form.lang-en .rfla-tr[data-lang="en"],
.rfla-form.lang-pl .rfla-tr[data-lang="pl"],
.rfla-form.lang-ro .rfla-tr[data-lang="ro"] {
	display: block;
}

/* --- Sprachumschalter prominent oben --- */
.rfla-form .rfla-langswitch .gfield_label {
	font-weight: 700;
}
.rfla-form .rfla-langswitch .gfield_radio,
.rfla-form .rfla-langswitch .ginput_container_radio {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 10px;
	grid-template-columns: none !important; /* GF-Grid überschreiben */
}
.rfla-form .rfla-langswitch .gchoice {
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: 110px;
	margin: 0 !important;
}
.rfla-form .rfla-langswitch .gchoice label {
	display: block;
	text-align: center;
	padding: 14px 10px;
	border: 2px solid #2f7d32;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 600;
}
.rfla-form .rfla-langswitch input:checked + label {
	background: #2f7d32;
	color: #fff;
}
/* native Radio ausblenden – die Pille ist der Button */
.rfla-form .rfla-langswitch input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* --- Große Touch-Targets generell --- */
.rfla-form input[type="text"],
.rfla-form input[type="number"],
.rfla-form input[type="email"],
.rfla-form select,
.rfla-form textarea {
	font-size: 18px;
	padding: 12px 14px;
	min-height: 48px;
	box-sizing: border-box;
}
.rfla-form .gfield_label {
	font-size: 16px;
}
.rfla-form .gfield_checkbox label,
.rfla-form .gfield_radio label {
	font-size: 17px;
	padding: 6px 0;
}
.rfla-form .gfield_checkbox input[type="checkbox"],
.rfla-form .gfield_radio input[type="radio"] {
	width: 24px;
	height: 24px;
}

/* --- Reinigungs-Checkboxen horizontal (A B C D) --- */
.rfla-form .rfla-tour1-reinigung .gfield_checkbox,
.rfla-form .rfla-tour2-reinigung .gfield_checkbox,
.rfla-form .rfla-tour3-reinigung .gfield_checkbox {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
}

/* --- Touren-Block optisch gruppieren --- */
.rfla-form .rfla-tour1-produkt,
.rfla-form .rfla-tour2-produkt,
.rfla-form .rfla-tour3-produkt {
	border-top: 1px dashed #bbb;
	padding-top: 12px;
}

/* --- Unterschriftenfelder breit --- */
.rfla-form .rfla-sig-fahrer .gfield_label,
.rfla-form .rfla-sig-verlader .gfield_label {
	font-weight: 700;
	color: #1b4d1e;
}
.rfla-form .rfla-sig-fahrer canvas,
.rfla-form .rfla-sig-verlader canvas,
.rfla-form .rfla-sig-fahrer .gform_signature,
.rfla-form .rfla-sig-verlader .gform_signature {
	width: 100% !important;
	max-width: 520px;
	border: 2px solid #2f7d32 !important;
	border-radius: 8px;
	background: #fff;
	touch-action: none; /* Stift/Finger zeichnet, statt zu scrollen */
}

/* --- Bestätigungstext hervorheben --- */
.rfla-form .rfla-confirm {
	background: #f3f8f3;
	border-left: 4px solid #2f7d32;
	padding: 12px 16px;
	margin: 8px 0;
}

/* --- Abschluss-Button groß --- */
.rfla-form .gform_footer input[type="submit"],
.rfla-form .gform_footer button[type="submit"] {
	font-size: 20px;
	padding: 16px 28px;
	min-height: 56px;
	background: #2f7d32;
	border-color: #2f7d32;
}