/* ============================================================
   PRZ Checklist Card mit Download
   Badge-Icon + H4 + Einleitung + Häkchen-Liste + Download-Zeile.
   Alle Icons sind austauschbare Image-Blocks (aus Mediathek).
   Die Download-Zeile ist komplett klickbar (Stretched-Link) und
   öffnet das PDF im neuen Tab.
   Icon-Größen sind feste px-Werte — für Icon-Maße gibt es keine
   Tokens (siehe Bericht).
   ============================================================ */

.prz-checklist-card {
	background-color: var(--prz-color-bg);
	border: var(--prz-border-width) solid var(--prz-color-border);
	padding: var(--prz-space-xs); /* Mobile: 16px */
	gap: var(--prz-space-m);
}

/* Desktop: 32px Padding (--prz-space-m löst ab 992px auf 32px auf). */
@media (min-width: 992px) {
	.prz-checklist-card {
		padding: var(--prz-space-m);
	}
}

/* WP-Flow-Margins auf allen verschachtelten Kindern resetten —
   Abstände regeln ausschließlich die flex-gaps. */
.prz-checklist-card > *,
.prz-checklist-card__header > *,
.prz-checklist-card__list > *,
.prz-checklist-card__list-item > *,
.prz-checklist-card__download > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

/* Kopf: Titel + Einleitung mit engem Abstand (fix 8px, unabhängig vom
   Breakpoint — bewusst enger als der Karten-Gap). */
.prz-checklist-card__header {
	gap: var(--prz-space-2xs);
}

/* Badge oben (ganzes Bild inkl. Kreis, lt. Auswahl) */
.prz-checklist-card__badge {
	margin: 0;
	width: 64px;
}

.prz-checklist-card__badge img {
	width: 64px;
	height: 64px;
	object-fit: contain;
}

/* Liste */
.prz-checklist-card__list {
	gap: var(--prz-space-l);
}

.prz-checklist-card__list-item {
	align-items: center;
	gap: var(--prz-space-s);
}

.prz-checklist-card__check {
	margin: 0;
	flex: 0 0 auto;
	width: 24px;
}

.prz-checklist-card__check img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.prz-checklist-card__list-text {
	margin: 0;
}

/* ============================================================
   Download-Modul — komplette Zeile klickbar (Stretched Link).
   Der Link im Beschriftungs-Absatz bekommt ein absolut
   positioniertes ::after, das die ganze Zeile überdeckt →
   Klick überall öffnet das PDF (target=_blank im Markup).
   ============================================================ */

.prz-checklist-card__download {
	position: relative;
	align-items: center;
	gap: var(--prz-space-s);
	background-color: var(--prz-color-bg-alt);
	padding: var(--prz-space-xs) var(--prz-space-s);
}

.prz-checklist-card__download-icon {
	margin: 0;
	flex: 0 0 auto;
	width: 28px;
}

.prz-checklist-card__download-icon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.prz-checklist-card__download-label {
	margin: 0;
	flex: 1;
}

.prz-checklist-card__download-label a {
	text-decoration: none;
	color: var(--prz-color-text);
}

/* Stretched Link: überdeckt die gesamte Download-Zeile */
.prz-checklist-card__download-label a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.prz-checklist-card__download-arrow {
	margin: 0;
	flex: 0 0 auto;
	width: 20px;
}

.prz-checklist-card__download-arrow img {
	width: 20px;
	height: 20px;
	object-fit: contain;
}