/**
 * Partnerships hub page (/partnerstva/) — short teaser cards linking out to
 * the 3 dedicated partner-benefit pages (/hzzo/, /osiguranje/, /financiranje/).
 * No Figma design exists for this page; built reusing the site's established
 * page-header + card patterns rather than the homepage partnerships panel's
 * own CSS (that one uses nth-child grid positions tuned for its specific
 * 5-card mix, which would misapply here with only 3, same-style cards).
 */

.partnerships-list__header {
	max-width: var(--container-max);
	margin-inline: auto;
	padding: var(--space-13) var(--container-padding) var(--space-9);
	display: flex;
	flex-direction: column;
	gap: var(--space-5);
}

.partnerships-list__heading {
	font-family: var(--font-heading);
	font-weight: var(--weight-light);
	font-size: var(--text-display);
	line-height: var(--text-display-lh);
	color: var(--color-black);
	max-width: 20ch;
}

.partnerships-list__intro {
	font-family: var(--font-body);
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-lh);
	color: var(--color-text-muted);
	max-width: 640px;
}

.partnerships-list__grid {
	max-width: var(--container-max);
	margin-inline: auto;
	padding: 0 var(--container-padding) var(--space-13);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-5);
}

.partnerships-list-card {
	background: var(--color-gray-100);
	border-radius: var(--radius-xl);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.partnerships-list-card__image {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.partnerships-list-card__body {
	padding: var(--space-6);
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	flex: 1;
}

/* BTI/Interdent supply a small logo, not a photo — shown at its own size on
   a plain surface instead of being cover-cropped/stretched like the photo
   cards above, which would pixelate a small source image. */
.partnerships-list-card__logo-wrap {
	aspect-ratio: 3 / 2;
	background: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--space-6);
}

.partnerships-list-card__logo {
	max-width: 60%;
	max-height: 60%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.partnerships-list-card__title {
	font-family: var(--font-heading);
	font-weight: var(--weight-bold);
	font-size: var(--text-h4);
	line-height: var(--text-h4-lh);
	color: var(--color-gray-900);
}

.partnerships-list-card__text {
	font-family: var(--font-body);
	font-size: var(--text-paragraph);
	line-height: var(--text-paragraph-lh);
	color: var(--color-gray-500);
	flex: 1;
}

.partnerships-list-card__link {
	font-family: var(--font-heading);
	font-weight: var(--weight-medium);
	font-size: var(--text-body);
	color: var(--color-primary-text);
	margin-top: auto;
}

@media (max-width: 900px) {
	.partnerships-list__grid {
		grid-template-columns: 1fr;
	}
}