/* ==========================================================================
   EasyEdit forms — theme-inherit mode
   Structural CSS only. Inputs, buttons, labels, and typography inherit from
   the active theme so the form looks like a native part of your site.
   ========================================================================== */

.easyedit-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 600px;
}

.easyedit-form *,
.easyedit-form *::before,
.easyedit-form *::after { box-sizing: border-box; }

.easyedit-form__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

/* Width helpers — let inputs span their container, but keep theme styling */
.easyedit-form input[type=text],
.easyedit-form input[type=email],
.easyedit-form input[type=tel],
.easyedit-form input[type=url],
.easyedit-form input[type=number],
.easyedit-form textarea,
.easyedit-form select {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.easyedit-form textarea { min-height: 100px; }

/* Required-field indicator — minimal, themable via color */
.easyedit-form__req { margin-left: 4px; opacity: .8; }

/* Choices (radio/checkbox lists) */
.easyedit-form__choices {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.easyedit-form__choices label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

/* Help text */
.easyedit-form__help { opacity: .7; font-size: .85em; }

/* Honeypot — must stay invisible */
.easyedit-form__hp {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* Status message — neutral by default; success/error use semantic colours */
.easyedit-form__message { min-height: 0; }
.easyedit-form__message.is-success,
.easyedit-form__message.is-error {
	padding: 12px 14px;
	border-radius: 6px;
	font-size: .95em;
	margin-top: 4px;
}
.easyedit-form__message.is-success {
	background: rgba(43, 182, 115, .1);
	border-left: 3px solid #2BB673;
	color: #1a7d4f;
}
.easyedit-form__message.is-error {
	background: rgba(224, 74, 74, .08);
	border-left: 3px solid #E04A4A;
	color: #9a2828;
}

/* Submitting state */
.easyedit-form.is-submitting .easyedit-form__submit {
	opacity: .7;
	cursor: wait;
}
.easyedit-form.is-done .easyedit-form__field,
.easyedit-form.is-done .easyedit-form__actions {
	display: none;
}