/* ============================================================
   Newsletter Modal — dialog wrapping the Gravity Forms signup form
   ============================================================ */

.newsletter-modal {
	border: none;
	border-radius: 30px;
	width: 100%;
	max-width:756px;
	overflow-y: auto;
	background-color: transparent;
	color: var(--color-text);
	padding:0;
}

.newsletter-modal::backdrop {
	background-color: rgba(0, 0, 0, 0.5);
}

.newsletter-modal__close {
	position: absolute;
	top: var(--space-6);
	right: var(--space-6);
	height:30px;
	width:30px;
	background: none;
	border: none;
	cursor: pointer;
	padding: var(--space-2);
	display: flex;
}

.newsletter-modal__title{
	margin:0;
}

.newsletter-modal__description{
	margin-bottom: var(--space-6) !important;
}

.newsletter-modal__body {
	padding: var(--space-16) var(--space-12);
	background-color:var(--color-bg-tertiary);
	border-radius: var(--radius-xl);
}

.newsletter-modal .form-style_wrapper{
	padding:0;
	margin:0;
}

@media (max-width: 768px) {
	.newsletter-modal {
		padding: var(--space-3);
	}

	.newsletter-modal__body {
		padding: var(--space-16) var(--space-6);
	}
}