/* tb-contact , Kontaktformular. Nutzt die Theme-Design-Tokens (--tb-*). */

.tbc{ display:flex; flex-direction:column; gap:var(--space-5, 1.25rem); text-align:left; max-width:640px; margin-inline:auto; }

.tbc__row{ display:grid; gap:var(--space-5, 1.25rem); }
@media (min-width:560px){ .tbc__row{ grid-template-columns:1fr 1fr; } }

.tbc__field{ display:flex; flex-direction:column; gap:.4rem; }
.tbc__label{ font-weight:600; font-size:.92rem; color:var(--tb-ink-700, #2A2A4A); }
.tbc__opt{ font-weight:400; color:var(--tb-ink-500, #5C5C7A); }

.tbc input,
.tbc textarea{
	font:inherit; color:var(--tb-ink-900, #0E0E2A);
	background:var(--tb-bg-card, #fff);
	border:1px solid var(--tb-line, #E7E7F2);
	border-radius:var(--radius-md, 8px);
	padding:.7rem .85rem; width:100%;
	transition:border-color var(--dur-fast,150ms) ease, box-shadow var(--dur-fast,150ms) ease;
}
.tbc textarea{ resize:vertical; min-height:8rem; }
.tbc input:focus,
.tbc textarea:focus{
	outline:none; border-color:var(--tb-primary-500, #5A5AD4);
	box-shadow:0 0 0 3px color-mix(in srgb, var(--tb-primary-500, #5A5AD4) 22%, transparent);
}
.tbc input::placeholder,
.tbc textarea::placeholder{ color:var(--tb-ink-300, #A6A6BD); }

/* Honeypot: unsichtbar, aber im DOM (Bots fuellen es). */
.tbc__hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }

.tbc__actions{ display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }

/* KI-Check-Box */
.tbc__eval{
	background:var(--tb-bg-card, #fff);
	border:1px solid var(--tb-line, #E7E7F2);
	border-left:4px solid var(--tb-ink-300, #A6A6BD);
	border-radius:var(--radius-md, 8px);
	padding:.9rem 1.1rem;
}
.tbc__eval-head{ display:flex; align-items:center; gap:.55rem; font-size:1rem; }
.tbc__dot{ width:11px; height:11px; border-radius:999px; background:var(--tb-ink-300, #A6A6BD); flex:none; }
.tbc__eval-head--gut{ color:var(--tb-accent-emerald, #10B981); }
.tbc__eval-head--gut .tbc__dot{ background:var(--tb-accent-emerald, #10B981); }
.tbc__eval-head--ok{ color:var(--tb-accent-amber, #F2C94C); }
.tbc__eval-head--ok .tbc__dot{ background:var(--tb-accent-amber, #F2C94C); }
.tbc__eval-head--duenn{ color:var(--tb-accent-rose, #F43F5E); }
.tbc__eval-head--duenn .tbc__dot{ background:var(--tb-accent-rose, #F43F5E); }
.tbc__eval-sum{ margin:.5rem 0 0; color:var(--tb-ink-700, #2A2A4A); }
.tbc__eval-hints{ margin:.6rem 0 0; padding-left:1.1rem; color:var(--tb-ink-700, #2A2A4A); }
.tbc__eval-hints li{ margin:.2rem 0; }
.tbc__eval-foot{ margin:.6rem 0 0; font-size:.82rem; color:var(--tb-ink-500, #5C5C7A); }

.tbc__note{ font-size:.85rem; color:var(--tb-ink-500, #5C5C7A); margin:0; }

/* Status + Danke */
.tbc__status{ border-radius:var(--radius-md, 8px); padding:.8rem 1rem; font-weight:500; }
.tbc__status--err{ background:color-mix(in srgb, var(--tb-accent-rose, #F43F5E) 12%, transparent); color:var(--tb-accent-rose, #F43F5E); }
.tbc__status--ok{ background:color-mix(in srgb, var(--tb-accent-emerald, #10B981) 12%, transparent); color:var(--tb-accent-emerald, #10B981); }

.tbc__thanks{ text-align:center; padding:1.5rem 1rem; }
.tbc__thanks-icon{
	width:56px; height:56px; margin:0 auto 1rem; border-radius:999px;
	display:grid; place-items:center; font-size:1.6rem; font-weight:700;
	color:#fff; background:var(--tb-accent-emerald, #10B981);
}
.tbc__thanks h3{ margin:0 0 .4rem; }
.tbc__thanks p{ margin:0; color:var(--tb-ink-700, #2A2A4A); }