/* ==========================================================================
   Fluent Forms — layout + spacing overrides (loads after plugin CSS)
   picos-fluentform is on <form>; .fluentform is on the wrapper div.
   ========================================================================== */

.fluentform .picos-fluentform .ff-el-group:not(.ff_submit_btn_wrapper):not(.ff-message-success):not(.ff-message-error),
.picos-fluentform .ff-el-group:not(.ff_submit_btn_wrapper):not(.ff-message-success):not(.ff-message-error) {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--picos-ff-label-gap, 10px);
	min-width: 0;
}

.fluentform .picos-fluentform .ff-el-input--label,
.picos-fluentform .ff-el-input--label,
.fluentform .picos-fluentform .ff-el-input--content,
.picos-fluentform .ff-el-input--content {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.fluentform .picos-fluentform .ff-el-group.ff-el-form-top .ff-el-input--content,
.picos-fluentform .ff-el-group.ff-el-form-top .ff-el-input--content,
.fluentform.ff-default .picos-fluentform .ff-el-input--content,
.ff-default .picos-fluentform .ff-el-input--content {
	margin-left: 0;
}

.fluentform.ff-default .picos-fluentform .ff-el-input--label label,
.ff-default .picos-fluentform .ff-el-input--label label,
.picos-fluentform .ff-el-input--label label {
	display: block;
	margin: 0;
}

.fluentform .picos-fluentform .ff-el-form-control,
.picos-fluentform .ff-el-form-control,
.fluentform .picos-fluentform select.ff-el-form-control,
.picos-fluentform select.ff-el-form-control,
.fluentform .picos-fluentform textarea.ff-el-form-control,
.picos-fluentform textarea.ff-el-form-control {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.fluentform .picos-fluentform .ff-el-group.ff_submit_btn_wrapper,
.picos-fluentform .ff-el-group.ff_submit_btn_wrapper {
	gap: 0;
}