/**
 * Commercial Partners page — main content (tiered partner logos).
 * Hero uses shared our-club.css (.wpcc-ourclub-hero).
 * Layout matches https://www.wpcc.net.au/commercialpartners
 *
 * @package WPCC
 */

.wpcc-commercial-partners {
	--cp-bg: #f6f6f6;
	--cp-text: #000000;
	--cp-label: #5f6360;
	--cp-line: #282828;
	--cp-font-sans: Arial, Helvetica, sans-serif;
	--cp-container-max: 980px;
	--cp-tier-gap: 60px;
	--cp-heading-gap: 40px;
	--cp-silver-gap-x: 130px;
	--cp-silver-gap-y: 50px;
	--cp-club-gap-x: 130px;
	--cp-col-gap: 160px;
	--cp-club-gap-y: 40px;
	--cp-line-width: min(640px, 88%);
	--cp-logo-max-height: 220px;
	--cp-logo-max-width: 480px;
	--cp-name-gap: 32px;
	--cp-line-to-content: 40px;
	--cp-row-gap: 90px;
}

/* Main content — light grey background */
.wpcc-cp-content {
	background-color: var(--cp-bg);
}

.wpcc-cp-content__container {
	box-sizing: border-box;
	width: min(100% - 40px, var(--cp-container-max));
	max-width: 100%;
	margin: 0 auto;
	padding: 60px 0 72px;
}

/* Tier sections */
.wpcc-cp-tier {
	margin-bottom: var(--cp-tier-gap);
}

.wpcc-cp-tier:last-child {
	margin-bottom: 0;
}

/* Section heading — title with line underneath (not flanking) */
.wpcc-cp-tier__heading {
	margin: 0;
	font-family: var(--cp-font-sans);
	font-size: 40px;
	font-weight: 700;
	font-style: normal;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	color: var(--cp-text);
}

.wpcc-cp-tier__heading span {
	display: block;
}

.wpcc-cp-tier__heading span::after {
	content: "";
	display: block;
	width: var(--cp-line-width);
	height: 2px;
	margin: 18px auto 0;
	background: var(--cp-line);
}

/* Shared partner block */
.wpcc-cp-partners--major,
.wpcc-cp-partners--gold,
.wpcc-cp-partners--silver,
.wpcc-cp-partners--club {
	margin-top: var(--cp-line-to-content);
}

.wpcc-cp-partner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.wpcc-cp-partner__label {
	margin: 0 0 var(--cp-name-gap);
	font-family: var(--cp-font-sans);
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.4;
	color: var(--cp-label);
}

.wpcc-cp-partner__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.wpcc-cp-partner__logo a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.wpcc-cp-partner__logo img {
	display: block;
	width: auto;
	height: auto;
	max-height: var(--cp-logo-max-height);
	max-width: var(--cp-logo-max-width);
	object-fit: contain;
}

/* Major partner — single large centred logo */
.wpcc-cp-partners--major {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
}

.wpcc-cp-partner--major .wpcc-cp-partner__label {
	font-size: 18px;
}

/* Gold partners — full-width centred + half-width pairs */
.wpcc-cp-partners--gold {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--cp-row-gap) var(--cp-col-gap);
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.wpcc-cp-partner-wrap--full {
	grid-column: 1 / -1;
}

.wpcc-cp-partner-wrap--half {
	grid-column: span 1;
}

.wpcc-cp-partner--gold .wpcc-cp-partner__logo img {
	max-width: min(100%, 280px);
}

/* Silver partners — 2-column grid */
.wpcc-cp-partners--silver {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--cp-col-gap);
	row-gap: var(--cp-row-gap);
}

.wpcc-cp-partner--silver .wpcc-cp-partner__logo img {
	max-width: min(100%, 300px);
}

/* Club partners — 3-column grid */
.wpcc-cp-partners--club {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: var(--cp-col-gap);
	row-gap: var(--cp-row-gap);
}

.wpcc-cp-partner--club .wpcc-cp-partner__logo img {
	max-width: min(100%, 220px);
}

.wpcc-cp-partner--club .wpcc-cp-partner__label {
	font-size: 12px;
}

@media (max-width: 900px) {
	.wpcc-cp-content__container {
		padding: 48px 0 60px;
	}

	.wpcc-cp-tier {
		margin-bottom: 48px;
	}

	.wpcc-cp-tier__heading {
		font-size: 32px;
	}

	.wpcc-cp-tier__heading span::after {
		margin-top: 14px;
		width: min(560px, 90%);
		height: 2px;
	}

	.wpcc-cp-partners--gold {
		gap: 64px var(--cp-col-gap);
	}

	.wpcc-commercial-partners {
		--cp-col-gap: 120px;
		--cp-silver-gap-x: 100px;
		--cp-club-gap-x: 100px;
		--cp-row-gap: 72px;
	}

	.wpcc-cp-partners--club {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.wpcc-cp-content__container {
		width: min(100% - 32px, var(--cp-container-max));
		padding: 40px 0 48px;
	}

	.wpcc-cp-tier__heading {
		font-size: 26px;
	}

	.wpcc-cp-tier__heading span::after {
		margin-top: 12px;
		width: min(480px, 92%);
		height: 2px;
	}

	.wpcc-commercial-partners {
		--cp-logo-max-height: 180px;
		--cp-logo-max-width: 360px;
		--cp-name-gap: 28px;
		--cp-line-to-content: 32px;
		--cp-row-gap: 56px;
		--cp-col-gap: 0;
	}

	.wpcc-cp-partner--major .wpcc-cp-partner__label {
		font-size: 16px;
	}

	.wpcc-cp-partners--silver,
	.wpcc-cp-partners--gold {
		grid-template-columns: minmax(0, 1fr);
	}

	.wpcc-cp-partner-wrap--full,
	.wpcc-cp-partner-wrap--half {
		grid-column: 1 / -1;
	}

	.wpcc-cp-partners--club {
		grid-template-columns: minmax(0, 1fr);
	}
}