/*
 * Partner - Support.
 *
 * Read from cp-all-designer join-business/store-partner/index.html:52-118,
 * css/app.css:3648-3694 (.jbhelp) and css/join-business.css:11-39.
 *
 * Colour, type, padding, the corner and the spaces between the parts arrive
 * from the Style tab and are not repeated here.
 */

.custom-partner-support {
	--custom-support-edge: #EEF2F7;
	--custom-support-edge-on: #50A3D5;
}

/* join-business.css:19-29 — three to a row, and a row left short is centred.
   The row shares its space out; a card is a third of what the gaps leave. */
.custom-partner-support .custom-partner-support__cards {
	--custom-support-gap: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--custom-support-gap);
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

/* app.css:3666-3672 */
.custom-partner-support .custom-partner-support__card {
	display: flex;
	flex: 0 0 calc((100% - var(--custom-support-gap) - var(--custom-support-gap)) / 3);
	flex-direction: column;
	box-sizing: border-box;
	min-width: 0;
	margin: 0;
	border: 2px solid var(--custom-support-edge);   /* app.css:3670 measures 1px */
	list-style: none;
	transition: border-color 300ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            box-shadow 300ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* app.css:3673-3675 — only where there is a pointer to reach it with */
@media (hover: hover) {
	.custom-partner-support .custom-partner-support__card:hover {
		border-color: var(--custom-support-edge-on);
		box-shadow: 0 6px 18px -6px rgba(22, 65, 140, 0.14);   /* --sh-sm, app.css:145 */
		transform: translateY(-4px);       /* app.css:3674 measures -3px */
	}
}

/* app.css:3676-3684 — the mark on its disc */
.custom-partner-support .custom-partner-support__card-icon {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	border-radius: 50%;
	line-height: 1;
}

.custom-partner-support .custom-partner-support__card-icon svg {
	display: block;
}

/* app.css:3685-3687 */
.custom-partner-support .custom-partner-support__card-title {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
}

/* app.css:3688-3690 */
.custom-partner-support .custom-partner-support__card-text {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-style: normal;
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: 0;
	text-transform: none;
}

/* ------------------------------------------------------------------ */
/* Tablet — 768px to 1024px (join-business.css:31-35, drawn at 1000)   */
/* ------------------------------------------------------------------ */

@media (max-width: 1024px) {
	/* two to a row, and a card left alone is centred */
	.custom-partner-support .custom-partner-support__card {
		flex-basis: calc((100% - var(--custom-support-gap)) / 2);
	}
}

/* ------------------------------------------------------------------ */
/* Mobile — up to 767px (join-business.css:36-41, drawn at 640)        */
/* ------------------------------------------------------------------ */

@media (max-width: 767px) {
	.custom-partner-support .custom-partner-support__card {
		flex-basis: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.custom-partner-support .custom-partner-support__card {
		transition: none;
	}
	.custom-partner-support .custom-partner-support__card:hover {
		transform: none;
	}
}