/**
 * Model 2 runtime CSS.
 *
 * Intentionally minimal + low-specificity: the DESIGN comes from the designer's
 * own CSS. This only (a) hides the Ninja Forms engine while keeping it fully
 * functional/accessible, and (b) provides sane fallbacks for the wizard states
 * and generated controls so an un-styled skin still works.
 *
 * @package WFZ_NF_Extended_Editor
 */

/* The real Ninja Forms form stays in the DOM as the engine — visually hidden
   (clip technique) but focusable/submittable, never display:none (which can
   break field scripts). */
.wfz-nfee-engine {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect( 1px, 1px, 1px, 1px ) !important;
	clip-path: inset( 50% ) !important;
	white-space: nowrap !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
}

/* Skin wrapper: no opinions beyond a stacking/positioning context. */
.wfz-nfee-skin {
	position: relative;
}

/* Wizard: hide inactive steps. [hidden] alone can be beaten by a display rule
   in the designer's CSS, so back it with an attribute selector. */
.wfz-nfee-skin .nfee-step[hidden] {
	display: none !important;
}

/* Screen-reader-only live region for step-validation announcements. */
.wfz-nfee-skin .nfee-status {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect( 1px, 1px, 1px, 1px );
	white-space: nowrap;
}

/* Live field slot: compiled from {field:<key>}. The runtime relocates the REAL
   Ninja Forms field into it, so the field keeps its NATIVE rendering, label,
   validation and error display. Block so the moved .nf-field-container lays out
   normally. */
.wfz-nfee-skin .nfee-field-live {
	display: block;
}

/* Minimal fallbacks for generated controls (only apply if the designer hasn't
   styled them). */
.wfz-nfee-skin .nfee-invalid {
	outline: 1px solid #c8060a;
}
.wfz-nfee-skin .nfee-error:empty {
	display: none;
}
.wfz-nfee-skin .nfee-error {
	color: #c8060a;
	font-size: .85em;
}

/* NOTE: the runtime no longer generates a default stepper (buildStepper was
   removed in 0.8.6 — the wizard/stepper now lives in each design's own JS/CSS).
   The old default `.nfee-stepper-item` dot styling was therefore dead AND could
   override a design's own stepper (higher specificity), so it has been removed.
   A design fully styles its own stepper. */