/* ==========================================================================
   Objektanfrage (Seite /objektanfrage/, Shortcode [sallier_objektanfrage], siehe functions.php)
   Karte und Formular im Stil der Immobilienbewertung (Schritt 5) — dieselbe weiße Karte mit umrandeten Feldern.
   ========================================================================== */

.objektanfrage-layout {
	/* Divi macht den Shortcode-Block sonst nur so breit wie sein Inhalt (Flex-Elternelement) */
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: var(--space-8);
	max-width: 1080px;
	margin: 0 auto;
}

.objektanfrage {
	flex: 1 1 0;
	min-width: 0;
	max-width: 640px;
	margin: 0 auto;
	background: var(--color-surface);
	box-shadow: var(--shadow-soft);
	padding: var(--space-8);
}

.objektanfrage-objekt {
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
	margin-bottom: var(--space-6);
	padding-bottom: var(--space-6);
	border-bottom: 1px solid var(--border-default);
}

.objektanfrage-label {
	font-family: var(--font-body);
	font-weight: var(--weight-semibold);
	font-size: var(--text-small);
	letter-spacing: var(--tracking-wide);
	text-transform: uppercase;
	color: var(--color-accent);
}

.objektanfrage-frage {
	/* Schrift/Größe/Farbe kommen vom globalen "h2"-Stil (style.css) — exakt wie die Schrittüberschriften der Mieterselbstauskunft
	   (".immobilienbewertung-frage"); hier folgt statt des Formulars eine Detailzeile, daher nur ein kleiner Abstand darunter. */
	margin-bottom: var(--space-2) !important;
}

.objektanfrage-titel,
.objektanfrage-titel:hover {
	font: inherit !important;
	color: inherit !important;
	text-decoration: none !important;
}

.objektanfrage-titel:hover {
	color: var(--color-accent) !important;
}

.objektanfrage-details {
	font-family: var(--font-body);
	font-weight: var(--weight-light);
	font-size: var(--text-body);
	color: var(--color-text);
}

.objektanfrage .formular_feld {
	border: 1px solid var(--color-primary);
	border-radius: 0;
}

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

.objektanfrage .wpcf7-submit {
	align-self: flex-start;
}

.objektanfrage .wpcf7-response-output {
	margin: var(--space-4) 0 0;
	padding: var(--space-3) var(--space-4);
	border-radius: 0;
	font-family: var(--font-body);
	font-size: var(--text-small);
}

@media screen and (max-width: 600px) {
	.objektanfrage {
		width: 100%;
		box-sizing: border-box;
		padding: var(--space-6) var(--space-4);
	}

}

/* Ansprechpartner neben dem Formular (Mitarbeiter-Karte wie auf den Objektseiten; die Karte selbst ist schon eine weiße Box) */
.objektanfrage-ansprechpartner {
	flex: 0 0 360px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

.objektanfrage-ansprechpartner .mitarbeiter-item {
	width: 100%;
	max-width: none;
	min-width: 0;
}

@media screen and (max-width: 980px) {
	.objektanfrage-layout {
		flex-direction: column;
		align-items: stretch;
	}

	.objektanfrage {
		max-width: 640px;
		width: 100%;
	}

	.objektanfrage-ansprechpartner {
		flex: 0 0 auto;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
	}
}


/* Die Mitarbeiter-Karte löst im Theme die Team-Raster-Regeln aus (mitarbeiter.css: jede Divi-Zeile/-Spalte, die eine Karte
   enthält, wird zum Raster aus 345px-Spalten mit max. 415px Breite). Hier gilt das nicht — Formular und Karte liegen
   nebeneinander in einer normalen, vollbreiten Zeile. Höhere Spezifität als die Team-Regeln, damit sie sicher überstimmt werden. */
.et_pb_row.et_pb_row:has(.objektanfrage-layout):not(.projekt-fakten) {
	display: block !important;
}

.et_pb_column.et_pb_column:has(.objektanfrage-layout) {
	flex: 1 1 100% !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	display: block !important;
}