/* WPForms in the site style (loaded by novamira-sandbox/jl-forms-style.php) */
body .wpforms-container.wpforms-render-modern {
	--wpforms-field-background-color: #1f1b17;
	--wpforms-field-border-color: rgba(245, 239, 229, 0.12);
	--wpforms-field-border-color-spare: rgba(245, 239, 229, 0.12);
	--wpforms-field-text-color: #f5efe5;
	--wpforms-field-menu-color: #1f1b17;
	--wpforms-field-border-radius: 3px;
	--wpforms-field-border-size: 1px;
	--wpforms-field-size-input-height: 52px;
	--wpforms-field-size-font-size: 16px;
	--wpforms-field-size-padding-h: 16px;
	--wpforms-label-color: #c2a36b;
	--wpforms-label-sublabel-color: #8f867a;
	--wpforms-label-error-color: #e0806f;
	--wpforms-button-background-color: #c2a36b;
	--wpforms-button-background-color-alt: #c2a36b;
	--wpforms-button-border-color: #c2a36b;
	--wpforms-button-text-color: #141210;
	--wpforms-button-border-radius: 3px;
	margin: 0;
	color: #f5efe5;
}

body .wpforms-container.wpforms-render-modern .wpforms-field {
	padding: 0 0 26px;
}

body .wpforms-container.wpforms-render-modern .wpforms-field-label {
	margin: 0 0 10px;
	font-family: Inter, sans-serif;
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #c2a36b;
}

body .wpforms-container.wpforms-render-modern .wpforms-required-label {
	color: #8f867a;
	font-weight: 400;
}

/* Fields */
body .wpforms-container.wpforms-render-modern input:not([type=checkbox]):not([type=radio]):not([type=submit]),
body .wpforms-container.wpforms-render-modern textarea,
body .wpforms-container.wpforms-render-modern select {
	background-color: #1f1b17;
	border: 1px solid rgba(245, 239, 229, 0.12);
	border-radius: 3px;
	box-shadow: none;
	color: #f5efe5;
	font-family: Inter, sans-serif;
	font-size: 1rem;
	font-weight: 300;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body .wpforms-container.wpforms-render-modern textarea {
	min-height: 180px;
	padding: 14px 16px;
	line-height: 1.6;
}

body .wpforms-container.wpforms-render-modern input:hover:not(:focus),
body .wpforms-container.wpforms-render-modern textarea:hover:not(:focus) {
	border-color: rgba(245, 239, 229, 0.25);
}

body .wpforms-container.wpforms-render-modern input:focus,
body .wpforms-container.wpforms-render-modern textarea:focus,
body .wpforms-container.wpforms-render-modern select:focus {
	border-color: #c2a36b;
	box-shadow: 0 0 0 1px #c2a36b;
	outline: none;
}

body .wpforms-container.wpforms-render-modern input::placeholder,
body .wpforms-container.wpforms-render-modern textarea::placeholder {
	color: #8f867a;
	opacity: 1;
}

/* Button: same as the gold Enquire button */
body .wpforms-container.wpforms-render-modern .wpforms-submit-container {
	padding: 6px 0 0;
}

body .wpforms-container.wpforms-render-modern button[type=submit] {
	height: auto;
	padding: 16px 30px;
	border: 0;
	border-radius: 3px;
	background-color: #c2a36b;
	color: #141210;
	font-family: Inter, sans-serif;
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	box-shadow: none;
	transition: background-color 0.2s ease;
}

body .wpforms-container.wpforms-render-modern button[type=submit]:hover,
body .wpforms-container.wpforms-render-modern button[type=submit]:focus-visible {
	background-color: #d1b67f;
	background-image: none;
}

body .wpforms-container.wpforms-render-modern button[type=submit]:focus-visible {
	outline: 2px solid #c2a36b;
	outline-offset: 3px;
}

/* Validation and confirmation */
body .wpforms-container.wpforms-render-modern .wpforms-has-error input,
body .wpforms-container.wpforms-render-modern .wpforms-has-error textarea,
body .wpforms-container.wpforms-render-modern input.wpforms-error,
body .wpforms-container.wpforms-render-modern textarea.wpforms-error {
	border-color: #e0806f !important; /* beats the :not() field selector above */
}

body .wpforms-container.wpforms-render-modern em.wpforms-error,
body .wpforms-container.wpforms-render-modern label.wpforms-error {
	margin-top: 8px;
	color: #e0806f;
	font-size: 0.82rem;
	font-style: normal;
}

body .wpforms-confirmation-container-full {
	padding: 24px 26px;
	background: #1f1b17;
	border: 1px solid rgba(194, 163, 107, 0.5);
	border-radius: 3px;
	color: #f5efe5;
}

body .wpforms-confirmation-container-full p {
	margin: 0;
}
