.lbcb-box {
	margin: var(--lbcb-mt, 16px) 0 1.25rem;
	padding: 0;
	font-size: 0.97rem;
	line-height: 1.55;
	font-family: var(--lbcb-font, inherit);
}

.lbcb-heading {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

.lbcb-toggle {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	cursor: pointer;
	border: 1px solid var(--lbcb-btn-bg, #1a1a1a);
	background: var(--lbcb-btn-bg, #1a1a1a);
	color: var(--lbcb-btn-fg, #fff);
	padding: .7rem 1.2rem;
	border-radius: var(--lbcb-radius, 4px);
	font-weight: 600;
	letter-spacing: .01em;
	font-family: inherit;
	transition: opacity .15s ease;
}
.lbcb-toggle:hover { opacity: .88; }

.lbcb-panel {
	margin-top: 1rem;
	padding: 1.25rem;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	background: #fafafa;
	max-width: 640px;
}

.lbcb-intro {
	margin: 0 0 .85rem;
	color: #333;
}

.lbcb-row {
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
}

.lbcb-input {
	flex: 1 1 auto;
	min-width: 0;
	padding: .65rem .8rem;
	border: 1px solid #c9c9c9;
	border-radius: 4px;
	/* 16px voorkomt automatisch inzoomen op iOS Safari bij focus. */
	font-size: 16px !important;
	font-family: inherit;
}
.lbcb-input:focus {
	outline: none;
	border-color: var(--lbcb-accent, #1a1a1a);
}

.lbcb-send {
	flex: 0 0 auto;
	cursor: pointer;
	border: none;
	background: var(--lbcb-accent, #1a1a1a);
	color: #fff;
	padding: .65rem 1.4rem;
	border-radius: var(--lbcb-radius, 4px);
	font-weight: 600;
	font-family: inherit;
}
.lbcb-send:disabled { opacity: .55; cursor: default; }

.lbcb-answer {
	margin-top: 1rem;
	padding: .9rem 1rem;
	background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	white-space: pre-wrap;
	color: #1a1a1a;
}
.lbcb-answer a { color: var(--lbcb-accent, #1a1a1a); }

.lbcb-disclaimer {
	margin: .9rem 0 0;
	font-size: .8rem;
	color: #777;
}

.lbcb-helpdesk {
	margin: .9rem 0 0;
	font-size: .9rem;
}
.lbcb-helpdesk a {
	color: var(--lbcb-accent, #1a1a1a);
	text-decoration: underline;
	font-weight: 600;
}

/* Mobiel: instelbare marge boven de knop en invoer netjes onder elkaar (geen overflow). */
@media (max-width: 600px) {
	.lbcb-box { margin-top: var(--lbcb-mt-mobile, 0px); }
	.lbcb-row { flex-direction: column; align-items: stretch; }
	.lbcb-send { width: 100%; }
}