/* Phase 5: WM-2026 an FubaSport Startseiten-Look angleichen */
/* Nur /wm-2026/ - kein globaler Umbau */

body.fs-wm-clean {
  background:
    radial-gradient(circle at top left, rgba(32, 227, 162, 0.16), transparent 32rem),
    radial-gradient(circle at top right, rgba(255, 184, 28, 0.12), transparent 30rem),
    linear-gradient(180deg, #07120d 0%, #0b160f 42%, #050905 100%) !important;
  color: #f5f7ef !important;
}

/* helle Sonderfläche der WM-Seite zurück in dunkle Portalfläche */
body.fs-wm-clean main {
  background: transparent !important;
  color: #f5f7ef !important;
}

/* große helle Hero-/Content-Flächen abdunkeln */
body.fs-wm-clean main > section,
body.fs-wm-clean .page,
body.fs-wm-clean .glass,
body.fs-wm-clean .glass-2,
body.fs-wm-clean .live-card,
body.fs-wm-clean details,
body.fs-wm-clean article,
body.fs-wm-clean aside {
  color: #f5f7ef;
}

/* Glass Cards im Startseiten-Stil */
body.fs-wm-clean .glass,
body.fs-wm-clean .glass-2,
body.fs-wm-clean .live-card,
body.fs-wm-clean details,
body.fs-wm-clean #realFixturesBlock,
body.fs-wm-clean #standingsGrid article,
body.fs-wm-clean #groupsGrid article,
body.fs-wm-clean #phaseTimeline article,
body.fs-wm-clean .team-card {
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(16px);
}

/* Falls alte Light-Styles weiße Panels erzeugen */
body.fs-wm-clean .bg-white,
body.fs-wm-clean [class*="bg-white/"] {
  background-color: rgba(255, 255, 255, 0.075) !important;
}

/* Text-Kontrast */
body.fs-wm-clean h1,
body.fs-wm-clean h2,
body.fs-wm-clean h3,
body.fs-wm-clean h4,
body.fs-wm-clean strong,
body.fs-wm-clean summary {
  color: #ffffff !important;
}

body.fs-wm-clean p,
body.fs-wm-clean li,
body.fs-wm-clean span,
body.fs-wm-clean div {
  border-color: rgba(255, 255, 255, 0.13);
}

body.fs-wm-clean p,
body.fs-wm-clean li {
  color: rgba(245, 247, 239, 0.74) !important;
}

/* Labels / kleine Texte */
body.fs-wm-clean small,
body.fs-wm-clean .text-white\/40,
body.fs-wm-clean .text-white\/45,
body.fs-wm-clean .text-white\/50,
body.fs-wm-clean .text-white\/55,
body.fs-wm-clean .text-white\/60,
body.fs-wm-clean .text-white\/62,
body.fs-wm-clean .text-white\/63,
body.fs-wm-clean .text-white\/65,
body.fs-wm-clean .text-white\/66,
body.fs-wm-clean .text-white\/68,
body.fs-wm-clean .text-white\/70,
body.fs-wm-clean .text-white\/72,
body.fs-wm-clean .text-white\/75 {
  color: rgba(245, 247, 239, 0.72) !important;
}

/* Gold-Akzent wie Startseite */
body.fs-wm-clean .text-amber-200,
body.fs-wm-clean .text-amber-300,
body.fs-wm-clean .is-highlight,
body.fs-wm-clean .active-nav,
body.fs-wm-clean .active-filter,
body.fs-wm-clean .jumpBtn.active-nav,
body.fs-wm-clean .fs-wm-subnav a.active,
body.fs-wm-clean .fs-wm-subnav a[aria-current="page"] {
  color: #07120d !important;
  background: #ffb81c !important;
  border-color: rgba(255, 184, 28, 0.75) !important;
}

/* nicht aktive Pills dunkel lassen */
body.fs-wm-clean .pill,
body.fs-wm-clean .article-chip,
body.fs-wm-clean .jumpBtn,
body.fs-wm-clean .fs-wm-subnav a {
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: rgba(245, 247, 239, 0.76) !important;
}

/* Inputs / Selects */
body.fs-wm-clean input,
body.fs-wm-clean select,
body.fs-wm-clean textarea {
  background: rgba(0, 0, 0, 0.28) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

body.fs-wm-clean input::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}

/* Links */
body.fs-wm-clean a {
  color: inherit;
}

/* Modal-Inhalt in Phase 5 nur optisch passend, Funktion kommt in Phase 6 */
body.fs-wm-clean #modal .glass-2 {
  background: rgba(10, 20, 32, 0.96) !important;
  color: #ffffff !important;
}

