/* List Item / Filmdetails — SD-76
 * Film metadata as a definition list with optional video + links sections.
 * Mobile-first: S default, M ≥1024px, L ≥1280px
 */

.list-item-filmdetails {
  display: flex;
  flex-direction: column;
  gap: var(--dk-space-07);   /* 32px between dl and video/links sections */
  width: 100%;
}

/* --- Definition list --- */
.list-item-filmdetails__dl {
  display: flex;
  flex-direction: column;
  gap: var(--dk-space-05);   /* 24px between rows */
  margin: 0;
  padding: 0;
}

/* --- Individual row --- */
.list-item-filmdetails__row {
  display: flex;
  flex-direction: column;
  gap: var(--dk-space-01);   /* 8px between label and value */
}

.list-item-filmdetails__term {
  color: rgba(0, 0, 0, 0.5);
  margin: 0;
}

.list-item-filmdetails__def {
  color: var(--dk-color-black);
  margin: 0;
}

/* --- Im Wettbewerb year link --- */
.list-item-filmdetails__year-link {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.list-item-filmdetails__year-link:hover {
  text-decoration-color: rgba(0, 0, 0, 0.4);
}

.list-item-filmdetails__year-link:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 2px var(--dk-color-black),
    0 0 0 4px var(--dk-color-white),
    0 0 0 8px #008eff;
  border-radius: 2px;
}

/* --- Section label (above video / links) --- */
.list-item-filmdetails__section-label {
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 var(--dk-space-03);   /* 12px below label */
}

/* --- Video section --- */
.list-item-filmdetails__video-section {
  display: flex;
  flex-direction: column;
}

.list-item-filmdetails__figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--dk-space-02);   /* 8px */
}

.list-item-filmdetails__video-wrap {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: var(--dk-color-black);
  overflow: hidden;
  border-radius: 4px;
}

.list-item-filmdetails__video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.list-item-filmdetails__video-caption {
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
}

/* --- Links section --- */
.list-item-filmdetails__links-section {
  display: flex;
  flex-direction: column;
}

.list-item-filmdetails__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--dk-space-02);   /* 8px */
}

/* Override link-meta-extern font size for links section */
.list-item-filmdetails__links .dk-link-meta-extern-text {
  font-size: var(--dk-text-ui-m-size);
  line-height: 1.2;
}