/* Frontend-Korrektur für per "Newsletter-Checkbox"-Button erzeugte CF7-Checkbox-Felder (siehe
 * GRH_CF7_Integration::render_newsletter_checkbox_tag_generator()).
 *
 * Viele Themes (auch das hier aktive Child-Theme) formatieren jedes <input> generisch groß/
 * blockweise (min-height, width:100%, border-radius) – für ein Kontrollkästchen unpassend, es
 * erscheint dadurch überdimensioniert mit dem Text darunter statt daneben.
 *
 * Bewusst nur .wpcf7-checkbox (CF7s eigene Wrapper-Klasse für den [checkbox]-Tag-Typ), NICHT
 * .wpcf7-acceptance (Zustimmungs-/"Datenschutz"-Feld) – keine Überschneidung mit dessen bereits
 * vorhandener, funktionierender Theme-Formatierung (.wpcf7-list-item .datenschutz im Child-Theme).
 */

.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
	display: flex !important;
	align-items: center;
	gap: 10px;
	width: auto !important;
	margin: 10px 0 !important;
}

.wpcf7-form .wpcf7-checkbox input[type="checkbox"] {
	width: 20px !important;
	height: 20px !important;
	min-height: 20px !important;
	flex: 0 0 20px;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 4px !important;
}

/* Deckt moderne CF7-Versionen ab, die den Label-Text in einen eigenen Span wrappen – rein additiv,
 * falls diese Klasse nicht vorkommt (ältere CF7-Version), greift die .wpcf7-list-item-Flex-Regel
 * oben trotzdem für die grundlegende Nebeneinander-Anordnung. */
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item-label {
	width: auto !important;
}