/* A visual tier inside a form group.
   No overflow and no stacking context of its own: the autocomplete suggestion panel is
   absolutely positioned out of a field and must be free to overlay whatever tier sits below. */
.wp-block-amm-dynamic-form-panel,
.amm-dynamic-form-panel {
	background: var(--amm-dfp-background, transparent);
	border: 1px solid var(--amm-dfp-border-color, transparent);
	border-radius: var(--amm-dfp-radius, 0);
	box-shadow: var(--amm-dfp-shadow, none);
	box-sizing: border-box;
	margin: 0;
	max-width: 100%;
	padding: var(--amm-dfp-padding, 0);
	width: var(--amm-dfp-width, 100%);
}

.amm-dynamic-form-panel__inner {
	align-items: var(--amm-dfp-align-items, center);
	display: flex;
	flex-direction: var(--amm-dfp-direction, row);
	flex-wrap: var(--amm-dfp-wrap, wrap);
	gap: var(--amm-dfp-gap, 16px);
	width: 100%;
}

.amm-dynamic-form-panel__inner > .wp-block-paragraph,
.amm-dynamic-form-panel__inner > p {
	margin: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.wp-block-amm-dynamic-form-panel,
	.amm-dynamic-form-panel {
		padding: var(--amm-dfp-padding-tablet, var(--amm-dfp-padding, 0));
	}

	.amm-dynamic-form-panel__inner {
		gap: var(--amm-dfp-gap-tablet, var(--amm-dfp-gap, 16px));
	}
}

@media (max-width: 767px) {
	.wp-block-amm-dynamic-form-panel,
	.amm-dynamic-form-panel {
		padding: var(--amm-dfp-padding-mobile, var(--amm-dfp-padding, 0));
	}

	.amm-dynamic-form-panel__inner {
		gap: var(--amm-dfp-gap-mobile, var(--amm-dfp-gap, 16px));
	}
}