/* =============================================================
   SG Quellen & Credits TV  –  Frontend CSS v3.2.1
   Farben ausschliesslich ueber Theme-Variablen:
     --text-main   Haupttext
     --text-dim    gedimmter Text / Labels
     --border-soft Trennlinien
     --accent-color Link-Unterstreichung
   ============================================================= */

/* ── Wrapper-Abstand nach oben ── */
.qctv {
  margin-top: 60px !important;
  padding-top: 10px;
}

/* ── Summary: kein nativer Marker, Trennlinie unten ── */
.qctv summary {
  list-style: none;
  cursor: pointer;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-soft, rgba(255,255,255,0.08));
}

/* ── Raender zuruecksetzen ── */
.qctv details,
.qctv-inner,
.qctv .sg-single-wiki-box__groups {
  border: none !important;
}

/* ── Kein Extra-Padding oben im Inner-Wrapper ── */
.qctv-inner {
  padding-top: 4px !important;
}

/* ── Ersten Kind-Elementen kein Extra-Abstand ── */
.qctv .sg-single-wiki-box__group:first-child,
.qctv .sg-single-wiki-box__label:first-child,
.qctv .sg-single-wiki-box__items:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ── Label-Abstand zuruecksetzen ── */
.qctv .sg-single-wiki-box__label {
  margin-top: 0 !important;
}

/* ── Eigener Pfeil, kein webkit-Marker ── */
.qctv summary::-webkit-details-marker {
  display: none;
}
.qctv summary::before {
  content: "\25B8"; /* ▸ */
  margin-right: 6px;
  display: inline-block;
  transform: scale(0.9);
  transition: transform .2s ease;
}
.qctv details[open] summary::before {
  transform: rotate(90deg) scale(0.9);
}

/* ── Inhaltstext (Quellen + Changelog-Notizen) ──────────────────
   Kein eigener color-Override – erbt var(--text-main) direkt von
   .sg-single-wiki-box__items (Theme). Nur Groesse und Zeilenhoehe
   werden hier gesetzt.
   ─────────────────────────────────────────────────────────────── */
.qctv-text,
.qctv-text * {
  font-size: 0.80rem !important;
  line-height: 1.5;
}

/* ── Links: etwas gedimmter als Haupttext, Hover → voll ──
   Beide Varianten: echtes <a> (ohne PRG) und <span class="sgprg-link"> (mit PRG) */
.qctv .sg-single-wiki-box__items a,
.qctv .sgprg-link {
  font-size: 0.80rem !important;
  color: color-mix(in srgb, var(--text-main, #fff) 72%, transparent) !important;
  text-decoration: none !important;
  background: linear-gradient(var(--accent-color, currentColor), var(--accent-color, currentColor))
              no-repeat 0 100% / 0 1px !important;
  transition: background-size .2s ease, color .2s ease;
  cursor: pointer;
}
.qctv .sg-single-wiki-box__items a:hover,
.qctv .sgprg-link:hover {
  color: var(--text-main, #fff) !important;
  background-size: 100% 1px !important;
}

/* ── Quelle ohne Link (Buch, Song …): gleiche gedimmte Farbe wie Links,
   aber ohne Hover-Unterstreichung und ohne Cursor-Pointer ── */
.qctv .sg-single-wiki-box__items .qctv-source-plain {
  font-size: 0.80rem !important;
  color: color-mix(in srgb, var(--text-main, #fff) 72%, transparent) !important;
}
   es nicht durch flex-direction:column des Themes auf eine neue Zeile rutscht */
.qctv-accessed {
  display: inline !important;
  font-size: 0.65em !important;
  color: var(--text-dim, rgba(255,255,255,0.45)) !important;
  opacity: .7;
  margin-left: 6px;
}

/* Stellt sicher dass Link + Datum im items-Container nebeneinander bleiben,
   unabhängig davon wie das Theme .sg-single-wiki-box__items per Flex aufstellt */
.qctv .sg-single-wiki-box__items {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0;
}

/* ── Hochgestellte Referenzen im Fliestext  [qctv n="1"] ── */
.qctv-ref {
  font-size: 0.8em;
  vertical-align: super;
  line-height: 0;
}

/* =============================================================
   CHANGELOG-ABSCHNITT  (ab v3.2.0)
   Eintraege nutzen dieselbe sg-single-wiki-box__group-Struktur
   wie Quellen – Datum links (Label-Spalte), Notiz rechts.
   ============================================================= */

/* ── Trennzeile + Abschnittsbezeichnung "Letzte Änderungen" ── */
.qctv-cl-section-head {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-dim, rgba(255,255,255,0.45));
  opacity: .7;
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--border-soft, rgba(255,255,255,0.12));
}

/* Ist kein Quellen-Content davor: keine zweite Trennlinie.
   .sg-single-wiki-box__groups hat bereits eine border-top. */
.qctv-cl-section-head:first-child {
  border-top: none;
  padding-top: 4px;
  margin-top: 0;
}

/* ── Backref-Pfeil (↑) – in Akzentfarbe, dezenter Hover ── */
.qctv-backref {
  color: var(--accent-color, currentColor) !important;
  text-decoration: none !important;
  font-size: 0.9em;
  font-weight: 700;
  opacity: 0.85;
  transition: opacity 0.15s ease, color 0.15s ease;
  margin-right: 1px;
}
.qctv-backref:hover {
  opacity: 1;
  color: var(--accent-color, currentColor) !important;
  text-shadow: 0 0 6px rgb(var(--accent-rgb, 0 255 180) / .5);
}

/* Quellen ohne Textreferenz: Label-Spalte bleibt leer, Layout unverändert */