/* ============================================================
   ToolGrowth — Newsletter (ConvertKit) fit-in styles
   ------------------------------------------------------------
   Category + blog-post newsletter now uses the SAME form markup
   that works perfectly on the homepage (stacked, .tg-news__in2
   input + .tg-btn--light button, AJAX submit via ck.5.js — no
   new tab). These rules mirror the homepage's working .tg-ck
   styles so the result is identical everywhere.
   Desktop + mobile both covered; nothing else on the site
   changes.
   ============================================================ */

.tg-news__ck { width: 100%; max-width: 440px; margin: 0 auto; }

/* Transparent so the dark band shows through; kill embed's box. */
.tg-news__ck .formkit-form,
.tg-news__ck .tg-ck {
	background: transparent !important;
	box-shadow: none !important;
	max-width: 100% !important;
	margin: 0 !important;
	min-height: 0 !important;
}

/* Stack: email on top, button right under it — small clean gap.
   This is the exact behaviour that works on the homepage. */
.tg-news__ck .seva-fields.formkit-fields {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	margin: 0 !important;
	min-height: 0 !important;
}
.tg-news__ck .formkit-field { margin: 0 !important; width: 100%; }

.tg-news__ck .tg-news__in2,
.tg-news__ck .formkit-input {
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

/* Subscribe button: full width, directly under the field. */
.tg-news__ck .tg-btn--light,
.tg-news__ck .formkit-submit {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
	cursor: pointer;
}

/* Success / error message readable on the dark band. */
.tg-news__ck .formkit-alert {
	width: 100%;
	margin: 0 0 12px !important;
	border-radius: 10px !important;
	text-align: center;
}
.tg-news__ck .formkit-alert:empty { display: none; }

/* Hide the embed's decorative image/second column if it ever appears —
   this was the source of the tall empty gap. */
.tg-news__ck .formkit-background,
.tg-news__ck .formkit-image,
.tg-news__ck .formkit-column:first-child:not(:only-child) { display: none !important; }
.tg-news__ck .formkit-column { padding: 0 !important; min-height: 0 !important; border: 0 !important; }

/* "Built with Kit" badge — subtle. */
.tg-news__ck .formkit-powered-by-convertkit-container { margin: 12px 0 0 !important; opacity: .6; }