/* ==========================================================================
   Bewerberformular-Wizard — baut auf immobilienbewertung.css auf,
   ergänzt formularspezifische Layouts.
   ========================================================================== */

/* Zweispaltige Zeile innerhalb der Feldgruppe */
.bewerberformular-zeile {
    display: flex;
    gap: var(--space-3);
}

.bewerberformular-zeile .immobilienbewertung-feld-label {
    flex: 1 1 0;
    min-width: 0;
}

/* Bedingte Sektionen (Mieter 2) — Initialzustand per JS gesetzt */
.bewerberformular-bedingt {
    display: contents;
}

/* Hinweistext über Feldgruppen */
.bewerberformular-person-label {
    font-family: var(--font-body);
    font-size: var(--text-body);
    font-weight: var(--weight-medium);
    color: var(--color-text);
    margin: var(--space-3) 0 var(--space-1) !important;
}

.bewerberformular-person-label:first-of-type {
    margin-top: 0 !important;
}

.bewerberformular-hinweis {
    margin: var(--space-4) 0 var(--space-2) !important;
}

/* Textarea in der Wizard-Oberfläche */
.immobilienbewertung-feld-label textarea {
    font-family: var(--font-body);
    font-weight: var(--weight-light);
    font-size: var(--text-body);
    color: var(--color-text);
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
    resize: vertical;
    min-height: 60px;
    width: 100%;
}

/* Datumfelder — Browser-Standard-Optik beibehalten, nur Reset */
.immobilienbewertung-feld-label input[type="date"] {
    appearance: auto;
    -webkit-appearance: auto;
    color-scheme: light;
}

/* Schritt 6: CF7-Felder — nur Zustimmungen sichtbar, Datenwerte versteckt */
.bewerberformular-cf7-versteckt {
    display: none;
}

/* Rand wie beim Bewertungstool, da Wizard-Karte ebenfalls weißer Hintergrund */
.bewerberformular .formular_feld {
    border: 1px solid var(--color-primary);
}

.bewerberformular .wpcf7-form {
    gap: var(--space-3);
}

.bewerberformular .wpcf7-submit {
    margin: 0;
}

.bewerberformular .wpcf7 form > p {
    padding-bottom: 0 !important;
}

.bewerberformular .wpcf7-response-output {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
}

.bewerberformular .immobilienbewertung-navigation p {
    margin: 0 !important;
}

/* Wizard ist breiter als das Bewertungs-Tool (mehr Felder gleichzeitig) */
.bewerberformular.immobilienbewertung {
    max-width: 760px;
}

@media screen and (max-width: 767px) {
    .bewerberformular-zeile {
        flex-direction: column;
    }
}