/* TIRIDRO Leads - front-end */

.tlead-wrap, .tlead-gate {
	--tlead-blue: #087fc4;
	--tlead-blue-dark: #075d9a;
	--tlead-sky: #52c6ee;
	--tlead-aqua: #dff8ff;
	--tlead-sand: #fff9ec;
	--tlead-ink: #073b5b;
	--tlead-line: rgba(7, 59, 91, 0.12);
	--tlead-muted: rgba(7, 59, 91, 0.66);
	--tlead-ok: #12805c;
	--tlead-warn: #a86a00;
	--tlead-bad: #b3261e;
	color: var(--tlead-ink);
	box-sizing: border-box;
}

.tlead-wrap { max-width: 720px; margin: 0 auto; padding: 8px 16px 48px; }
.tlead-wrap *, .tlead-gate * { box-sizing: border-box; }

.tlead-hero { padding: 24px 0 4px; }
.tlead-eyebrow { margin: 0 0 6px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--tlead-blue); }
.tlead-h1 { margin: 0 0 8px; font-size: clamp(34px, 9vw, 52px); line-height: 1.05; font-weight: 800; }
.tlead-h2 { margin: 0 0 12px; font-size: 19px; font-weight: 700; }
.tlead-lead { margin: 0; font-size: 16px; line-height: 1.55; color: var(--tlead-muted); }

.tlead-card {
	background: #fff;
	border: 1px solid var(--tlead-line);
	border-radius: 16px;
	padding: 22px;
	margin: 18px 0;
	box-shadow: 0 2px 10px rgba(7, 59, 91, .05);
}

/* Packages */
.tlead-packages { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0 4px; }

.tlead-package {
	flex: 1 1 150px;
	background: var(--tlead-aqua);
	border-radius: 12px;
	padding: 16px;
	text-align: center;
	margin: 0;
}

.tlead-package__amount { display: block; font-size: 24px; font-weight: 800; line-height: 1.1; }
.tlead-package__note { display: block; margin: 4px 0 12px; font-size: 13px; color: var(--tlead-muted); }

/* Gate */
.tlead-gate {
	border: 1px solid var(--tlead-line);
	border-radius: 12px;
	padding: 16px;
	margin: 12px 0;
	background: var(--tlead-sand);
}

.tlead-gate__price { margin: 0 0 4px; font-size: 16px; }
.tlead-gate__slots { margin: 0 0 12px; font-size: 13px; color: var(--tlead-muted); }
.tlead-gate__blocked { margin: 0 0 12px; font-size: 15px; color: var(--tlead-warn); }
.tlead-gate__done { margin: 0; font-size: 15px; color: var(--tlead-ok); font-weight: 700; }
.tlead-gate form { margin: 0; }

/* Buttons */
.tlead-wrap .tlead-btn, .tlead-gate .tlead-btn {
	display: inline-block;
	padding: 12px 22px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	border: 2px solid transparent;
	cursor: pointer;
	transition: background-color .16s ease, border-color .16s ease;
}

.tlead-wrap .tlead-btn--primary, .tlead-gate .tlead-btn--primary { background: var(--tlead-blue); color: #fff; }
.tlead-wrap .tlead-btn--primary:hover, .tlead-gate .tlead-btn--primary:hover { background: var(--tlead-blue-dark); color: #fff; }
.tlead-wrap .tlead-btn--ghost { background: #fff; color: var(--tlead-blue-dark); border-color: var(--tlead-line); }
.tlead-wrap .tlead-btn--ghost:hover { border-color: var(--tlead-blue); }

/* Alerts + table */
.tlead-alert { border-radius: 12px; padding: 14px 16px; margin: 16px 0; font-size: 15px; line-height: 1.5; }
.tlead-alert--ok { background: var(--tlead-aqua); }
.tlead-alert--error { background: #fdecea; color: var(--tlead-bad); }

.tlead-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.tlead-table th, .tlead-table td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--tlead-line); }
.tlead-table th { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--tlead-muted); }
.tlead-credit { color: var(--tlead-ok); font-weight: 700; }
.tlead-debit { color: var(--tlead-ink); }

.tlead-fineprint { margin: 12px 0 0; font-size: 13px; color: var(--tlead-muted); }

@media (max-width: 480px) {
	.tlead-card { padding: 18px 16px; }
	.tlead-wrap .tlead-btn, .tlead-gate .tlead-btn { width: 100%; text-align: center; }
	.tlead-table th:nth-child(4), .tlead-table td:nth-child(4) { display: none; }
}

@media (prefers-reduced-motion: reduce) { .tlead-wrap *, .tlead-gate * { transition: none !important; } }

/* Responder list - customer only */
.tlead-responders {
	border: 1px solid var(--tlead-line, rgba(7,59,91,.12));
	border-radius: 12px;
	padding: 18px;
	margin: 16px 0;
	background: #fff;
	color: #073b5b;
}

.tlead-responders__list { list-style: none; margin: 0 0 12px; padding: 0; }

.tlead-responders__list li {
	padding: 10px 0;
	border-bottom: 1px solid rgba(7, 59, 91, .1);
	font-size: 15px;
}

.tlead-responders__list li:last-child { border-bottom: 0; }
.tlead-responders__when { color: rgba(7, 59, 91, .66); font-size: 13px; }