/* === WP Seminar Manager — Inhaltsliste Widget ===
 *
 * Selektoren doppelt geklassifiziert: Elementors `reset.css` und Hellos
 * `theme.css` bringen eigene Listen- und Link-Regeln mit, die einfach
 * geklassifizierte Widget-Regeln schlagen.
 */

.wpsm-cl {
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 16px;
	column-gap: 32px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wpsm-cl.wpsm-cl--cols-2 { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
.wpsm-cl.wpsm-cl--cols-3 { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }

.wpsm-cl .wpsm-cl__item {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wpsm-cl .wpsm-cl__item::before,
.wpsm-cl .wpsm-cl__item::marker {
	content: none;
}

/* ── Icon ─────────────────────────────────────────────────────────── */

.wpsm-cl .wpsm-cl__icon-bg {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	min-width: 22px;
	border-radius: 50%;
	background-color: #d9f0ec;
}

.wpsm-cl .wpsm-cl__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	line-height: 1;
	color: #0e847f;
}

.wpsm-cl .wpsm-cl__icon svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.wpsm-cl .wpsm-cl__icon i {
	display: block;
	line-height: 1;
}

/* ── Text ─────────────────────────────────────────────────────────── */

.wpsm-cl .wpsm-cl__text {
	min-width: 0;
	color: #1b2422;
	font-size: 1rem;
	line-height: 1.5;
}

/* ── Responsiv ────────────────────────────────────────────────────── */

@media ( max-width: 782px ) {
	.wpsm-cl.wpsm-cl--cols-2,
	.wpsm-cl.wpsm-cl--cols-3 {
		grid-template-columns: 1fr;
	}
}