body.fs-wm-clean #modalBody,
body.fs-wm-clean #modalBody p,
body.fs-wm-clean #modalBody li {
  color: rgba(255,255,255,0.76) !important;
}

/* Phase 5b: harte WM-Kontrastkorrektur nur fuer /wm-2026/ */

/* Hauptbereich nie hell darstellen */
body.fs-wm-clean,
body.fs-wm-clean main#content-start {
  background:
    radial-gradient(circle at top left, rgba(32, 227, 162, 0.14), transparent 34rem),
    radial-gradient(circle at top right, rgba(255, 184, 28, 0.10), transparent 30rem),
    linear-gradient(180deg, #07120d 0%, #0b160f 48%, #050905 100%) !important;
  color: #f6f8ef !important;
}

/* Hero-Box oben auf der WM-Seite */
body.fs-wm-clean main#content-start > section:first-of-type {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.085), rgba(255,255,255,0.045)) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 28px !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.26) !important;
  color: #ffffff !important;
}

/* Alle Seiten-Sektionen transparent statt hell */
body.fs-wm-clean main#content-start > section.page {
  background: transparent !important;
  color: #ffffff !important;
}

/* Wichtige Daten-/Content-Blöcke dunkel erzwingen */
body.fs-wm-clean #realFixturesBlock,
body.fs-wm-clean #realFixturesBlock > div,
body.fs-wm-clean #realFixturesSummary > div,
body.fs-wm-clean #realFixturesGermany > div,
body.fs-wm-clean #realFixturesGrid article,
body.fs-wm-clean #phaseTimeline article,
body.fs-wm-clean #fixturesByGroup > div,
body.fs-wm-clean #citiesGrid > div,
body.fs-wm-clean #groupsGrid article,
body.fs-wm-clean #teamsGrid button,
body.fs-wm-clean #playersList > div,
body.fs-wm-clean #topicsGrid button,
body.fs-wm-clean #topicPreview button,
body.fs-wm-clean #latestNewsGrid article,
body.fs-wm-clean #articleArchive article,
body.fs-wm-clean #standingsGrid article,
body.fs-wm-clean .live-card,
body.fs-wm-clean .glass,
body.fs-wm-clean .glass-2,
body.fs-wm-clean details,
body.fs-wm-clean aside,
body.fs-wm-clean article {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.045)) !important;
  border-color: rgba(255,255,255,0.145) !important;
  color: #ffffff !important;
}

/* Alles, was Tailwind/alte Styles hell machen, innerhalb WM abdunkeln */
body.fs-wm-clean main [class*="bg-white"],
body.fs-wm-clean main [class*="bg-slate"],
body.fs-wm-clean main [class*="bg-gray"],
body.fs-wm-clean main [class*="bg-zinc"],
body.fs-wm-clean main [class*="bg-neutral"],
body.fs-wm-clean main [class*="bg-stone"] {
  background-color: rgba(255,255,255,0.075) !important;
  color: #ffffff !important;
}

/* Überschriften und Kerntexte */
body.fs-wm-clean main h1,
body.fs-wm-clean main h2,
body.fs-wm-clean main h3,
body.fs-wm-clean main h4,
body.fs-wm-clean main h5,
body.fs-wm-clean main strong,
body.fs-wm-clean main summary {
  color: #ffffff !important;
}

body.fs-wm-clean main p,
body.fs-wm-clean main li,
body.fs-wm-clean main td,
body.fs-wm-clean main th,
body.fs-wm-clean main label {
  color: rgba(246,248,239,0.76) !important;
}

/* Kleine Meta-Texte */
body.fs-wm-clean main small,
body.fs-wm-clean main .text-xs,
body.fs-wm-clean main .text-sm,
body.fs-wm-clean main .text-white\/40,
body.fs-wm-clean main .text-white\/45,
body.fs-wm-clean main .text-white\/50,
body.fs-wm-clean main .text-white\/55,
body.fs-wm-clean main .text-white\/60,
body.fs-wm-clean main .text-white\/62,
body.fs-wm-clean main .text-white\/63,
body.fs-wm-clean main .text-white\/65,
body.fs-wm-clean main .text-white\/66,
body.fs-wm-clean main .text-white\/68,
body.fs-wm-clean main .text-white\/70,
body.fs-wm-clean main .text-white\/72,
body.fs-wm-clean main .text-white\/75 {
  color: rgba(246,248,239,0.72) !important;
}

/* Gelbe Labels/Highlights */
body.fs-wm-clean main .text-amber-200,
body.fs-wm-clean main .text-amber-300,
body.fs-wm-clean main .text-amber-400 {
  color: #ffb81c !important;
  background: transparent !important;
}

