.brevo-signup-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 1em 0;
}
.brevo-signup-row {
	display: flex;
	flex-direction: row;
	column-gap: 12px;
	width: 100%;
	position: relative;
}
.brevo-signup-form input[type="email"] {
	padding: 0.5em;
	font-size: 1em;
	border: 1px solid #ccc;
	border-radius: 3px;
	flex: 1 1 200px;
	min-width: 0;
}
/* Only apply custom colors when theme colors are disabled */
.brevo-signup-form button[type="submit"][style] {
	background-color: var(--brevo-btn-color);
	color: var(--brevo-btn-font-color);
}
.brevo-signup-form button[type="submit"][style]:hover:not(:disabled) {
	background-color: var(--brevo-btn-color);
	filter: brightness(0.85);
}
.brevo-signup-terms {
	align-items: center;
	gap: 0.5em;
}
.brevo-signup-message {
	margin-top: 0.5em;
	font-size: 1em;
}

/* AJAX Loader Styles - only essential positioning and animation */
.brevo-signup-form button[type="submit"] {
	position: relative;
	min-height: 40px;
}

.brevo-signup-loader {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border: 3px solid rgba(255, 255, 255, 0.3);
	border-top: 3px solid #ffffff;
	border-radius: 50%;
	animation: brevo-spin 1s linear infinite;
	z-index: 10;
}

.brevo-signup-form button[type="submit"].loading .brevo-signup-loader {
	display: block;
}

.brevo-signup-form button[type="submit"].loading .brevo-signup-button-text {
	visibility: hidden;
}

.brevo-signup-form button[type="submit"].loading {
	background-color: #666 !important;
}

@keyframes brevo-spin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}