/*
 * Form layout for the ss/newsletter-form block: what the shared tool styles
 * lack for full-width fields, checkboxes and the status line.
 */

.ss-form__form {
	display: grid;
	gap: var(--wp--preset--spacing--md, 1rem);
}

.ss-form__wide {
	border: 0;
	margin: 0;
	padding: 0;
}

.ss-form__check {
	align-items: flex-start;
	display: flex;
	gap: 0.5rem;
}

.ss-form__check input {
	block-size: 1.5rem;
	flex: none;
	inline-size: 1.5rem;
	min-height: 0;
	padding: 0;
}

.ss-form__status {
	font-weight: 600;
	margin: 0;
	min-height: 1.5rem;
}

.ss-form__status.is-error {
	color: var(--wp--preset--color--error, #b42318);
}

.ss-form [aria-invalid="true"] {
	border-color: var(--wp--preset--color--error, #b42318);
}