/* AER CO2 Counter — compacte badge voor in de header */

.aer-co2-counter {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.45em 1em;
	border-radius: 999px;
	background: #b2bb01; /* Alco-groen (huisstijl) */
	color: #ffffff;
	font-size: 0.95rem;
	line-height: 1.3;
	white-space: nowrap;
}

.aer-co2-counter__icon {
	display: inline-flex;
	color: #ffffff;
}

.aer-co2-counter__value {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	font-size: 1.15em;
	letter-spacing: 0.02em;
}

.aer-co2-counter__label {
	opacity: 0.9;
}

/* Balk-variant: smalle strip over de volle breedte, bedoeld voor helemaal
   bovenaan de site (announcement bar boven de logo-balk). */
.aer-co2-counter--bar {
	display: flex;
	justify-content: center;
	width: 100%;
	border-radius: 0;
	padding: 0.4em 1em;
	font-size: 0.9rem;
}

@media (max-width: 600px) {
	.aer-co2-counter {
		white-space: normal;
		font-size: 0.85rem;
	}
}