.cm-shared-footer--uh {
	background-color: #012b49 !important;
}

.cm-shared-footer--uh .cm-uh-accent,
.cm-shared-footer--uh a.cm-uh-accent {
	color: #fae039;
}

.cm-shared-footer--uh a.cm-uh-muted {
	color: #d1d5db;
}

.cm-shared-footer--uh a.cm-uh-muted:hover,
.cm-shared-footer--uh a.cm-uh-accent-hover:hover {
	color: #fae039;
}

.cm-shared-footer--uh .cm-uh-border {
	border-color: #374151;
}

.cm-shared-footer--uh a.cm-uh-cta {
	color: #fae039;
	font-weight: 600;
}

.cm-shared-footer--uh a.cm-uh-cta:hover {
	color: #ffffff;
}

/*
 * Badge row: full circle + ribbon (no Photon square-crop).
 * Sized to keep all 4 on ONE line inside the footer’s left column
 * on a typical 15" laptop (~360px column).
 */
.cm-shared-footer .cm-footer-badges {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5rem;
	overflow: visible;
	max-width: 100%;
}

.cm-shared-footer .cm-footer-badge {
	flex: 0 0 auto;
	width: 4.5rem; /* 72px cell — 4×72 + gaps fits a ~360px column */
	overflow: visible;
	text-align: center;
}

.cm-shared-footer .cm-footer-badge-img {
	display: block;
	width: auto;
	height: 3.75rem; /* 60px display; full-res source stays crisp */
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	object-position: center top;
	image-rendering: auto;
}

.cm-shared-footer .cm-footer-badge p {
	font-size: 0.65rem;
	line-height: 1.2;
	margin-top: 0.35rem;
}

@media (min-width: 1024px) {
	.cm-shared-footer .cm-footer-badges {
		gap: 0.625rem;
	}

	.cm-shared-footer .cm-footer-badge {
		width: 4.75rem; /* 76px */
	}

	.cm-shared-footer .cm-footer-badge-img {
		height: 4rem; /* 64px */
	}
}
