/* Inquira — Smart Lead Forms — public form styles. Loaded once, shared by every
   [inquira] instance on the page. Each instance sets its own design
   variables (color, width, padding, radius, shadow, font, spacing) via an
   inline style attribute, so per-form customization needs no extra CSS —
   see class-inquira-design.php for how those variables are computed. */

.inquira-form, .inquira-form * { box-sizing: border-box; }
.inquira-form {
	--iq-ink: #0F1A3C;
	--iq-ink-soft: #5B6584;
	--iq-line: #E4E8F5;
	--iq-ok: #17B26A;
	--iq-red: #D14343;
	max-width: var(--iq-max-width, 480px);
	margin: 0 auto;
	font-family: var(--iq-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
	color: var(--iq-ink);
}
.inquira-form .iq-card {
	background: #fff;
	border-radius: var(--iq-radius-card, 18px);
	padding: var(--iq-card-padding, 26px);
	box-shadow: var(--iq-shadow, 0 24px 50px -22px rgba(11,31,82,.28));
	opacity: 0;
	transform: translateY(16px);
	animation: iqRise .55s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes iqRise { to { opacity: 1; transform: translateY(0); } }

.inquira-form .iq-head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.inquira-form .iq-head-icon {
	flex: none; width: 38px; height: 38px; border-radius: 11px;
	background: var(--iq-color, #2145E6); display: flex; align-items: center; justify-content: center;
	box-shadow: 0 6px 14px -4px rgba(0,0,0,.25);
}
.inquira-form .iq-title { font-size: 20px; font-weight: 700; margin: 0 0 4px; letter-spacing: -0.01em; }
.inquira-form .iq-subtitle { margin: 0; color: var(--iq-ink-soft); font-size: 13px; }

.inquira-form .iq-badges {
	display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 12px 0; margin-bottom: 14px;
	border-top: 1px solid var(--iq-line); border-bottom: 1px solid var(--iq-line);
}
.inquira-form .iq-badge {
	display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; color: var(--iq-ink-soft);
}
.inquira-form .iq-badge svg { color: var(--iq-color, #2145E6); flex: none; }

.inquira-form .iq-field { margin-top: var(--iq-field-gap, 14px); }
.inquira-form .iq-field:first-of-type { margin-top: 0; }
.inquira-form .iq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--iq-field-gap, 14px); }

.inquira-form .iq-label { display: block; font-weight: 700; font-size: 12.5px; margin-bottom: 6px; }
.inquira-form .iq-req { color: #FF8A3D; }

.inquira-form .iq-input-wrap { position: relative; }
.inquira-form .iq-input-wrap svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--iq-ink-soft); pointer-events: none; transition: color .15s ease; }
.inquira-form .iq-input-wrap textarea ~ svg { top: 16px; transform: none; }

.inquira-form input, .inquira-form select, .inquira-form textarea {
	width: 100%; font-family: inherit; font-size: 13.5px; color: var(--iq-ink);
	padding: var(--iq-input-padding, 11px) 12px var(--iq-input-padding, 11px) 36px;
	border: 1.5px solid var(--iq-line); border-radius: var(--iq-radius-input, 10px);
	background: #fff; outline: none; transition: border-color .15s ease, box-shadow .15s ease;
	appearance: none; -webkit-appearance: none;
}
.inquira-form select { padding-right: 28px; cursor: pointer; }
.inquira-form textarea { min-height: 64px; resize: vertical; padding-left: 12px; }
.inquira-form input:focus, .inquira-form select:focus, .inquira-form textarea:focus {
	border-color: var(--iq-color, #2145E6);
	box-shadow: 0 0 0 3.5px rgba(33,69,230,.12);
}
.inquira-form .iq-input-wrap:focus-within svg { color: var(--iq-color, #2145E6); }

.inquira-form .iq-error { display: none; align-items: center; gap: 5px; color: var(--iq-red); font-size: 11px; font-weight: 600; margin-top: 5px; }
.inquira-form .iq-field.iq-invalid input,
.inquira-form .iq-field.iq-invalid select,
.inquira-form .iq-field.iq-invalid textarea { border-color: var(--iq-red); }
.inquira-form .iq-field.iq-invalid .iq-error { display: flex; }

.inquira-form .iq-submit {
	width: 100%; margin-top: 20px; border: none; cursor: pointer;
	background: var(--iq-color, #2145E6); color: #fff; font-weight: 700; font-size: 14.5px;
	padding: var(--iq-input-padding, 13px) 20px; border-radius: var(--iq-radius-input, 11px); display: flex; align-items: center; justify-content: center; gap: 8px;
	box-shadow: 0 12px 22px -10px rgba(33,69,230,.5); font-family: inherit;
	transition: transform .15s ease, filter .15s ease;
}
.inquira-form .iq-submit.iq-btn-auto { width: auto; display: inline-flex; margin-left: auto; margin-right: auto; padding-left: 32px; padding-right: 32px; }
.inquira-form .iq-submit:hover { transform: translateY(-2px); filter: brightness(1.05); }
.inquira-form .iq-submit.iq-loading { pointer-events: none; filter: saturate(.6); }
.inquira-form .iq-spin { width: 16px; height: 16px; border-radius: 50%; border: 2.5px solid rgba(255,255,255,.4); border-top-color: #fff; display: none; animation: iqSpin .7s linear infinite; }
.inquira-form .iq-submit.iq-loading .iq-spin { display: inline-block; }
.inquira-form .iq-submit.iq-loading .iq-submit-text { display: none; }
@keyframes iqSpin { to { transform: rotate(360deg); } }

.inquira-form .iq-success { display: none; flex-direction: column; align-items: center; text-align: center; padding: 26px 6px; gap: 10px; }
.inquira-form .iq-success.iq-show { display: flex; }
.inquira-form .iq-form.iq-hide { display: none; }
.inquira-form .iq-success-ring { width: 52px; height: 52px; border-radius: 50%; background: #E8FBF1; display: flex; align-items: center; justify-content: center; }
.inquira-form .iq-success h3 { font-size: 16px; margin: 0; }
.inquira-form .iq-success p { margin: 0; font-size: 12.5px; color: var(--iq-ink-soft); max-width: 280px; }

.inquira-form .iq-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

.inquira-form .iq-cond-hidden { display: none !important; }

.inquira-form .iq-checkbox-label {
	display: flex; align-items: flex-start; gap: 9px; font-size: 12.5px; font-weight: 600; cursor: pointer; line-height: 1.4;
}
.inquira-form .iq-checkbox-label input[type="checkbox"] {
	width: 17px; height: 17px; padding: 0; margin: 1px 0 0; accent-color: var(--iq-color, #2145E6); flex: none;
}
.inquira-form .iq-checkbox-row.iq-invalid .iq-checkbox-label { color: var(--iq-red); }
.inquira-form .iq-checkbox-row.iq-invalid .iq-error { display: flex; }
.inquira-form .iq-checkbox-row .iq-error { display: none; align-items: center; gap: 5px; color: var(--iq-red); font-size: 11px; font-weight: 600; margin-top: 5px; margin-left: 26px; }

.inquira-form .iq-radio-group { display: flex; flex-direction: column; gap: 8px; }
.inquira-form .iq-radio-option { display: flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; }
.inquira-form .iq-radio-option input[type="radio"] { accent-color: var(--iq-color, #2145E6); width: 16px; height: 16px; }

.inquira-form input[type="file"] {
	padding: 9px 12px 9px 36px; font-size: 12.5px; cursor: pointer;
}
.inquira-form input[type="file"]::file-selector-button {
	border: none; background: var(--iq-color, #2145E6); color: #fff; font-weight: 600; font-size: 11.5px;
	padding: 6px 12px; border-radius: 7px; margin-right: 10px; cursor: pointer;
}

@media (max-width: 420px) {
	.inquira-form .iq-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.inquira-form *, .inquira-form { animation: none !important; transition: none !important; }
}