/*
 * AnimeRadar v2.4.226 - Startseite: durchscheinende Abschnittsflaechen.
 *
 * Nur die Hintergrundfarbe der sechs Abschnittscontainer der Startseite wird
 * durchscheinend gesetzt (Naechste Releases, Anime News, Gerade heiss, Anime
 * Geheimtipp, Anime Community, Account-Box bzw. Deine Anime auf einen Blick).
 * Layout, Inhalte, Groessen, Bilder, Schrift, Innenkarten und Raender bleiben
 * unveraendert. Kein opacity auf Containern: Text und Innenkarten bleiben
 * deckend, nur die Flaeche selbst laesst den Hintergrund durch.
 *
 * Gilt wie die Shell-Transparenz aus V2.4.221 nur auf dem Desktop (ab 960 px),
 * weil dort das Hintergrundbild (body::before) sichtbar ist. Der Hero-
 * Bildkarussell (.hero-panel) bleibt unveraendert.
 *
 * Die Basisregeln in material-reference-home-v2-4-194.css setzen
 * background: var(--home-card-bg) !important (Selektor html body #view-home
 * .x). Die Regeln hier sind spezifischer (html:not(.native-app) body
 * #view-home .x), stehen spaeter im Dokument und setzen daher durch.
 */

@media (min-width: 960px) {
  html:not(.native-app) body #view-home {
    /* Ausgangston #1a1211 mit Alpha, damit der Shell-Hintergrund durchscheint. */
    --home-card-bg-glass: rgba(26, 18, 17, .42);
  }

  html:not(.native-app) body #view-home .pulse-card,
  html:not(.native-app) body #view-home .content-band,
  html:not(.native-app) body #view-home .watch-box,
  html:not(.native-app) body #view-home .accent-box {
    background: var(--home-card-bg-glass) !important;
  }
}