/* Block styles: experience-report */

/* Scrollbar der Timeline dezent ausblenden */
.wgtl-experience-report__track {
  scrollbar-width: none;
}

.wgtl-experience-report__track::-webkit-scrollbar {
  display: none;
}

/* Leichter Verlauf über dem Thumbnail für Kontrast von Datum-Pill und Play-Button */
.wgtl-experience-report__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgb(0 0 0 / 0.15), transparent 40%);
  pointer-events: none;
}

/* Verlauf entfernen sobald das Video läuft */
.wgtl-experience-report__media:has(iframe)::after,
.wgtl-experience-report__media:has(video)::after {
  display: none;
}

/* Play-Button: sanftes Vergrößern beim Hover */
.wgtl-experience-report__play span {
  transition: transform 0.2s ease-out;
}

.wgtl-experience-report__play:hover span,
.wgtl-experience-report__play:focus-visible span {
  transform: scale(1.08);
}

.wgtl-experience-report__play:focus-visible {
  outline: 2px solid var(--color-primary-500, #339977);
  outline-offset: -2px;
}