/* Carmo footer trustbar — verzend- en betaalmethode-logo's (2026-09-06) */
.carmo-trustbar-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.carmo-trustbar-chip {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border-radius: 8px;
	padding: 6px 10px;
	height: 40px;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.carmo-trustbar-chip:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.35);
}
.carmo-trustbar-chip img {
	/* Vaste hoogte i.p.v. max-height: een SVG zonder width/height-attributen
	   (alleen viewBox, bv. paypal.svg) valt anders terug op een 0x0-rendering
	   in een flex-child met alleen max-width/max-height + auto. Zie
	   docs/claude/gotchas-extended.md (footer-trustbar-svg-sizing). */
	height: 28px;
	width: auto;
	max-width: 80px;
	display: block;
}
/* Bronbestanden verschillen sterk in ingebouwde witruimte: DHL/FedEx zijn
   edge-to-edge cirkels (vullen 100% van het canvas), UPS heeft juist veel
   lucht rondom (vult maar ~54%). Zonder correctie oogt de rij ongelijk qua
   grootte ondanks identieke box-hoogte. Gemeten met canvas alpha-scan. */
.carmo-trustbar-img-fullbleed {
	height: 21px !important;
	/* dhl-logo.png heeft (als enige) GEEN transparante achtergrond maar een
	   lichtgrijs vignet in de hoeken (rgba 235,235,235 i.p.v. transparant) —
	   dat toonde als een vaag grijs kader tegen het witte kaartje. De hele
	   afbeelding is al een cirkel die de rand raakt, dus rond uitknippen
	   verwijdert precies die hoeken zonder het logo zelf te raken. */
	border-radius: 50%;
	clip-path: circle(50%);
}
.carmo-trustbar-img-ups {
	height: 34px !important;
}
/* Betaalrij + Comodo-seal op één regel i.p.v. de seal op een aparte regel
   eronder: de wrapper wordt zelf een flex-rij met de linkomhulde iconenlijst
   en de losse seal-lijst als twee naast elkaar staande items. */
.carmo-trustbar-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.carmo-trustbar-row > a {
	display: block;
}
.carmo-trustbar-list-secure {
	margin: 0;
}
.carmo-trustbar-chip-seal {
	height: auto;
	padding: 8px 12px;
}
.carmo-trustbar-chip-seal img {
	height: 32px;
	width: auto;
	max-width: none;
}
@media (max-width: 767px) {
	.carmo-trustbar-list {
		justify-content: flex-start;
	}
}