/* Potential-Check – scoped Styles */

.potential-check .wizard > .steps {
	display: none;
}

/* jQuery Steps macht aus den <h3> die Schritt-Titel (.title). Sie dienen nur
   noch als a11y-Label und werden visuell ausgeblendet – ersetzt das sonst
   nötige externe jquery.steps.css. */
.potential-check .wizard > .content > .title {
	display: none;
}

/* Nur der aktuelle Schritt-Body ist sichtbar. */
.potential-check .wizard > .content > .body {
	display: none;
}
.potential-check .wizard > .content > .body.current {
	display: block;
}

.potential-check .select2-container {
	width: 100% !important;
}

/* Select2-Höhe an Bootstrap-Form-Controls angleichen */
.potential-check .select2-container--default .select2-selection--single {
	height: calc(2.5rem + 2px);
	padding: 0.25rem 0.25rem;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
}

.potential-check .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: calc(2.5rem);
}

/* WordPress-Block-Themes (.is-layout-constrained) zwängen direkte Kinder von
   .entry-content in die begrenzte Inhaltsbreite. Das Ergebnis-Modal muss aber
   über die volle Bildschirmbreite liegen, sonst erscheint es links statt
   zentriert. */
#resultModal.modal {
	max-width: none;
	width: 100%;
	left: 0;
	right: 0;
	margin: 0;
}

/* Elementor setzt globales Input-Padding (.elementor-kit-… input) auf ALLE
   Inputs – inkl. der Datenschutz-Checkbox. Mit box-sizing: border-box bläht
   das die Checkbox stark auf. Für unsere Checkbox gezielt zurücksetzen. */
#potential-check .form-check-input {
	width: 1em !important;
	height: 1em !important;
	padding: 0 !important;
	min-width: 0;
	min-height: 0;
}

/* Elementor-Kit färbt alle Links (.elementor-kit-XX a { color; underline }) und
   ist spezifischer als Bootstraps .btn – der CTA-Button (ein <a>) bekäme sonst
   blaue, unterstrichene Schrift auf blauem Grund. Per ID gezielt zurücksetzen. */
#resultModal #fachkraefte-btn,
#resultModal #fachkraefte-btn:hover,
#resultModal #fachkraefte-btn:focus {
	color: #fff;
	text-decoration: none;
}

/* Ergebnis-Modal: JSON-Ausgabe umbrechen */
#resultModal #result-content pre {
	white-space: pre-wrap;
	word-break: break-word;
}