.nakama-tile-cta {
	display: inline-block;
	margin-top: 8px;
	padding: 6px 18px;
	background-color: #d62828;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-radius: 999px;
}

/* Join The Crew CTA (post 20310, bottom of homepage) — no absolute positioning,
   form centered in the navy section, input+button one row on desktop.
   Selector must out-specificity Flatsome core's
   ".col:first-child .col-inner{margin-left:auto;margin-right:0}" (flatsome.css,
   min-width:850px) — a single .nakama-join-crew .col-inner rule loses that
   tie-break and gets shoved flush-right instead of centered. */
.nakama-join-crew .col-inner,
.nakama-join-crew .col:first-child .col-inner {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

.nakama-join-crew .wpcf7-form {
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	max-width: 420px;
	margin: 16px auto 0;
}

.nakama-join-crew .wpcf7-form p {
	margin: 0;
}

.nakama-join-crew .wpcf7-form p:first-of-type {
	flex: 1 1 0;
	min-width: 0;
}

.nakama-join-crew .wpcf7-form p:last-of-type {
	flex: 0 0 auto;
}

.nakama-join-crew .wpcf7-form-control-wrap {
	display: block;
}

.nakama-join-crew input.wpcf7-text {
	width: 100%;
	height: 46px;
	padding: 0 14px;
	box-sizing: border-box;
}

.nakama-join-crew input.wpcf7-submit {
	height: 46px;
	padding: 0 24px;
	background-color: #d62828;
	color: #fff;
	border: none;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 700;
	cursor: pointer;
}

@media (max-width: 549px) {
	.nakama-join-crew .wpcf7-form {
		flex-direction: column;
	}
	.nakama-join-crew .wpcf7-form p:last-of-type {
		width: 100%;
	}
}

/* Turnstile (cf7-cf-turnstile, ~300px) is injected as a DIRECT flex child of the
   form, and the submit input is a direct child too — not wrapped in a <p>, so the
   p:last-of-type rule above never matched it. Together they starved the email
   input down to 30px and clipped the button to 48px. Let Turnstile take its own
   row and give the input a real flex basis. */
.nakama-join-crew .wpcf7-form {
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.nakama-join-crew .wpcf7-form > p:first-of-type {
	flex: 1 1 240px;
	min-width: 240px;
}

.nakama-join-crew .wpcf7-form > input.wpcf7-submit {
	flex: 0 0 auto;
	width: auto;
	order: 2;
}

.nakama-join-crew .wpcf7-form > .cf7-cf-turnstile {
	flex: 1 0 100%;
	order: 3;
	display: flex;
	justify-content: center;
	margin-top: 4px;
}