/* ============================================================
   Kfar-Hanagid — עיצוב פרונט + שדה חתימה
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap');

:root {
	--khn-primary: var(--wp--preset--color--primary, #1f5eff);
	--khn-danger:  var(--wp--preset--color--danger, #d92d20);
	--khn-border:  var(--wp--preset--color--border, #d9dee6);
	--khn-muted:   var(--wp--preset--color--muted, #5b6675);
	--khn-focus:   0 0 0 3px rgba(31, 94, 255, .28);
}

/* --- מרכוז הכרטיס --- */
.khn-card { max-width: 640px; margin-inline: auto; box-shadow: 0 10px 40px -24px rgba(20,22,26,.35); }
.khn-card--narrow { max-width: 440px; }

/* ============================================================
   התאמת שדות Gravity Forms לעיצוב נקי ונגיש
   ============================================================ */
.gform_wrapper .gfield_label { font-weight: 600; margin-bottom: .35rem; }

.gform_wrapper .ginput_container input[type="text"],
.gform_wrapper .ginput_container input[type="email"],
.gform_wrapper .ginput_container input[type="tel"],
.gform_wrapper .ginput_container input[type="number"],
.gform_wrapper .ginput_container textarea {
	width: 100%;
	padding: .7rem .9rem;
	border: 1px solid var(--khn-border);
	border-radius: 10px;
	font-size: 1rem;
	font-family: inherit;
	background: #fff;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.gform_wrapper .ginput_container input:focus,
.gform_wrapper .ginput_container textarea:focus {
	outline: none;
	border-color: var(--khn-primary);
	box-shadow: var(--khn-focus);
}

/* שדה ת"ז נעול (readonly) — ויזואלית ברור שאינו ניתן לעריכה */
.gform_wrapper input[readonly] {
	background: var(--wp--preset--color--surface, #f4f6f9);
	color: var(--khn-muted);
	cursor: not-allowed;
}

/* הודעות שגיאה */
.gform_wrapper .gfield_description.validation_message,
.gform_wrapper .validation_message {
	color: var(--khn-danger);
	font-size: .9rem;
	margin-top: .35rem;
}
.gform_wrapper .gfield_error input { border-color: var(--khn-danger); }

/* ============================================================
   שדה חתימה קאסטם
   ============================================================ */
.khn-signature { margin-top: .4rem; }

.khn-signature__pad {
	position: relative;
	border: 1px solid var(--khn-border);
	border-radius: 10px;
	background: #fff;
	/* קו-עזר דק בתחתית לרמוז "חתום כאן" */
	background-image: linear-gradient(to right, transparent 8%, var(--khn-border) 8%, var(--khn-border) 92%, transparent 92%);
	background-size: 100% 1px;
	background-position: center 78%;
	background-repeat: no-repeat;
	touch-action: none; /* קריטי: מונע גלילה בזמן ציור במובייל */
	overflow: hidden;
}
.khn-signature__canvas {
	display: block;
	width: 100%;
	height: 180px;
	cursor: crosshair;
	border-radius: 10px;
}
.khn-signature__placeholder {
	position: absolute;
	inset-inline-start: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--khn-muted);
	font-size: .95rem;
	pointer-events: none;
	user-select: none;
	transition: opacity .15s ease;
}
.khn-signature.is-dirty .khn-signature__placeholder { opacity: 0; }

.khn-signature__pad:focus-within {
	border-color: var(--khn-primary);
	box-shadow: var(--khn-focus);
}

.khn-signature__bar {
	display: flex;
	justify-content: flex-start;
	margin-top: .5rem;
}
.khn-signature__clear {
	background: none;
	border: 1px solid var(--khn-border);
	border-radius: 8px;
	padding: .4rem .9rem;
	font-size: .9rem;
	color: var(--khn-muted);
	cursor: pointer;
	font-family: inherit;
	transition: border-color .15s ease, color .15s ease;
}
.khn-signature__clear:hover { border-color: var(--khn-primary); color: var(--khn-primary); }
.khn-signature__clear:focus-visible { outline: none; box-shadow: var(--khn-focus); }

/* הסתרת שדה ה-hidden שמאחסן את ה-dataURL */
.khn-signature-input { display: none !important; }