/* Forminator Signature Field – front-end styles. */

/* Visually hide the carrier input but keep it in the DOM so it is submitted.
   We intentionally do NOT use display:none / visibility:hidden so the value
   is always serialized with the form. */
.forminator-signature-carrier {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect( 0 0 0 0 ) !important;
	white-space: nowrap !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* The form design may paint a background on the field itself. Because the
   signing area can be narrower than the field, that background would show as
   unused grey space around the pad. Neutralise it for signature fields only
   (the ".forminator-signature" token sits on the field column). */
.forminator-signature,
.forminator-signature > .forminator-field {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	padding: 0 !important;
}

/* Sizing container. The optional per-field max-width / canvas height are
   applied here (and on the canvas) by the JS, so the frame fits the signing
   area exactly with no leftover grey space. */
.forminator-signature-box {
	margin-top: 6px;
}

/* Soft frame that delimits ONLY the signing area. The border lives on this
   wrapper (NOT on the canvas) so the canvas content box matches its bounding
   rect exactly and the pointer mapping stays pixel-accurate. */
.forminator-signature-canvas-wrap {
	border: 1px dashed #b9b9b9;
	border-radius: 6px;
	background: #fff;
	overflow: hidden;
	line-height: 0; /* remove inline-canvas descender gap */
}

.forminator-signature-pad {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff;
	box-sizing: border-box;
	cursor: crosshair;
	touch-action: none; /* prevents scrolling while signing on touch devices */
}

.forminator-signature-box .forminator-button.forminator-signature-clear,
button.forminator-signature-clear {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 8px 0 0 !important;
	line-height: normal;
	box-sizing: border-box !important;
}