/* ------------------------------------------------ */
/* PIDA Generator			                        */
/* (c) 2025 Crocodile Café                          */
/*							                        */
/* ccpg-genres-popup.css                            */
/* Erweiterte Layout-Styles für PopUps dieser Seite */
/* (zweispaltig, Scrollbar, responsive)             */
/* ------------------------------------------------	*/

/* Popup größer + scrollbar */
.ccpg-popup-inner {
	width: 60vw;
	max-width: 1200px;
	min-width: 320px;
	max-height: 85vh;
	overflow-y: auto;
	display: flex;
	/* Button oben, Content darunter: */
	flex-direction: column;
	background: white;
	padding: 2rem;
	border: 1px solid #ccc;
	border-radius: .25rem;
	position: relative;
}

/* Zweispaltiges Layout */
.ccpg-popup-content {
	display: grid;
	grid-template-columns: 2fr 1fr; /* Hauptspalte breiter */
	gap: 2rem;
}

/* Hauptspalte */
.ccpg-popup-main {
	line-height: 1.2;
}

/* Nebenspalte */
.ccpg-popup-side {
	background: #f9f9f9;
	padding: 1rem;
	border-radius: .25rem;
	font-size: .9rem;
}

/* Responsiv: Spalten untereinander */
@media (max-width: 700px) {
	.ccpg-popup-content {
		grid-template-columns: 1fr;
	}
}