/**
 * AIWTG Newsletter
 */
.aiwtg-newsletter {
	margin-left: var(--aiwtg-nl-ml, auto);
	margin-right: var(--aiwtg-nl-mr, auto);
	padding: 50px 30px;
	text-align: var(--aiwtg-nl-align, center);
	background-color: #f3f7ff;
	border: 1px solid #dce7ff;
	border-radius: 18px;
}

.aiwtg-newsletter__icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin: 0 var(--aiwtg-nl-mr, auto) 14px var(--aiwtg-nl-ml, auto);
	font-size: 17px;
	line-height: 1;
	color: var(--aiwtg-primary);
	background-color: #fff;
	border-radius: 50%;
}

.aiwtg-newsletter__title {
	margin-bottom: 8px;
	font-size: 29px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.03em;
	color: var(--aiwtg-navy);
}

.aiwtg-newsletter__text {
	max-width: 570px;
	margin: 0 var(--aiwtg-nl-mr, auto) 23px var(--aiwtg-nl-ml, auto);
	font-size: 13px;
	color: var(--aiwtg-muted);
}

.aiwtg-newsletter__form,
.aiwtg-newsletter__shortcode {
	max-width: 500px;
	margin-left: var(--aiwtg-nl-ml, auto);
	margin-right: var(--aiwtg-nl-mr, auto);
}

.aiwtg-newsletter__form {
	display: flex;
	gap: 8px;
}

.aiwtg-newsletter__form .aiwtg-newsletter__input {
	flex: 1;
	min-width: 0;
	height: 46px;
	padding: 0 14px;
	font-family: inherit;
	font-size: 14px;
	color: var(--aiwtg-text);
	background-color: #fff;
	border: 1px solid var(--aiwtg-border);
	border-radius: 8px;
	box-shadow: none;
}

.aiwtg-newsletter__form .aiwtg-newsletter__input:focus {
	border-color: var(--aiwtg-primary);
	outline: none;
	box-shadow: 0 0 0 3px rgba(1, 74, 251, 0.12);
}

/* Slightly higher specificity so theme `button` / [type=submit] resets don't win. */
.aiwtg-newsletter__form .aiwtg-btn {
	flex: 0 0 auto;
	margin: 0;
	border: 1px solid transparent;
}

.aiwtg-newsletter__note {
	margin-top: 14px;
	font-size: 12px;
	color: var(--aiwtg-muted);
}

.aiwtg-newsletter__note a {
	color: var(--aiwtg-primary);
	text-decoration: underline;
}

@media (max-width: 767px) {
	.aiwtg-newsletter {
		padding: 40px 20px;
	}

	.aiwtg-newsletter__title {
		font-size: 25px;
	}

	.aiwtg-nl-stack-yes .aiwtg-newsletter__form {
		flex-direction: column;
	}

	.aiwtg-nl-stack-yes .aiwtg-newsletter__form .aiwtg-btn {
		width: 100%;
	}
}