/* ============================================================
   PRZ Certificate Card
   Zertifikats-Logo links (feste Breite) + Titel und PDF-Link mit
   External-Link-Icon rechts. Bleibt auf allen Breakpoints eine
   Zeile (flexWrap: nowrap lt. Source-JSON). Link-Farbe und
   Hover-Underline kommen aus dem globalen a-Style in main-v2.
   ============================================================ */

.prz-certificate-card {
	border: var(--prz-border-width) solid var(--prz-color-border);
	background-color: var(--prz-color-bg);
	align-items: center;
	padding: var(--prz-space-m);
	gap: var(--prz-space-xs);
}

.prz-certificate-card__image {
	margin: 0;
	/* 140px lt. Source-JSON — kein Spacing-Token in dieser Größenordnung
	   vorhanden, deshalb fixer Wert (siehe Bericht). */
	flex: 0 0 140px;
}

.prz-certificate-card__image img {
	display: block;
	width: 100%;
	height: auto;
}

.prz-certificate-card__content {
	flex: 1;
	gap: var(--prz-space-2xs);
}

/* WPs Global Styles (margin-block-start auf Flow-Kinder) resetten —
   Abstände regeln ausschließlich die flex-gaps (gleiches Muster wie
   prz-product-teaser-card / prz-cta-image-banner). */
.prz-certificate-card__content > *,
.prz-certificate-card__link-row > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.prz-certificate-card__link-row {
	align-items: center;
	gap: var(--prz-space-2xs);
}

.prz-certificate-card__link-icon {
	margin: 0;
	width: 1em;
}

.prz-certificate-card__link-icon img {
	display: block;
	width: 1em;
	height: 1em;
}