/**
 * Zertifikat-Badges (cert-badges.php).
 * Text-Badges sind der Standard (gebrandet, ZCF); offizielle Logos ersetzen sie,
 * sobald hinterlegt.
 */

.zwcl-cert {
	margin: 1.2rem 0;
}

.zwcl-cert__title {
	margin: 0 0 0.6rem;
	font-size: 1rem;
	font-weight: 600;
	color: #23434A; /* ZCF Petrol */
}

.zwcl-cert__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	align-items: center;
}

.zwcl-cert__item {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

/* Text-Badge (Fallback ohne offizielles Logo) */
.zwcl-cert__item.is-text {
	padding: 0.35rem 0.7rem;
	border: 1.5px solid #E2D9CC; /* ZCF Sand-Rand */
	border-radius: 6px;
	background: #F6F1E8; /* ZCF Sand */
}

.zwcl-cert__name {
	font-size: 0.82rem;
	font-weight: 600;
	color: #23434A;
	white-space: nowrap;
}

.zwcl-cert__num {
	font-size: 0.72rem;
	color: #64717A; /* ZCF Slate */
	white-space: nowrap;
}

/* Offizielles Logo */
.zwcl-cert__logo {
	display: block;
	height: 48px;
	width: auto;
	max-width: 120px;
	object-fit: contain;
}

.zwcl-cert__note {
	margin: 0.5rem 0 0;
	font-size: 0.72rem;
	color: #8A949B;
}