/* Lead Gen Protect - frontend styles */

.lgp-form-wrapper {
	max-width: 420px;
	margin: 2em auto;
	padding: 2em;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fafafa;
}

.lgp-form-intro {
	margin-bottom: 1.25em;
}

.lgp-lead-form .lgp-form-row {
	margin-bottom: 1em;
}

.lgp-lead-form label {
	display: block;
	margin-bottom: 0.35em;
	font-weight: 600;
}

.lgp-lead-form input[type="text"],
.lgp-lead-form input[type="email"] {
	width: 100%;
	padding: 0.6em 0.75em;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 1em;
}

/* Geen eigen styling voor de knop: de class "button" zorgt dat het
   actieve thema zijn eigen knop-styling toepast. */

.lgp-form-message {
	padding: 0.75em;
	border-radius: 4px;
}

.lgp-form-message.lgp-error {
	background: #fde8e8;
	color: #9a1f1f;
}

.lgp-form-message.lgp-success {
	background: #e6f4ea;
	color: #1e6b34;
}