/*
 * Trade partners. Figma 1940:47960 desktop: 720 column centred, rows 16 apart;
 * row: logo 141x44 + tag/small filled (space-between), 16 gap, name header/XS,
 * 10 gap, text body/S, 16 gap, link icon 14 + body/XS underlined, divider.
 * Mobile 991:13481: 350 wide, same stack (about 44 under the band too).
 */

.trade-partners.section--join { margin-top: calc(44px - var(--section-gap)); }

.trade-partners__inner {
	display: flex;
	flex-direction: column;
	gap: 32px;
	max-width: calc(720px + 2 * var(--gutter));
}

.trade-partners__title { font: var(--f-header-l); color: var(--c-text-dark); }

.trade-partners__list { display: flex; flex-direction: column; gap: 16px; }

.trade-partner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--c-border-light);
}

.trade-partner__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
}

.trade-partner__logo { width: auto; max-width: 141px; height: 44px; object-fit: contain; object-position: left center; }

.trade-partner__text { display: flex; flex-direction: column; gap: 10px; color: var(--c-text-dark); }
.trade-partner__name { font: var(--f-header-xs); }
.trade-partner__desc { font: var(--f-body-s); }

.trade-partner__link {
	--icon-size: 14px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font: var(--f-body-xs);
	color: var(--c-text-dark);
}

.trade-partner__link .icon { color: var(--c-primary); }
.trade-partner__link span { text-decoration: underline; text-underline-offset: 2px; }
.trade-partner__link:hover { color: var(--c-primary); }