/* 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 14px;
	gap: 8px;
}
.carmo-trustbar-chip-seal img {
	/* Portret-icoon (hangslot met "SSL" erin gebakken) — onder ~40px hoogte
	   wordt die tekst een groene vlek, dus dit icoon krijgt bewust een grotere
	   weergave dan de rest van de rij. Vaste hoogte i.p.v. max-height, zelfde
	   reden als hierboven bij .carmo-trustbar-chip img. */
	height: 44px;
	width: auto;
	max-width: none;
}
.carmo-trustbar-seal-label {
	font-size: 13px;
	font-weight: 700;
	color: #16A34A;
	white-space: nowrap;
}
@media (max-width: 767px) {
	.carmo-trustbar-list {
		justify-content: flex-start;
	}
}