/* Shared conjugation table styles — used by verbs.html, verbs-2.html, verb-single.html */

/* Override for pages that embed a .conj table but whose host CSS uses different padding
   (e.g. list-D.css uses 18mm 14mm). Must match verbs.html: 25px per side. */
.a4-page.conj-page { padding: 25px; }

table.conj { border-collapse: collapse; font-family: Calibri, Arial, sans-serif; margin: 0 25px; width: calc(100% - 50px); table-layout: fixed; line-height: normal; }
table.conj td { padding: 2px 5px; height: 17px; font-size: 12pt; white-space: nowrap; border: none; }
.conj .col-a, .conj .col-e { width: 88px; }
.conj .col-b, .conj .col-f { width: 80px; padding-left: 10px; }
.conj .col-c { width: 105px; }
.conj .col-g { width: 90px; }
.conj .col-h { width: 60px; }
.conj .col-d { width: 24px; }
.conj .header-row { background: #2F5490; color: #fff; font-weight: bold; font-size: 13pt; }
.conj .header-row .small { font-size: 5pt; text-align: center; }
.conj .header-row td { vertical-align: top; }
.conj .header-row .col-a { white-space: normal; overflow-wrap: anywhere; line-height: 1.1; }
.conj .header-row .verb-typ { font-size: 8pt; font-weight: normal; line-height: 1.1; white-space: normal; }
.conj .section-row { background: #fff; color: #2F5496; font-weight: bold; font-size: 10pt; }
.conj .data-row { background: #F2F2F2; }
.conj .sep-row { background: #fff; }
.conj .div-cell { background: #fff !important; }

/* Stammform-Hervorhebung */
body.hl-stamm .conj td.stammform { background: #fde9a9; color: #7a4b00; font-weight: bold; }
body.hl-stamm .conj .header-row td.stammform { background: #ffd54a; color: #16315c; }

/* Minimal-Paradigma: abgeleitete Tempora ausblenden */
body.minimal .conj tr.derived-tense { display: none; }

/* CEFR-Badge im Tabellenkopf */
.conj td.cefr-badge { font-size: 8pt; font-weight: normal; text-align: center; visibility: hidden; }
body.show-cefr .conj td.cefr-badge { visibility: visible; }

/* Headline-Übersetzung (Tempus-Labels): Deutsch = Basis, Übersetzung = Overlay.
   Gesteuert über body.vb-head-off|dual|single (verb-i18n.js). Gilt für volle
   Tabelle (.conj) UND reduzierte (.conj-table). Default ohne vb-head-Klasse und
   bei "off": nur Deutsch — so bleibt verbs.html (noch ohne FAB) unverändert. */
.hl-tr { display: none; }
.hl-de { display: inline; }
body.vb-head-dual   .hl-tr { display: inline; }
body.vb-head-dual   .hl-tr::before { content: " / "; }
body.vb-head-single .hl-de { display: none; }
body.vb-head-single .hl-tr { display: inline; }

/* INHALTE/Bedeutung an-aus (vb-cell, verb-i18n.js): die Uebersetzung/Bedeutung
   steht in .header-row .col-a (verbTrans). Shared, damit es auf allen .conj-
   Seiten (verbs.html, verbs-2, verb-single, verb-checker) greift. Default = an. */
body.vb-cell-off .conj .header-row .col-a { visibility: hidden; }

/* PROSA-Uebersetzung (Seiten-Tipps/Intro): Deutsch = Basis (.gt-de, immer da),
   Uebersetzung = Overlay (.gt-tr, Text von verb-i18n.js aus data-<conjLang>
   befuellt). Gesteuert ueber body.vb-prose-off|dual|single (verb-i18n.js,
   Default single). Spiegelt das Grammatik-Muster (base-grammar-table.css
   body.prose-*), das hier NICHT geladen wird. Ohne vb-prose-Klasse = nur Deutsch.
   Fehlt die Uebersetzung (conjLang=de -> .tr-empty), bleibt der deutsche Text. */
.gt-tr { display: none; font-weight: 400; opacity: 0.9; }
.gt-de { display: inline; }
.tr-empty { display: none !important; }
body.vb-prose-off .gt-tr { display: none; }
body.vb-prose-off .gt-de { display: inline; }
body.vb-prose-dual .gt-de { display: inline; }
body.vb-prose-dual .gt-tr:not(.tr-empty) { display: inline; }
body.vb-prose-dual .gt-tr::before { content: " / "; }
body.vb-prose-single .gt-tr:not(.tr-empty) { display: inline; }
body.vb-prose-single .gt-tr::before { content: ""; }
body.vb-prose-single .gt-de:has(+ .gt-tr:not(.tr-empty)) { display: none; }
/* Single = Übersetzung ERSETZT den deutschen Text -> gleiche Schriftart/Größe/
   Gewicht wie der deutsche Text (nicht gedimmt/leichter wie im Dual-Overlay). */
body.vb-prose-single .gt-tr:not(.tr-empty) { opacity: 1; font-weight: inherit; font-style: inherit; font-size: inherit; color: inherit; }

/* S/W-Druck */
@media print {
  body.print-bw .conj .header-row { background: #555 !important; color: #fff !important; }
  body.print-bw .conj .section-row { color: #000 !important; }
  body.print-bw .conj .data-row { background: #eee !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   Hinweis-Kasten auf der Einzel-Verb-Seite (verb-single.html)
   .verb-note      = didaktischer Hinweis (z. B. Vorsilbe "be-", 2026-08-02)
   .ambiguous-note = bestehender Hinweis bei mehrdeutiger Vorsilbe. Der war auf
                     dieser Seite bisher UNGESTYLT: die Regel lag nur in
                     css/verb-checker.css, die verb-single.html gar nicht laedt.
                     Hier mitversorgt, damit beide Hinweise gleich aussehen.
   ══════════════════════════════════════════════════════════════════════════ */
.verb-note,
.ambiguous-note {
  margin: 16px 0 0;
  padding: 16px;
  border: 1px solid #d8dee8;
  border-left: 4px solid #2F5490;
  background: #f6f8fb;
  font-size: 14px;
  line-height: 1.5;
  color: #1f2937;
  max-width: 72ch;
}

@media print {
  .verb-note,
  .ambiguous-note { background: #f6f8fb; border-color: #d8dee8; }
}