/* ==========================================================================
   Compact "end of post" subscribe box — deliberately smaller and different
   from the homepage's large gradient subscribe section: a centered card
   with a dashed circle icon and a tight max-width.
   ========================================================================== */

.fst-post-subscribe {
	--fst-ps-ink: color-mix(in srgb, var(--fst-black) 82%, var(--fst-white) 18%);
	--fst-ps-blush: color-mix(in srgb, var(--fst-primary) 7%, var(--fst-white));

	max-width: 420px;
	margin: 2.8rem auto 1.2rem;
	padding: 2rem 1.6rem 1.8rem;
	text-align: center;
	background: var(--fst-ps-blush);
	border: 1.5px dashed var(--fst-primary);
	border-radius: 18px;
	font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
	color: var(--fst-ps-ink);
}

.fst-post-subscribe-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--fst-primary);
	color: var(--fst-white);
	font-size: 1.1rem;
	margin-bottom: .7rem;
}

.fst-post-subscribe-title {
	font-family: 'Fraunces', Georgia, serif;
	font-size: 1.25rem;
	margin: 0 0 .35em;
	color: var(--fst-ps-ink);
}

.fst-post-subscribe-subtitle {
	font-size: .88rem;
	color: color-mix(in srgb, var(--fst-ps-ink) 68%, transparent);
	margin: 0 0 1.1rem;
	line-height: 1.5;
}

.fst-post-subscribe-form { max-width: 340px; margin: 0 auto; }

/* Keep the embedded Forminator markup centered and compact regardless of
   the theme's own form styling. */
.fst-post-subscribe-form form,
.fst-post-subscribe-form .forminator-row,
.fst-post-subscribe-form .forminator-field {
	max-width: 100%;
}
.fst-post-subscribe-form input[type="email"],
.fst-post-subscribe-form input[type="text"] {
	text-align: center;
	border-radius: 999px !important;
}
.fst-post-subscribe-form button,
.fst-post-subscribe-form input[type="submit"],
.fst-post-subscribe-form .forminator-button-submit {
	display: inline-block;
	margin-top: .5rem;
	padding: .6em 1.6em !important;
	border-radius: 999px !important;
	background: var(--fst-primary) !important;
	border-color: var(--fst-primary) !important;
	color: var(--fst-white) !important;
	font-weight: 600;
}

@media (max-width: 480px) {
	.fst-post-subscribe { margin: 2.2rem auto 1rem; padding: 1.6rem 1.2rem 1.4rem; }
}