/* BD Knowledge Assistant - the extra styles the ONE conversation needs when
   the intake capability is switched on (v1.9.2).

   v1.9.2 - the tab strip is gone, so the tab styles are gone with it. What is
   left styles the pieces that appear inside the single thread as the
   conversation reaches them: the firm's own article links, the limitation
   calculator card, and the contact form. It is deliberately small and
   theme-agnostic, using the theme's custom properties where they exist and
   sensible fallbacks otherwise. */

/* inline placement via the [bdka_intake] shortcode */
.bdka-intake-inline {
	margin: 2.5rem 0 0;
}

/* The author `display` rules in the main stylesheet beat the browser's own
   `[hidden] { display: none }`, so anything carrying the `hidden` attribute
   would render anyway. Restore `[hidden]` for the whole conversation and
   everything inside it. */
.bdka [hidden] {
	display: none !important;
}

/* ---------- the firm's own article links, gathered under a reply ---------- */
.bdka__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	padding: 0 0.9rem 0.5rem;
}

.bdka__links:empty {
	display: none;
}

.bdka__link {
	font-size: 0.78rem;
	text-decoration: underline;
	color: var(--bdka-accent, var(--gold, #145a43));
}

/* ---------- the limitation-calculator card ---------- */
.bdka__calc {
	margin: 0 0.9rem 0.6rem;
	padding: 0.6rem 0.8rem;
	background: var(--bdka-surface, var(--warm-ivory, #f3efe3));
	border: 1px solid var(--bdka-line, var(--line-dark, #d9d3c2));
	border-radius: 8px;
	font-size: 0.8rem;
	color: var(--bdka-ink, var(--ink, #23281f));
}

.bdka__calc p {
	margin: 0.25rem 0;
}

/* ---------- the contact form ---------- */
.bdka__contact {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding: 0.75rem 0.9rem 1rem;
	border-top: 1px solid var(--bdka-line, var(--line-dark, #d9d3c2));
}

.bdka__contact input {
	width: 100%;
	padding: 0.5rem;
	border: 1px solid var(--bdka-line, rgba(0, 0, 0, 0.25));
	border-radius: 6px;
	font: inherit;
	font-size: 0.9rem;
	background: var(--bdka-panel, var(--paper, #fafaf7));
	color: var(--bdka-ink, var(--ink, #23281f));
}

.bdka__contact button {
	align-self: flex-end;
	padding: 0.5rem 1rem;
	border: 0;
	border-radius: 6px;
	background: var(--bdka-accent, var(--gold, #145a43));
	color: var(--bdka-accent-ink, #fff);
	cursor: pointer;
	font: inherit;
}

.bdka__offer-text {
	font-size: 0.85rem;
	margin: 0 0 0.2rem;
}

.bdka__consent {
	font-size: 0.72rem;
	color: var(--bdka-muted, var(--muted, #555));
	margin: 0.2rem 0;
}

@media (prefers-reduced-motion: reduce) {
	.bdka__thread {
		scroll-behavior: auto;
	}
}

/* These sit below the scrolling thread and above the composer, so they must
   not grow or shrink with it. */
.bdka__links,
.bdka__calc,
.bdka__contact {
	flex: 0 0 auto;
}