/* ==========================================================================
   AnimeRadar Feature-Pass 2026-10-15 (V2.4.334)

   1. Folgenliste: Community-Durchschnitt je Folge neben der eigenen
      Bewertung (beide AnimeRadar, beide roter Stern).
   2. Profil -> Bewertungen -> Alle meine Bewertungen: Episodenbewertungen
      mit "Folge N" unter dem Titel.

   Alle uebrigen Regeln bleiben unveraendert. Zeilen ohne Community-Wert
   sehen exakt aus wie vorher.
   ========================================================================== */

/* ------------------------------------------------------------------------ */
/* 1. Community-Durchschnitt in der Folgenliste                              */
/* ------------------------------------------------------------------------ */

/* Ohne Wert ausgeblendet; das Element belegt dann keinen Rasterplatz. */
html body #view-detail .detail-eprow-community {
  display: none;
}

html body #view-detail .detail-eprow.has-community .detail-eprow-community:not([hidden]) {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #a3a9b1;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Gleiche Bedeutung, kuerzere Kennzeichnung mobil (siehe unten). */
html body #view-detail .detail-eprow-community-label.is-short {
  display: none;
}

html body #view-detail .detail-eprow-community-star {
  display: inline-flex;
  color: var(--ar-rating-animeradar);
}

html body #view-detail .detail-eprow-community-star svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linejoin: round;
}

/* Wert hell, aber ohne Rahmen: die eigene Bewertung bleibt die Pille mit
   Rahmen, der Community-Wert ist Begleittext mit Kennzeichnung. */
html body #view-detail .detail-eprow-community b {
  color: #e6e8eb;
  font-weight: 700;
}

html body #view-detail .detail-eprow-community small {
  color: #8a9099;
  font-size: 11px;
  font-weight: 600;
}

/* Desktop: eine zusaetzliche, inhaltsbreite Spalte vor der eigenen
   Bewertung. Die Zeilenhoehe bleibt unveraendert. */
@media (min-width: 761px) {
  html body #view-detail .detail-eplist .detail-eprow.has-community {
    grid-template-columns: 26px 96px minmax(0, 1fr) auto auto auto 30px;
  }
}

/* Mobil und App: eine kurze dritte Zeile unter Laufzeit und Datum, nur fuer
   Folgen mit Community-Wert. Spalten und die ersten beiden Zeilen bleiben
   wie in material-feature-pass-v2-4-333.css. */
@media (max-width: 760px) {
  html body #view-detail .detail-eplist .detail-eprow.has-community {
    grid-template-areas:
      "nr thumb titel rate status"
      "nr thumb meta  meta status"
      "nr thumb comm  comm status";
  }

  html body #view-detail .detail-eprow.has-community .detail-eprow-community:not([hidden]) {
    grid-area: comm;
    justify-self: start;
  }

  html body #view-detail .detail-eprow-community-label.is-long {
    display: none;
  }

  html body #view-detail .detail-eprow-community-label.is-short {
    display: inline;
  }
}

/* ------------------------------------------------------------------------ */
/* 2. Profil: Episodenbewertungen in "Alle meine Bewertungen"                */
/* ------------------------------------------------------------------------ */

/* Titel und darunter "Folge N"; die Titelzeile behaelt ihr Aussehen aus
   material-profile-detail-v2-4-247.css. */
html body #view-profile .profile-gm-rt-titel {
  display: grid;
  gap: 2px;
  min-width: 0;
}

html body #view-profile .profile-gm-rt-titel small {
  overflow: hidden;
  color: var(--pf-dim);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}