/**
 * Referral footer card + share bottom sheet.
 */
.motorica-referral-footer-card {
	margin: 2rem 0 0.5rem;
	padding: 1rem 1.15rem;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	color: #0f172a;
}

.motorica-referral-footer-card__text {
	margin: 0 0 0.65rem;
	font-size: 0.92rem;
	line-height: 1.45;
	color: #334155;
}

.motorica-referral-footer-card__link {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-weight: 600;
	color: #ff6600;
	text-decoration: none;
}

.motorica-referral-footer-card__link:hover,
.motorica-referral-footer-card__link:focus {
	color: #e55c00;
	text-decoration: underline;
}

body.app-matrix-bg .motorica-referral-footer-card,
body.app-matrix-bg--light .motorica-referral-footer-card {
	background: rgba(255, 255, 255, 0.96);
}

#referralShareSheet .referral-share-code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	word-break: break-all;
}

#referralShareSheet .referral-share-url {
	word-break: break-all;
	font-size: 0.9rem;
}

@media (max-width: 767.98px) {
	.motorica-referral-footer-card {
		margin: 1.5rem 0 0.25rem;
		padding: 0.9rem 1rem;
	}
}