/* ==========================================
   TM Divi VideoObject – Clean CSS
   - Accordion Styles nur fürs Transkript
   - Kapitel + Marker sauber steuerbar
   - Keine generischen details-Regeln mehr
   ========================================== */

/* Screenreader-only (für hidden Beschreibung / SEO) */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* ---------------------------
   Transkript Accordion (details)
   --------------------------- */

/* Summary: klickbar + Platz rechts fürs Icon */
.tm-video-module .tm-video-transcript > summary {
  cursor: pointer;
  position: relative;
  list-style: none;
  padding-right: 2.5rem;
  padding-left: 1.25rem;
  margin: 1rem 0;
}

/* WebKit Marker entfernen */
.tm-video-module .tm-video-transcript > summary::-webkit-details-marker {
  display: none;
}

/* Icon-Varianten via data-icon */
.tm-video-module .tm-video-transcript[data-icon="none"] > summary::after {
  content: "";
}

.tm-video-module .tm-video-transcript[data-icon="plusminus"] > summary::after {
  content: "+";
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  font-weight:700;
}
.tm-video-module .tm-video-transcript[open][data-icon="plusminus"] > summary::after {
  content: "–";
}

.tm-video-module .tm-video-transcript[data-icon="chevron"] > summary::after {
  content: "›";
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  line-height: 1;
}
.tm-video-module .tm-video-transcript[open][data-icon="chevron"] > summary::after {
  transform: translateY(-50%) rotate(-90deg);
}

.tm-video-module .tm-video-transcript[data-icon="caret"] > summary::after {
  content: "▾";
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}
.tm-video-module .tm-video-transcript[open][data-icon="caret"] > summary::after {
  content: "▴";
}

/* Accordion Body Padding (alles außer Summary) */
.tm-video-module .tm-video-transcript > *:not(summary) {
  padding: 0 1.25rem 1rem;
}

/* ---------------------------
   Kapitel (global)
   --------------------------- */

.tm-video-module .tm-video-chapters {
  margin-top: .75rem;
  padding-left: 0;
}

.tm-video-module .tm-video-chapters li {
  list-style: none;
  margin: .25rem 0;
}

/* Nur Zeit-Link unterstreichen (Label bleibt clean) */
.tm-video-module .tm-chapter-time {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.tm-video-module .tm-chapter-label {
  text-decoration: none;
}

/* ---------------------------
   Kapitel im Accordion
   --------------------------- */

/* Default-Padding im Accordion (Marker AN) */
.tm-video-module .tm-video-transcript .tm-video-chapters {
  padding: 0 1.25rem 1rem 2.5rem;
  margin: 0.75rem 0 0 0;
}

/* Marker AUS: List-Style + Einzüge neutralisieren */
.tm-video-module .tm-video-chapters.tm-no-markers,
.tm-video-module .tm-video-transcript .tm-video-chapters.tm-no-markers {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Marker AUS: auch Theme/Divi Pseudo-Marker killen */
.tm-video-module .tm-video-chapters.tm-no-markers li::before {
  content: none !important;
  display: none !important;
}

/* Marker AUS im Accordion: sauberes Padding links */
.tm-video-module .tm-video-transcript .tm-video-chapters.tm-no-markers {
  padding: 0 1.25rem 1rem 1.25rem !important;
}

.tm-video-module video {
  transform: translateZ(0);
}