/* ============================================================
   SMT Wiki – eigene Styles (vom Konverter generiert)
   ============================================================ */

/* Titelleiste (Header) separat einfärben = Hintergrundblau des SMT-School-Icons.
   Nur der Header, nicht die generelle Primär-/Akzentfarbe (die bleibt Material
   "indigo", wie vor der Einführung dieses Blaus). */
.md-header {
  background-color: #0000ff;
}

/* Tabellen-Titelzeile einheitlich dezent einfärben.
   Gilt für Markdown- wie für HTML-gerenderte Tabellen (beide class-los). */
:root {
  --smt-table-header-bg: #e8eaf6; /* indigo 50 */
}
.md-typeset table:not([class]) th {
  background-color: var(--smt-table-header-bg);
  color: var(--md-default-fg-color);
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: rgba(255, 255, 255, 0.06);
}

/* Zellen, die in Confluence manuell eingefärbt wurden (data-highlight-colour,
   meist als graue Pseudo-Titelzeile aus <td>s) erhalten dieselbe Hintergrund-
   farbe wie echte Kopfzellen — funktioniert so auch im Dark Mode. */
.md-typeset table:not([class]) td.smt-cell-highlight {
  background-color: var(--smt-table-header-bg);
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) td.smt-cell-highlight {
  background-color: rgba(255, 255, 255, 0.06);
}

/* Inline-Icons in Tabellenzellen nicht durch Material aufblähen lassen –
   die im Markdown gesetzte width/height bleibt massgebend. */
.md-typeset table img {
  height: auto;
}

/* Screenshots in Confluence-Layouttabellen: der Export übernimmt die in
   Confluence eingestellte Anzeigebreite als width-Attribut. Materials
   max-width:100% lässt Bilder in engen Tabellenspalten aber unter diese
   Breite schrumpfen (briefmarkengrosse Screenshots). Die gesetzte Breite
   erzwingen — zu breite Tabellen scrollen dann wie üblich horizontal. */
.md-typeset table:not([class]) img[width] {
  max-width: none;
}

/* Confluence skaliert Inline-Bilder (confluence-content-image-inline) auf
   Textzeilenhöhe; der Export liefert nur die Originalgrösse der Datei, die
   von Icon zu Icon variiert. Einheitlich auf Zeilenhöhe fixieren. */
.md-typeset img.smt-inline-icon {
  height: 1.2em;
  width: auto;
  vertical-align: text-bottom;
}

/* Material begrenzt Kopf- und Inhaltsbereich auf 61rem (~976px) — auf
   breiteren Bildschirmen bleibt dadurch links und rechts viel ungenutzter
   Platz. Grenze anheben, damit die Seite den verfügbaren Platz besser nutzt
   und die Ränder entsprechend kleiner wirken. */
.md-grid {
  max-width: 90rem;
}

/* Rechte Inhaltsverzeichnis-Sidebar entfernen: Material reserviert diese
   Spalte auf jeder Seite, auch wenn sie leer ist (die meisten Seiten haben
   keine Unterüberschriften) — das erzeugte den grossen weissen Rand rechts.
   Das Inhaltsverzeichnis wird stattdessen inline über dem Content dargestellt
   (siehe [TOC]-Marker, den der Konverter für Seiten mit Zwischentiteln
   einfügt). Der Inhalt ist ein Flex-Item (flex-grow:1) und füllt die
   freiwerdende Breite automatisch. */
.md-sidebar--secondary {
  display: none !important;
}

/* Inline-Inhaltsverzeichnis (aus dem [TOC]-Marker) wie eine eigenständige Box
   darstellen, ähnlich der Confluence-Inhaltsverzeichnis-Makro-Optik. */
.md-typeset .toc {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
  padding: 0.6rem 1rem;
  margin: 0 0 1.2rem;
}
.md-typeset .toc .toctitle {
  font-weight: 700;
  margin-bottom: 0.4rem;
  display: block;
}
.md-typeset .toc ul {
  margin: 0;
}