/* flat-bg.css — unify ALL dark surfaces to a single flat #0B1A2C (2026-07-02).
 *
 * User request: "#0B1A2C is the default background color — like the top nav when
 * you toggle the menu, and on all other dark backgrounds." Chosen scope =
 * EVERYTHING dark (page, top nav, drawer menu, cards, panels, dropdowns, modals)
 * flattened to one colour, replacing the old multi-shade palette (#0a1219 body,
 * #15273E header/drawer, #1e2738 cards) + the radial vignette.
 *
 * Loaded LAST in index.html so it wins. Overrides inline styles too via
 * !important (bg-gradient.js paints #app inline without !important).
 */

:root { --bgColor: #0B1A2C !important; }

html, body { background: #0B1A2C !important; }

/* base full-viewport layer — also kills the radial gradient painted on #app */
#app { background: #0B1A2C !important; background-image: none !important; }

/* every MUI surface: appbar/header, drawer menu, cards, panels, dialogs,
 * menus/popovers (dropdowns), accordions, bottom-nav, tables */
.MuiPaper-root,
.MuiAppBar-root,
.MuiToolbar-root,
.MuiDrawer-paper,
.MuiCard-root,
.MuiDialog-paper,
.MuiMenu-paper,
.MuiPopover-paper,
.MuiList-root,
.MuiAccordion-root,
.MuiBottomNavigation-root,
[class*="MuiPaper-root"],
[class*="MuiAppBar"],
[class*="MuiDrawer-paper"] {
  background-color: #0B1A2C !important;
  background-image: none !important;
}

/* neutralise the lighter "depth" nuances (bg-nuance.css) + known header/shell
 * emotion classes + leftover MuiBox surfaces so nothing stays a different shade */
.mui-style-ltr-2txp2l,
.mui-style-ltr-cqkg4t,
.mui-style-ltr-1guwpmc,
.mui-style-ltr-1em8ozl,
.mui-style-ltr-1bdfsra,
.mui-style-ltr-1sq4p71,
.mui-style-ltr-x2l1e {
  background-color: #0B1A2C !important;
  background-image: none !important;
}

/* category-icons bar — NO background AND no border/shadow (like the live-casino
 * lobby): the icons sit directly on the page. Colouring + sizing + hover of the
 * icons themselves is handled by cat-colors.js. */
.mui-style-ltr-1sl0139 {
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── sportsbook text: match the reference screenshot ───────────────────────
 * odds label (team under the price) bigger; competition/league names teal
 * (#48ecb7, sampled from the reference); team names bigger + white.
 * Emotion classes — re-probe & update if a frontend rebuild changes them. */
.mui-style-ltr-zrod0u { font-size: 11px !important; }                 /* odds labels */
.mui-style-ltr-19hx5dd,
.mui-style-ltr-11ef4v,
.mui-style-ltr-174tvmu { color: #48ecb7 !important; }                 /* league/competition names */
.mui-style-ltr-1tt9ec1 { font-size: 14px !important; color: #ffffff !important; }  /* team names */
/* left sidebar text bigger (league list / date tabs / country list) */
.mui-style-ltr-1htyr2a,
.mui-style-ltr-q44i5f,
.mui-style-ltr-t4yzk3 { font-size: 14px !important; }

/* ── top navigation (closer to the reference) ──────────────────────────────
 * Bar 55px tall; menu text bigger + bolder. Bar = mui-style-ltr-pno82b,
 * menu-links container = mui-style-ltr-1oga21e. */
.mui-style-ltr-pno82b { min-height: 55px !important; }
.mui-style-ltr-1oga21e .MuiButton-root {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
}