/**
 * Datei: layout.css
 * Modul: Search – Sidebar + Content Layout
 *
 * Zweck:
 * - Grundlayout für Suchseite (Sidebar links, Content rechts)
 * - Responsiv: Desktop 2-spaltig, Mobile 1-spaltig (stack)
 * - Sidebar auf Desktop sticky, damit Filter beim Scrollen sichtbar bleiben
 * - Keine Farben, keine Buttons: nur Struktur/Layout
 * - Barrierefreiheit: Scrollbar bleibt nutzbar (kein Verstecken)
 * - Tokens werden hier nicht benötigt (reines Layout)
 */

.mp-search-layout{
	display:flex;
	gap:30px;
	align-items:flex-start;
}

.mp-search-sidebar{
	width:280px;
	flex-shrink:0;
}

.mp-search-content{
	flex:1 1 auto;
	min-width:0; /* wichtig: verhindert Overflow bei langen Inhalten */
}

@media (max-width:720px){
	.mp-search-layout{
		flex-direction:column;
		gap:20px;
	}

	.mp-search-sidebar,
	.mp-search-content{
		width:100%;
	}
}

@media (min-width:721px){
	.mp-search-sidebar{
		position:sticky;
		top:20px;
		max-height:calc(100vh - 40px);
		overflow:auto; /* auto statt overflow-y, damit auch horizontale Edge-Cases sauber sind */
		padding-right:4px; /* Platz für Scrollbar, damit Inhalt nicht "springt" */
	}
}