/* CFU ALTCHA: spacing around the self-hosted ALTCHA widget. The widget brings its own styles (injected by
   assets/vendor/altcha.min.js); these rules only place it in our forms. */
.cfu-altcha {
	margin: 0.75rem 0 1rem;
	max-width: 100%;
}
.cfu-altcha altcha-widget {
	display: block;
	max-width: 100%;
	--altcha-max-width: 100%;
}
/* Ninja Forms' display-structure.css sizes every input inside a field (".nf-field-element input" and
   ".field-wrap > div input[type=checkbox]": width/height auto). That squashes ALTCHA's custom checkbox (appearance:
   none, absolutely positioned) to its 2px border. Restore the widget's own size inside Ninja Forms only. */
.nf-field-element .cfu-altcha .altcha-checkbox input,
.field-wrap .cfu-altcha .altcha-checkbox input {
	width: var(--altcha-checkbox-size);
	height: var(--altcha-checkbox-size);
}
.cfu-altcha-noscript {
	margin: 0.5rem 0 0;
	padding: 0.5rem 0.75rem;
	border-left: 3px solid #b32d2e;
	background: #fcf0f1;
	color: #1d2327;
}
