/**
 * Société Jersiaise, partnerships page
 *
 * Loads after pages.css on /partnerships/ only. The hero, lede and feature
 * rows come from there; this file is the partner list.
 *
 * @package sj-child
 */

.sj-shop .sj-partners__list {
	margin: var(--sj-space-5) 0 0;
	padding: 0;
	list-style: none;
	border-block-start: var(--sj-border-width) solid var(--sj-color-border);
}

.sj-shop .sj-partner {
	display: grid;
	gap: var(--sj-space-4);
	margin: 0;
	padding-block: var(--sj-space-5);
	border-block-end: var(--sj-border-width) solid var(--sj-color-border);
}

@media (min-width: 48rem) {

	.sj-shop .sj-partner {
		grid-template-columns: var(--sj-partner-logo-col) minmax(0, 1fr);
		gap: var(--sj-space-7);
		align-items: start;
		padding-block: var(--sj-space-6);
	}
}

.sj-shop .sj-partner__logo {
	margin: 0;
}

.sj-shop .sj-partner__logo a {
	display: block;
}

.sj-shop .sj-partner__logo img {
	display: block;
	inline-size: 100%;
	max-inline-size: var(--sj-partner-logo-max);
	block-size: auto;
	max-block-size: var(--sj-partner-logo-height);
	object-fit: contain;
	object-position: left center;
	border-radius: 0;
}

.sj-shop .sj-partner__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--sj-space-2);
}

.sj-shop .sj-partner__name {
	margin: 0;
	font-size: var(--sj-text-lg);
	font-weight: var(--sj-weight-bold);
	line-height: var(--sj-leading-snug);
	letter-spacing: var(--sj-tracking-heading);
	text-transform: none;
	color: var(--sj-color-navy);
}

.sj-shop .sj-partner__text p {
	margin: 0 0 var(--sj-space-3);
}

.sj-shop .sj-partner__text p:last-child {
	margin-block-end: 0;
}

.sj-shop .sj-partner__site {
	margin: 0;
	font-size: var(--sj-text-2xs);
	font-weight: var(--sj-weight-semibold);
	letter-spacing: var(--sj-tracking-none);
}