/*
 * TariffWolf Lead Form — frontend styles.
 * Ported 1:1 from blog-lead-form.html so the visual design matches.
 * Scoped under .tlf-instance to avoid leaking into other blocks.
 */

.tlf-instance.tw-lead-wrap,
.tw-lead-wrap.tlf-instance { margin: 32px 0; }

.tlf-instance .tw-lead-cta {
	padding: 22px 22px 18px;
	background: linear-gradient(180deg, #0a1628 0%, #08111f 100%);
	border: 1px solid rgba(201, 168, 76, 0.30);
	border-radius: 14px;
	box-shadow: 0 12px 40px -12px rgba(201, 168, 76, 0.18),
	            0 8px 28px -10px rgba(0, 0, 0, 0.45);
	color: #e6edf6;
	font-family: inherit;
}

.tlf-instance .tw-lead-cta__head {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: .2px;
	color: #e6edf6;
	margin-bottom: 14px;
}

.tlf-instance .tw-lead-cta__head i,
.tlf-instance .tlf-icon-rocket,
.tlf-instance .tlf-icon-check,
.tlf-instance .tlf-icon-cal { color: #c9a84c; }

/* Inline fallback icons (in case Font Awesome isn't loaded by the theme). */
.tlf-instance .fas.tlf-icon-rocket::before { content: "\1F680"; font-family: inherit; }
.tlf-instance .fas.tlf-icon-cal::before    { content: "\1F4C5"; font-family: inherit; }
.tlf-instance .fas.tlf-icon-check::before  { content: "\2705";  font-family: inherit; }
/* When real Font Awesome IS loaded, its rule wins because of specificity on .fa-*; this is a safety net only. */

.tlf-instance .tw-lead-cta__form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
}

.tlf-instance .tw-lead-cta__input {
	flex: 1 1 200px;
	min-width: 0;
	padding: 13px 14px;
	font-size: 15px;
	font-family: inherit;
	color: #0a1628;
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 10px;
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease;
	-webkit-appearance: none;
	appearance: none;
}

.tlf-instance .tw-lead-cta__input::placeholder { color: #7e8aa0; }

.tlf-instance .tw-lead-cta__input:focus {
	border-color: #c9a84c;
	box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.28);
}

.tlf-instance .tw-lead-cta__input:invalid:not(:placeholder-shown) {
	border-color: #ff5733;
	box-shadow: 0 0 0 3px rgba(255, 87, 51, 0.18);
}

.tlf-instance .tw-lead-cta__btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 13px 22px;
	font-size: 15px;
	font-weight: 700;
	font-family: inherit;
	line-height: 1;
	color: #0a1628;
	background: #c9a84c;
	border: 1px solid #c9a84c;
	border-radius: 10px;
	cursor: pointer;
	white-space: nowrap;
	transition: background .15s ease, transform .08s ease;
	box-shadow: 0 6px 18px -8px rgba(201, 168, 76, 0.55);
}

.tlf-instance .tw-lead-cta__btn:hover  { background: #d4b85a; }
.tlf-instance .tw-lead-cta__btn:active { transform: translateY(1px); }
.tlf-instance .tw-lead-cta__btn:disabled { opacity: .7; cursor: wait; }

.tlf-instance .tw-lead-cta__honey {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.tlf-instance .tw-lead-cta__note {
	margin: 12px 2px 0;
	font-size: 12.5px;
	color: #b3becf;
}

.tlf-instance .tw-lead-cta__error {
	margin: 12px 0 0;
	padding: 10px 12px;
	font-size: 13.5px;
	color: #ff7a55;
	background: rgba(255, 87, 51, 0.10);
	border: 1px solid rgba(255, 87, 51, 0.35);
	border-radius: 8px;
}

/* Cal.com inline container */
.tlf-instance .tw-lead-cal {
	padding: 18px;
	background: linear-gradient(180deg, #0a1628 0%, #08111f 100%);
	border: 1px solid rgba(201, 168, 76, 0.30);
	border-radius: 14px;
	box-shadow: 0 12px 40px -12px rgba(201, 168, 76, 0.18),
	            0 8px 28px -10px rgba(0, 0, 0, 0.45);
	color: #e6edf6;
}

.tlf-instance .tw-lead-cal__embed {
	width: 100%;
	min-height: 680px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

@media (max-width: 640px) {
	.tlf-instance .tw-lead-cta__form { flex-direction: column; }
	.tlf-instance .tw-lead-cta__input,
	.tlf-instance .tw-lead-cta__btn  { width: 100%; flex: 1 1 auto; }
	.tlf-instance .tw-lead-cta__btn  { justify-content: center; }
	.tlf-instance .tw-lead-cal__embed { min-height: 760px; }
}

/* JSON config block must never render. */
.tlf-instance .tlf-config { display: none !important; }