/**
 * Datei: modules.css
 * Projekt: MietPortalo Core
 * Autor: MARKS MEDIA
 *
 * Zweck:
 *   Zentrale CSS-Datei für alle Plugin-Module (Profile, Listings, Locations, Messages usw.).
 *   Enthält ausschließlich modulbezogenes Layout und Struktur – keine globalen Farben oder Typografie.
 *   Alle allgemeinen Design-Definitionen (Farben, Schrift, Buttons etc.) liegen im Theme.
 */

/* ============================================================
   Account-Bereich (Dashboard)
============================================================ */
.mp-account-wrap {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	margin: 30px auto;
	padding: 20px;
	/* KEINE max-width hier */
	background: var(--bg-content);
}

/* extra breite Darstellung für den Benutzerbereich */
.mp-account-wide {
	max-width: var(--dashboard-container-width);
	margin: 0 auto;
	width: 100%;
}

.mp-account-sidebar {
	flex: 0 0 260px;
	background: var(--bg-whiteblock);	/* original = var(--bg-whiteblock); */
	border: 1px solid var(--block-border);	/* original = 1px solid var(--block-border); */
	border-radius: 10px;
	padding: 0px;	/* original = padding: 20px; */
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.mp-account-content {
	flex: 1;
	/* background: var(--bg-whiteblock);	/* original = var(--bg-whiteblock); */
	/* border: 1px solid var(--block-border);	/* original = 1px solid var(--block-border); */
	border-radius: 10px;
	padding: 0px;		/* original = padding: 20px; */
	min-height: 400px;
}

@media (max-width: 900px) {
	.mp-account-wrap {
		flex-direction: column;
	}
	.mp-account-sidebar,
	.mp-account-content {
		width: 100%;
	}
}