/* Aktive Navigation/Pills */
body.fs-wm-clean .fs-wm-subnav a.active,
body.fs-wm-clean .fs-wm-subnav a.active-nav,
body.fs-wm-clean .jumpBtn.active-nav,
body.fs-wm-clean .filterBtn.active-filter {
  background: #ffb81c !important;
  color: #07120d !important;
  border-color: #ffb81c !important;
}

/* Nicht aktive Pills */
body.fs-wm-clean .fs-wm-subnav a,
body.fs-wm-clean .jumpBtn,
body.fs-wm-clean .filterBtn,
body.fs-wm-clean .pill,
body.fs-wm-clean .article-chip {
  background: rgba(255,255,255,0.075) !important;
  color: rgba(246,248,239,0.78) !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Inputs und Selects im dunklen Look */
body.fs-wm-clean main input,
body.fs-wm-clean main select,
body.fs-wm-clean main textarea {
  background: rgba(0,0,0,0.28) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.18) !important;
}

body.fs-wm-clean main input::placeholder {
  color: rgba(255,255,255,0.45) !important;
}

/* Tabellen / Spielplan-Listen */
body.fs-wm-clean table,
body.fs-wm-clean thead,
body.fs-wm-clean tbody,
body.fs-wm-clean tr,
body.fs-wm-clean td,
body.fs-wm-clean th {
  background: transparent !important;
  color: rgba(246,248,239,0.78) !important;
  border-color: rgba(255,255,255,0.14) !important;
}

/* Score/Status Boxen */
body.fs-wm-clean .score-pill,
body.fs-wm-clean .status-dot {
  color: #ffffff !important;
}

/* Wichtig: keine weißen Textflächen mehr */
body.fs-wm-clean main [style*="background: white"],
body.fs-wm-clean main [style*="background:#fff"],
body.fs-wm-clean main [style*="background: #fff"],
body.fs-wm-clean main [style*="background:#ffffff"],
body.fs-wm-clean main [style*="background: #ffffff"] {
  background: rgba(255,255,255,0.075) !important;
}

/* Phase 5c: WM-Newsblock + Spielplan-Filter final abdunkeln */
/* Nur /wm-2026/ */

/* Der ausgelagerte Newsblock sitzt ausserhalb von main, deshalb separat targeten */
body.fs-wm-clean [data-fs-page-news],
body.fs-wm-clean [data-fs-page-news] section,
body.fs-wm-clean [data-fs-page-news] .fs-page-news,
body.fs-wm-clean [data-fs-page-news] .fs-page-news-section,
body.fs-wm-clean [data-fs-page-news] .fs-news-section,
body.fs-wm-clean [data-fs-page-news] .fs-news-wrapper,
body.fs-wm-clean [data-fs-page-news] .fs-news-block,
body.fs-wm-clean [data-fs-page-news] .fs-news-panel,
body.fs-wm-clean [data-fs-page-news] .fs-info-card,
body.fs-wm-clean [data-fs-page-news] .fs-card,
body.fs-wm-clean [data-fs-page-news] article,
body.fs-wm-clean [data-fs-page-news] .card {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.045)) !important;
  border-color: rgba(255,255,255,0.145) !important;
  color: #ffffff !important;
}

/* Falls der Newsblock eine helle Innenbox hat */
body.fs-wm-clean [data-fs-page-news] > div,
body.fs-wm-clean [data-fs-page-news] .container,
body.fs-wm-clean [data-fs-page-news] .wrap,
body.fs-wm-clean [data-fs-page-news] .inner {
  background: transparent !important;
  color: #ffffff !important;
}

/* Newsblock Texte */
body.fs-wm-clean [data-fs-page-news] h1,
body.fs-wm-clean [data-fs-page-news] h2,
body.fs-wm-clean [data-fs-page-news] h3,
body.fs-wm-clean [data-fs-page-news] h4,
body.fs-wm-clean [data-fs-page-news] strong {
  color: #ffffff !important;
}

body.fs-wm-clean [data-fs-page-news] p,
body.fs-wm-clean [data-fs-page-news] li,
body.fs-wm-clean [data-fs-page-news] span,
body.fs-wm-clean [data-fs-page-news] small {
  color: rgba(246,248,239,0.74) !important;
}

body.fs-wm-clean [data-fs-page-news] a {
  color: #ffb81c !important;
}

