/* NEN 3140 Cursusdata – inschrijfformulier (kaartstijl, zelfde breedte als het zijpaneel) */
.nen3140cd-form-wrap {
	width: 100%;
	max-width: 441px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid var(--color-content-border, #DCE4EA);
	border-top: 6px solid var(--color-content-primary, #0A5EAA);
	border-radius: var(--site-border-radius, 4px);
	padding: 20px;
	margin: 0 0 1.5rem;
	position: relative;
}
.nen3140cd-form-title {
	display: block;
	margin: -20px -20px 20px;
	padding: 12px 20px;
	background: var(--color-content-primary, #0A5EAA);
	color: #fff;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.3;
}
.nen3140cd-form .nen3140cd-field { margin: 0 0 1em; }
.nen3140cd-form label {
	display: block;
	font-weight: 400;
	font-size: .85em;
	color: var(--color-content-faded, #727f9f);
	margin-bottom: .3em;
}
.nen3140cd-form input[type="text"],
.nen3140cd-form input[type="email"],
.nen3140cd-form input[type="tel"],
.nen3140cd-form input[type="number"],
.nen3140cd-form select,
.nen3140cd-form textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: .6em .75em;
	border: 1px solid var(--color-content-border, #DCE4EA);
	border-radius: 4px;
	font: inherit;
	font-size: .95em;
	line-height: 1.4;
	background: #fff;
	color: var(--color-content-text, #272E38);
	box-shadow: none;
}
.nen3140cd-form input[type="number"] { max-width: 140px; }
.nen3140cd-form input:focus,
.nen3140cd-form select:focus,
.nen3140cd-form textarea:focus {
	outline: 2px solid var(--color-content-primary, #0A5EAA);
	outline-offset: 1px;
	border-color: var(--color-content-primary, #0A5EAA);
}
.nen3140cd-req { color: var(--color-content-secondary, #E2231A); }
.nen3140cd-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.nen3140cd-submit { margin: 1.2em 0 0; }
.nen3140cd-button {
	display: block;
	width: 100%;
	padding: 1em 2em;
	border: 1px solid var(--color-content-primary, #0A5EAA);
	border-radius: 4px;
	background: var(--color-content-primary, #0A5EAA);
	color: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	transition: background .3s, border-color .3s;
}
.nen3140cd-button:hover,
.nen3140cd-button:focus {
	background: var(--color-content-heading, #0A243F);
	border-color: var(--color-content-heading, #0A243F);
	color: #fff;
}
.nen3140cd-notice { padding: .9em 1.1em; border-radius: 4px; margin: 0 0 1.2em; border: 1px solid transparent; font-size: .95em; }
.nen3140cd-notice ul { margin: 0; padding-left: 1.2em; }
.nen3140cd-notice--success { background: #ecfdf5; border-color: #10b981; color: #065f46; }
.nen3140cd-notice--error { background: #fef2f2; border-color: #ef4444; color: #991b1b; }
.nen3140cd-notice--info { background: #eff6ff; border-color: #60a5fa; color: #1e3a8a; }