/* ==========================================================================
   AnimeRadar V2.4.269 - Rezensionen-Reiter ohne Aktionsblock

   Aus dem Reiter "Rezensionen" der Anime-Detailansicht sind drei Bereiche
   entfallen: die AnimeRadar-Bewertung, "Anime bewerten" und
   "Kommentar schreiben". Sie standen gemeinsam in .detail-gm-review-cta,
   der dritten Spalte der Karte "Bewertungen im Ueberblick".

   Das Markup dazu ist in app-v2-4-153.js entfernt (renderDetailReviewsPanel).
   Hier bleibt nur die Folge fuer das Raster: die Karte hatte drei Spalten
   (1fr 1.5fr 1fr) - AniList-Wert, Sterneverteilung, Aktionen. Ohne die dritte
   Spur bliebe rechts eine leere Spalte stehen, und die Verteilung haette
   weiterhin nur die mittleren 1.5 Teile. Deshalb hier zwei Spalten.

   Auf Mobil steht die Karte ohnehin einspaltig - dort faellt schlicht eine
   Zeile weg, ohne Luecke und ohne Restraster. Diese Datei aendert dort
   nichts.

   Nicht angefasst:
     - die Karte selbst mit AniList-Durchschnitt und Sterneverteilung
     - die Sortierung "Neueste" / "Aelteste"
     - die Karte "Rezensionen & Kommentare" samt Eingabefeld
     - die Karte "Deine Bewertung"
     - detailCommunityRatingMarkup() im Uebersichts-Reiter
   ========================================================================== */

/* Ab 761 px - genau dort, wo material-profile-detail-v2-4-247.css die
   dreispaltige Fassung faehrt. Darunter steht die Karte einspaltig; ohne
   diese Grenze haette die Regel die Mobilfassung mit ueberschrieben und aus
   einer Spalte wieder zwei gemacht (gemessen bei 390: 124 px und 186 px
   nebeneinander statt einer vollen Breite). */
@media (min-width: 761px) {
  html body #view-detail .detail-gm-review-overview {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
  }
}

/* UI Fix Run (2026-09-25): Ohne Kommentare bleibt #commentsList leer
   (renderComments in app-v2-4-153.js) und faellt ganz weg - kein Hinweis
   "Noch keine Kommentare", kein leerer Kasten, kein Abstand unter dem
   Eingabefeld. :empty macht die Regel spezifischer als das
   display: grid !important aus material-reference-detail-v2-4-194.css. */
html body #view-detail .detail-discussion-card .comments-list:empty {
  display: none !important;
}

/* V2.4.318: "Daumen hoch" an Kommentaren. Kleiner Knopf mit Zaehler vor den
   Textaktionen (Kommentar loeschen / Melden). Eigener Daumen in der
   Akzentfarbe (aria-pressed). Ohne Migration rendert app-v2-4-153.js den
   Knopf gar nicht. */
html body #view-detail .detail-discussion-card .comment-card .comment-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
}

html body #view-detail .detail-discussion-card .comment-card .comment-like-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  min-height: 28px;
  margin: 0;
  padding: 0 10px 0 8px;
  border: 1px solid var(--detail-border-strong);
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  color: var(--detail-dim);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease, background-color .16s ease;
}

html body #view-detail .detail-discussion-card .comment-card .comment-like-btn svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html body #view-detail .detail-discussion-card .comment-card .comment-like-btn:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, .2);
  color: var(--detail-text);
}

html body #view-detail .detail-discussion-card .comment-card .comment-like-btn[aria-pressed="true"] {
  border-color: var(--ar-accent-line);
  background: var(--ar-accent-soft);
  color: var(--ar-accent-bright);
}

html body #view-detail .detail-discussion-card .comment-card .comment-like-btn[aria-pressed="true"] svg {
  fill: currentColor;
  fill-opacity: .22;
}

html body #view-detail .detail-discussion-card .comment-card .comment-like-btn:focus-visible {
  outline: 2px solid var(--ar-accent-bright);
  outline-offset: 2px;
}

html body #view-detail .detail-discussion-card .comment-card .comment-like-btn:disabled {
  cursor: default;
  opacity: .7;
}

/* Mobil und App: groessere Tippflaeche. */
@media (max-width: 760px) {
  html body #view-detail .detail-discussion-card .comment-card .comment-like-btn {
    height: 36px;
    min-height: 36px;
    padding: 0 12px 0 10px;
    font-size: 13px;
  }

  html body #view-detail .detail-discussion-card .comment-card .comment-like-btn svg {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
  }
}