/* Light-Polish/News-CSS helle Flaechen im WM-Newsblock neutralisieren */
body.fs-wm-clean [data-fs-page-news] [class*="light"],
body.fs-wm-clean [data-fs-page-news] [class*="white"],
body.fs-wm-clean [data-fs-page-news] [style*="background: white"],
body.fs-wm-clean [data-fs-page-news] [style*="background:#fff"],
body.fs-wm-clean [data-fs-page-news] [style*="background: #fff"],
body.fs-wm-clean [data-fs-page-news] [style*="background:#ffffff"],
body.fs-wm-clean [data-fs-page-news] [style*="background: #ffffff"] {
  background: rgba(255,255,255,0.075) !important;
  color: #ffffff !important;
}

/* Spielplan Filter/Suche: Feld, Text, Dropdown-Kontrast */
body.fs-wm-clean #realFixtureRoundFilter,
body.fs-wm-clean #realFixtureTeamFilter,
body.fs-wm-clean #realFixtureSearch {
  background: rgba(3, 9, 6, 0.82) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 30px rgba(0,0,0,0.18) !important;
}

body.fs-wm-clean #realFixtureRoundFilter option,
body.fs-wm-clean #realFixtureTeamFilter option {
  background: #07120d !important;
  color: #ffffff !important;
}

body.fs-wm-clean #realFixtureSearch::placeholder {
  color: rgba(255,255,255,0.48) !important;
}

/* Kleine Zaehlboxen im Spielplan oben rechts */
body.fs-wm-clean #realFixturesSummary > div,
body.fs-wm-clean #realFixturesSummary strong,
body.fs-wm-clean #realFixturesSummary span,
body.fs-wm-clean #realFixturesSummary div {
  color: #ffffff !important;
}

/* Falls Fixture Cards noch helle Innenbereiche haben */
body.fs-wm-clean #realFixturesGrid article *,
body.fs-wm-clean #realFixturesBlock * {
  border-color: rgba(255,255,255,0.14);
}

body.fs-wm-clean #realFixturesGrid article h3,
body.fs-wm-clean #realFixturesGrid article strong {
  color: #ffffff !important;
}

body.fs-wm-clean #realFixturesGrid article p,
body.fs-wm-clean #realFixturesGrid article span,
body.fs-wm-clean #realFixturesGrid article div {
  color: rgba(246,248,239,0.76);
}

/* Phase 5d: Exakter Fix für den WM-2026-Newsblock */
/* Quelle: fubasport-page-news.css erzeugt .fs-page-news__inner und .fs-page-news__card hell */

body.fs-wm-clean [data-fs-page-news] {
  background: transparent !important;
  color: #ffffff !important;
}

body.fs-wm-clean [data-fs-page-news] .fs-page-news {
  background: transparent !important;
  color: #ffffff !important;
}

body.fs-wm-clean [data-fs-page-news] .fs-page-news__inner {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.085), rgba(255,255,255,0.045)) !important;
  border: 1px solid rgba(255,255,255,0.145) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,0.28) !important;
  color: #ffffff !important;
}

body.fs-wm-clean [data-fs-page-news] .fs-page-news__kicker {
  color: #20e3a2 !important;
  background: transparent !important;
}

body.fs-wm-clean [data-fs-page-news] .fs-page-news__title,
body.fs-wm-clean [data-fs-page-news] .fs-page-news__headline {
  color: #ffffff !important;
}

body.fs-wm-clean [data-fs-page-news] .fs-page-news__intro,
body.fs-wm-clean [data-fs-page-news] .fs-page-news__text,
body.fs-wm-clean [data-fs-page-news] .fs-page-news__meta {
  color: rgba(246,248,239,0.74) !important;
}

body.fs-wm-clean [data-fs-page-news] .fs-page-news__grid {
  background: transparent !important;
}

body.fs-wm-clean [data-fs-page-news] .fs-page-news__card {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04)) !important;
  border: 1px solid rgba(255,255,255,0.145) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 50px rgba(0,0,0,0.22) !important;
}

body.fs-wm-clean [data-fs-page-news] .fs-page-news__card:hover {
  background:
    linear-gradient(145deg, rgba(255,255,255,0.115), rgba(255,255,255,0.06)) !important;
  border-color: rgba(255,184,28,0.42) !important;
}

body.fs-wm-clean [data-fs-page-news] .fs-page-news__more {
  color: #ffb81c !important;
}

body.fs-wm-clean [data-fs-page-news] .fs-page-news__empty {
  background: rgba(255,255,255,0.075) !important;
  border: 1px dashed rgba(255,255,255,0.16) !important;
  color: rgba(246,248,239,0.72) !important;
}

/* Notbremse gegen Light-CSS innerhalb dieses Blocks */
body.fs-wm-clean [data-fs-page-news] * {
  border-color: rgba(255,255,255,0.145);
}

body.fs-wm-clean [data-fs-page-news] a dieses Blocks */
body.fs-wm-clean [data-fs-page-news] * {
  border-color: {
  text-decoration: none;
}