/*
 * Newsletter promo band component (Sprint 2, consolidated to one call site in Sprint 6). Relocated verbatim into components/ — content unchanged.
 *
 * @package TFGadgets
 */

/*
 * Homepage-only styles. Everything else the homepage uses (.hero,
 * .stats-strip, .section, .post-grid, .picks-list) already exists in
 * style.css from the original build — this file only adds the one new
 * component this sprint introduces: the full-width newsletter band.
 * Enqueued only on the front page (see inc/enqueue.php), so no other
 * template pays for it.
 */

.newsletter-band{
	background:var(--bg-alt);
	border-bottom:1px solid var(--line);
}
.newsletter-band__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:32px;
	padding:48px 24px;
}
.newsletter-band__copy h2{
	font-size:26px;
	margin:10px 0 8px;
}
.newsletter-band__copy p{
	color:var(--text-muted);
	font-size:14.5px;
	margin:0;
}
.newsletter-band__form{
	flex:none;
	width:100%;
	max-width:360px;
}
.newsletter-band__form input{
	background:var(--bg-card);
}

@media (max-width: 780px){
	.newsletter-band__inner{
		flex-direction:column;
		align-items:stretch;
		text-align:left;
	}
	.newsletter-band__form{ max-width:none; }
}