/* ================================================================
   THEMENKÖRBE (mündliche Matura) – Ergänzung zu assets/css/lbk.css
   Tabelle .bgb-tk aus dem Block-Editor, aufbereitet von
   assets/js/themenkoerbe.js (bekommt dabei auch .bgb-lbk.is-enhanced).
   ================================================================ */

/* Ohne JS: Tabelle wenigstens umbrechen statt quer scrollen */
.bgb-tk:not(.is-enhanced) table { table-layout: auto; width: 100%; }
.bgb-tk:not(.is-enhanced) td { overflow-wrap: anywhere; }

/* Fach-Spalte etwas schmäler – 3 Klassen-Spalten brauchen Platz */
.bgb-tk.is-enhanced th:first-child,
.bgb-tk.is-enhanced td:first-child { width: 31%; }

/* Klassen-Spaltenköpfe: groß wie Klassenbezeichnung, nicht versal */
.bgb-tk.is-enhanced thead th:not(:first-child) {
	font-size: 15px;
	letter-spacing: .02em;
	text-transform: none;
}

/* Lehrkraft-Kürzel in der Pille gut lesbar */
.bgb-tk.is-enhanced td a {
	font-weight: 600;
	letter-spacing: .03em;
}

/* Klassen-Umschalter: nur Kürzel, schmaler */
.bgb-lbk__tools:has(+ .bgb-tk) .bgb-lbk__stufen button { min-width: 52px; }

/* Handy: Karten – Klassen nebeneinander, Umbruch statt Querscrollen */
@media (max-width: 760px) {
	.bgb-tk.is-enhanced tr {
		display: flex !important;
		flex-wrap: wrap;
		gap: 4px 18px;
	}
	.bgb-tk.is-enhanced td:first-child { flex: 1 0 100%; }
	.bgb-tk.is-enhanced td:not(:first-child) { flex: 0 1 auto; min-width: 70px; }
	.bgb-tk.is-enhanced td:not(:first-child) br { display: none; }
	.bgb-tk.is-enhanced td:not(:first-child) a { margin: 2px 6px 2px 0; }
	.bgb-tk.is-enhanced tr[hidden] { display: none !important; }
}