/*
 * Image with Form – the form on the panel. The photo + panel band is shared
 * with Image with Text (.imagePanel, css/base/blocks.css); colours come only
 * from the --landing-panel-* / --landing-field-* roles in css/base/theme.css.
 * WPForms' own stylesheet is off site-wide, so the fields are styled here.
 */
.blockContent.block-image-form {

	.wpforms-container {
		/* square corners, as everywhere in the theme – the plugin rounds every
		   field through this property, so zeroing it here covers the odd
		   consumers too (error alerts, dropdown lists) */
		--wpforms-field-border-radius: 0;
		margin-top: 32px;
		margin-bottom: 0;

		.wpforms-field-label,
		.wpforms-field-label-inline,
		.wpforms-field-sublabel,
		.wpforms-field-description,
		legend {
			color: var(--landing-panel-text);
		}

		input:not([type="checkbox"]):not([type="radio"]),
		textarea,
		select {
			width: 100%;
			max-width: 100%;
			border: 1px solid var(--landing-field-border);
			border-radius: 0;
			background: var(--landing-field-bg);
			color: var(--landing-field-text);
		}

		/* the submit sits under the fields at their left edge, outlined in
		   the panel's text colour (css/base/blocks.css), as Howe Green's does */
		.wpforms-submit-container {
			text-align: left;
		}
	}
}