/* AI Site Agent — lead form styles (front end + editor canvas). */

.aisa-form {
	padding: var( --wp--preset--spacing--60, 2rem );
	border-radius: 8px;
}

.aisa-form-light {
	background: var( --wp--preset--color--base-2, #f4f5f2 );
	color: var( --wp--preset--color--contrast, #141714 );
}

.aisa-form-dark {
	background: var( --wp--preset--color--contrast, #141714 );
	color: var( --wp--preset--color--base, #ffffff );
}

.aisa-form-heading {
	margin: 0 0 0.5rem;
	background: none;
	padding: 0;
}

.aisa-form-desc {
	margin: 0 0 1.25rem;
	opacity: 0.85;
	background: none;
	padding: 0;
}

.aisa-form-label,
.aisa-form-check span {
	background: none;
}

/* Text colors are set EXPLICITLY per tone, with two-class specificity.
 * Inheriting from the wrapper is not enough: theme global styles paint
 * headings and links with direct rules, and a direct rule always beats
 * an inherited value — that made dark-tone headings invisible. */
.aisa-form-light .aisa-form-heading,
.aisa-form-light .aisa-form-desc,
.aisa-form-light .aisa-form-label,
.aisa-form-light .aisa-form-check span,
.aisa-form-light .aisa-form-status {
	color: var( --wp--preset--color--contrast, #141714 );
}

.aisa-form-dark .aisa-form-heading,
.aisa-form-dark .aisa-form-desc,
.aisa-form-dark .aisa-form-label,
.aisa-form-dark .aisa-form-check span,
.aisa-form-dark .aisa-form-status {
	color: var( --wp--preset--color--base, #ffffff );
}

.aisa-form .aisa-form-status.is-error {
	color: #ff6b6b;
}

.aisa-form-row {
	margin-bottom: 1rem;
}

.aisa-form-label {
	display: block;
	margin-bottom: 0.35rem;
	font-weight: 600;
	font-size: 0.9rem;
}

.aisa-form-req {
	opacity: 0.7;
}

.aisa-form input[type="text"],
.aisa-form input[type="email"],
.aisa-form input[type="tel"],
.aisa-form textarea,
.aisa-form select {
	width: 100%;
	box-sizing: border-box;
	padding: 0.7rem 0.8rem;
	border: 1px solid rgba( 128, 128, 128, 0.45 );
	border-radius: 6px;
	background: #ffffff;
	color: #141714;
	font: inherit;
	font-size: 0.95rem;
}

.aisa-form textarea {
	resize: vertical;
}

.aisa-form-check {
	display: flex;
	gap: 0.6rem;
	align-items: flex-start;
	font-size: 0.9rem;
	cursor: pointer;
}

.aisa-form-check input {
	margin-top: 0.2rem;
}

.aisa-form-submit {
	margin-top: 0.5rem;
	padding: 0.8rem 1.6rem;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	background: var( --wp--preset--color--primary, #1f6f54 );
	color: #ffffff;
}

.aisa-form-submit[disabled] {
	opacity: 0.6;
	cursor: default;
}

.aisa-form-status {
	margin: 0.9rem 0 0;
	font-size: 0.9rem;
	min-height: 1.2em;
}

/* Honeypot: never visible to humans, in the editor or on the front end. */
.aisa-form-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Editor canvas: the preview is not interactive. */
.aisa-form-is-preview .aisa-form-el {
	pointer-events: none;
}