/*
 * Partner - Contact.
 *
 * Read from cp-all-designer join-business/store-partner/index.html:344-355,
 * store-business-partner/index.html:366-376 and css/app.css:398-402
 * (.sec--close), 3467-3526 (.jbend--plain).
 *
 * Colour, type, padding and the spaces between the parts arrive from the Style
 * tab and are not repeated here.
 */

.custom-partner-contact {
	--custom-contact-number: #16418C;
	--custom-contact-number-on: #50A3D5;
	--custom-contact-number-rule: rgba(22, 65, 140, 0.3);   /* app.css:3507 */
}

/* a number in the line of copy is the line's own ink — app.css:182 */
.custom-partner-contact .custom-partner-contact__intro a {
	--custom-press-ink: inherit;
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
	white-space: nowrap;
}

/* app.css:3511-3519 */
.custom-partner-contact .custom-partner-contact__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;                             /* app.css:3514 */
}

/* app.css:3499-3510 — the last line: a sentence, and the number in it is not a button */
.custom-partner-contact .custom-partner-contact__last {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	font-family: inherit;
	font-style: normal;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0;
	text-align: center;
	text-transform: none;
}

.custom-partner-contact .custom-partner-contact__last a,
.custom-partner-contact .custom-partner-contact__last a:visited {
	color: var(--custom-contact-number);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 2px solid var(--custom-contact-number-rule);   /* app.css:3507 measures 1px */
	transition: color 250ms cubic-bezier(0.2, 0.8, 0.2, 1),
	            border-color 250ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.custom-partner-contact .custom-partner-contact__last a:hover,
.custom-partner-contact .custom-partner-contact__last a:focus-visible {
	color: var(--custom-contact-number-on);
	border-bottom-color: var(--custom-contact-number-on);
}

/* ------------------------------------------------------------------ */
/* Mobile — up to 767px (app.css:3523-3526, drawn at 620)              */
/* ------------------------------------------------------------------ */

@media (max-width: 767px) {
	/* stacked, the buttons share an edge: each takes the band's whole measure */
	.custom-partner-contact .custom-partner-contact__actions {
		flex-direction: column;
		align-items: stretch;
	}
}

@media (prefers-reduced-motion: reduce) {
	.custom-partner-contact .custom-partner-contact__last a {
		transition: none;
	}
}