/* ================================================
   FUZO365 — PREMIUM THEME v4
   Dark Forest Green + Brushed Gold
   ================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Barlow+Condensed:wght@600;700;800&display=swap');

*, *::before, *::after {
  font-family: 'Inter', sans-serif !important;
  box-sizing: border-box;
}
html, body {
  background-color: #0a1c0e !important;
  color: #e5ede7 !important;
}

/* ================================================
   HEADER
   ================================================ */
header.header-primary, .header-primary {
  background: linear-gradient(180deg, #0d2011 0%, #101e13 100%) !important;
  border-bottom: 1px solid #1f3025 !important;
  box-shadow: 0 2px 24px rgba(0,0,0,0.55) !important;
  padding: 0 32px !important;
  min-height: 64px !important;
  display: flex !important;
  align-items: center !important;
}
/* Header inner container — keep buttons off the right edge */
.header-primary .container,
.header-primary .container-fluid,
.header-primary > .navbar,
.header-primary .navbar {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Register/Login buttons in header — add breathing room from edge */
.header-primary .navbar-nav.ms-auto,
.header-primary .header-right,
.header-primary [class*="header-right"],
.header-primary .d-flex:last-child {
  margin-right: 8px !important;
}
.navbar-brand img, .header-primary .navbar-brand img {
  height: 40px !important;
  width: auto !important;
  filter: drop-shadow(0 2px 6px rgba(201,146,42,0.25)) !important;
}
.nav-link, .navbar-nav .nav-link, .navbar-nav a {
  color: #9dbfa5 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}
.nav-link:hover { color: #e8b84b !important; background: rgba(201,146,42,0.09) !important; }
.nav-link.active { color: #c9922a !important; background: rgba(201,146,42,0.1) !important; }

/* ================================================
   HIDE DECIMAL ODDS BUTTON — everywhere
   ================================================ */
.select-lang--container,
.oddsType,
.select-lang,
[class*="select-lang"],
.header-primary [class*="odds"],
header [class*="odds"],
.nav-right [class*="odds"],
.header-right [class*="odds"],
input[type="checkbox"] + label[for*="odds"],
label[for*="odds"],
.odds-type-wrapper,
.odds-switch {
  display: none !important;
}

/* ================================================
   LOGIN / REGISTER BUTTONS IN HEADER
   ================================================ */
.btn--signup {
  background: linear-gradient(135deg, #c9922a, #e8b84b) !important;
  color: #0a1c0e !important;
  border: none !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  padding: 9px 22px !important;
  box-shadow: 0 3px 12px rgba(201,146,42,0.35) !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
}
.btn--signup i, .btn--signup .la { display: none !important; }
.btn--register {
  background: transparent !important;
  border: 2px solid #c9922a !important;
  color: #c9922a !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border-radius: 8px !important;
  padding: 9px 22px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
}
.btn--register:hover {
  background: linear-gradient(135deg, #c9922a, #e8b84b) !important;
  color: #0a1c0e !important;
  border-color: transparent !important;
}

/* ================================================
   LOGIN / REGISTER PAGES — DARK FOREST, NO STADIUM
   ================================================ */

/* The stadium is an inline style on .account-section set by PHP — CSS can't
   kill inline background-image directly. Instead we paint a gradient
   pseudo-element on top of it that covers it completely. */

.login-page .account-section,
.register-page .account-section,
.login-page section,
.register-page section {
  position: relative !important;
  overflow: hidden !important;
}

/* This gradient layer sits above the stadium photo but below the form */
.login-page .account-section::before,
.register-page .account-section::before,
.login-page section::before,
.register-page section::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: radial-gradient(ellipse at 30% 50%, #0d2a12 0%, #060f07 65%) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* Kill any other pseudo-element dark overlays BetLab adds */
.login-page .account-section::after,
.register-page .account-section::after,
.login-page section::after,
.register-page section::after {
  display: none !important;
}

/* Lift all content above the gradient overlay */
.login-page .account-section > *,
.register-page .account-section > *,
.login-page section > *,
.register-page section > * {
  position: relative !important;
  z-index: 1 !important;
}

/* All inner containers transparent */
.login-page .container,
.login-page .row,
.login-page [class*="col"],
.login-page > div,
.register-page .container,
.register-page .row,
.register-page [class*="col"],
.register-page > div {
  background-color: transparent !important;
  background: transparent !important;
}

/* Hide all decorative images (players, thumbnails, etc.) */
.login-page img:not([class*="logo"]):not([class*="brand"]):not(.navbar-brand img),
.register-page img:not([class*="logo"]):not([class*="brand"]):not(.navbar-brand img) {
  display: none !important;
}

/* Hide the left banner / thumb column entirely */
.login-page .account-banner,
.login-page [class*="account-banner"],
.login-page [class*="account-thumb"],
.login-page [class*="left-col"],
.register-page .account-banner,
.register-page [class*="account-banner"],
.register-page [class*="account-thumb"] {
  display: none !important;
}

/* Center the form column */
.login-page .row,
.register-page .row {
  justify-content: center !important;
}
.login-page .row > [class*="col"],
.register-page .row > [class*="col"] {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ================================================
   LOGIN FORM — glass card floating over stadium
   ================================================ */
.login-page,
.register-page {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}

.login-page .account-section,
.login-page section,
.login-page .container,
.register-page .account-section,
.register-page section,
.register-page .container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 !important;
  min-height: calc(100vh - 64px) !important;
}

.login-form,
.register-page .login-form,
.register-page .account-form,
.register-page [class*="register-form"],
.register-page [class*="account-form"] {
  background-color: rgba(10,28,14,0.88) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(201,146,42,0.25) !important;
  border-radius: 14px !important;
  padding: 36px 44px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,0.7) !important;
  min-width: 460px !important;
  max-width: 520px !important;
  width: 100% !important;
  margin: 24px auto !important;
}

/* Force register form-group inputs full width */
.register-page .form-group,
.register-page .input-group,
.register-page .input--group {
  width: 100% !important;
}
.register-page .form-control,
.register-page input[type="text"],
.register-page input[type="email"],
.register-page input[type="password"],
.register-page input[type="tel"],
.register-page select {
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Inputs full width inside register form */
.register-page .form-control,
.register-page input[type="text"],
.register-page input[type="email"],
.register-page input[type="password"],
.register-page input[type="tel"],
.register-page select {
  width: 100% !important;
  min-width: 100% !important;
}

/* Register form title matches login */
.register-page .login-form__title,
.register-page h4,
.register-page h3 {
  color: #e8b84b !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  line-height: 1.2 !important;
  margin-bottom: 20px !important;
}
.login-form__title {
  color: #e8b84b !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  margin-bottom: 20px !important;
}

/* ── Remember Me row — left only, Forgot Password floats out ── */
.login-form form .d-flex.justify-content-between {
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
}

/* ── Form is relative so we can absolutely place Forgot Password ── */
.login-page .login-form form {
  position: relative !important;
  padding-bottom: 68px !important;
}

/* ── Forgot Password — centered below Login button ── */
.login-page .login-form form a[href*="forget"],
.login-page .login-form form a[href*="forgot"],
.login-page .login-form form a[href*="password"],
.login-page .login-form form a.forget-pass {
  position: absolute !important;
  bottom: 34px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  color: #9dbfa5 !important;
  text-decoration: none !important;
}
.login-page .login-form form a[href*="forget"]:hover,
.login-page .login-form form a[href*="forgot"]:hover,
.login-page .login-form form a[href*="password"]:hover {
  color: #e8b84b !important;
}

/* ── "Don't have account?" + "Create account" — centered at very bottom ── */
.login-page .login-form form .d-flex.justify-content-center {
  position: absolute !important;
  bottom: 6px !important;
  left: 0 !important; right: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
}
.login-form form .d-flex > a:hover,
.login-form form a.forget-pass:hover {
  color: #e8b84b !important;
}

/* ── "Don't have an account?" / "Already have an account?" row ── */
.login-form .have-account,
.login-form [class*="have-account"],
.login-form [class*="sign-up"],
.login-form [class*="create-account"],
.login-form > .text-center,
.login-form > p:last-child,
.login-form .d-flex.justify-content-center,
.register-page .login-form .d-flex.justify-content-between,
.register-page .login-form .d-flex:last-child {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  text-align: center !important;
  margin-top: 14px !important;
  font-size: 13px !important;
  color: #6b8a70 !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(201,146,42,0.12) !important;
}

/* ── Checkbox + "I agree" text — one line ── */
.register-page .form-check,
.login-page .form-check,
.login-form .form-check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  margin-bottom: 14px !important;
}
.login-form .form-check-input,
.register-page .form-check-input,
.login-page .form-check-input,
input.form-check-input.custom--check,
input[type="checkbox"].form-check-input {
  flex-shrink: 0 !important;
  margin: 0 !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  aspect-ratio: 1 / 1 !important;
  appearance: auto !important;
  -webkit-appearance: auto !important;
  accent-color: #e0a83b !important;
  border-radius: 3px !important;
  transform: none !important;
}
/* Shrink "I agree" text so it fits one line */
.register-page .form-check-label,
.register-page .form-check label,
.register-page .form-check span {
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}
.register-page .form-check-label a,
.register-page .form-check a {
  font-size: 11.5px !important;
  white-space: nowrap !important;
}

/* ================================================
   MAIN PAGE
   ================================================ */
main.home-page {
  background-color: #0a1c0e !important;
  min-height: calc(100vh - 64px) !important;
}

/* ================================================
   LEFT SIDEBAR
   ================================================ */
nav.sports-category, .sports-category {
  background-color: #0d2011 !important;
  border-right: 1px solid #1a2e1e !important;
  min-width: 72px !important;
  max-width: 72px !important;
}
.sports-category__list {
  background-color: #0d2011 !important;
  padding: 8px 0 !important;
}
.sports-category__link {
  color: #4d7055 !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  padding: 12px 4px !important;
  text-align: center !important;
  border-radius: 0 !important;
  transition: all 0.2s ease !important;
  border-left: 3px solid transparent !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
}
.sports-category__link span,
.sports-category__link .text,
.sports-category__link p {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  width: 100% !important;
}
.sports-category__link:hover {
  color: #c9922a !important;
  background: rgba(201,146,42,0.07) !important;
  border-left-color: #c9922a !important;
}
.sports-category__link.active,
.sports-category__link.live-btn {
  color: #e8b84b !important;
  background: rgba(201,146,42,0.1) !important;
  border-left-color: #c9922a !important;
}

/* ================================================
   BETSLIP
   ================================================ */
.betslip {
  background-color: #0d2011 !important;
  border-left: 1px solid #1a2e1e !important;
  min-width: 250px !important;
  max-width: 270px !important;
}
.betslip .nav-tabs {
  background-color: #0a1c0e !important;
  border-bottom: 1px solid #1a2e1e !important;
  padding: 0 8px !important;
}
.betslip .nav-link {
  color: #4d7055 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 11px 14px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
}
.betslip .nav-link:hover { color: #c9922a !important; }
.betslip .nav-link.active {
  color: #e8b84b !important;
  border-bottom: 2px solid #c9922a !important;
  background: transparent !important;
}
.betslip .tab-content, .betslip .tab-pane {
  background-color: #0d2011 !important;
  padding: 16px !important;
}
.betslip p, .betslip span, .betslip div { color: #3d5442 !important; }
.betslip input, .betslip .form-control, .betslip input[type="number"] {
  background-color: #162019 !important;
  border: 1px solid #243d28 !important;
  color: #e5ede7 !important;
  border-radius: 7px !important;
  padding: 10px 14px !important;
}
.betslip input:focus {
  border-color: #c9922a !important;
  box-shadow: 0 0 0 3px rgba(201,146,42,0.12) !important;
  outline: none !important;
}
.betslip select, .betslip .form-select {
  background-color: #162019 !important;
  border: 1px solid #243d28 !important;
  color: #e5ede7 !important;
  border-radius: 7px !important;
}
.betslip .btn,
.betslip button[type="submit"],
.betslip [class*="place"] {
  background: linear-gradient(135deg, #c9922a 0%, #e8b84b 100%) !important;
  color: #0a1c0e !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 9px !important;
  padding: 14px !important;
  width: 100% !important;
  box-shadow: 0 4px 16px rgba(201,146,42,0.35) !important;
}
.betslip *:not(input):not(select):not(button):not(.btn):not(svg):not(img):not(path) {
  background-color: #0d2011 !important;
  border-color: #1a2e1e !important;
}

/* ================================================
   ODDS BUTTONS
   ================================================ */
.odd-btn, [class*="odd-btn"], [class*="-odd"],
[class*="odds-btn"], td .btn {
  background-color: #162b1a !important;
  border: 1px solid #2a4030 !important;
  color: #e8b84b !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  border-radius: 7px !important;
  padding: 8px 12px !important;
  transition: all 0.18s ease !important;
  cursor: pointer !important;
}
.odd-btn:hover, [class*="odd-btn"]:hover {
  background: linear-gradient(135deg, #c9922a, #e8b84b) !important;
  color: #0a1c0e !important;
  border-color: #c9922a !important;
  box-shadow: 0 3px 10px rgba(201,146,42,0.3) !important;
}
.odd-btn.selected, [class*="odd-btn"].active {
  background-color: #c9922a !important;
  color: #0a1c0e !important;
  border-color: #c9922a !important;
}

/* ================================================
   CARDS & PANELS
   ================================================ */
.card, .panel, .widget-box {
  background-color: #122016 !important;
  border: 1px solid #1a2e1e !important;
  color: #e5ede7 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.3) !important;
}
.card-header, .panel-heading {
  background-color: #162b1a !important;
  border-bottom: 1px solid #1a2e1e !important;
  color: #e5ede7 !important;
  font-weight: 600 !important;
  padding: 14px 20px !important;
}
.card-body { background-color: #122016 !important; color: #e5ede7 !important; padding: 20px !important; }

/* ================================================
   BUTTONS
   ================================================ */
.btn-primary {
  background: linear-gradient(135deg, #c9922a, #e8b84b) !important;
  border: none !important;
  color: #0a1c0e !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  box-shadow: 0 3px 10px rgba(201,146,42,0.3) !important;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #e8b84b, #f5d070) !important;
  box-shadow: 0 4px 16px rgba(201,146,42,0.45) !important;
  transform: translateY(-1px) !important;
}
.btn-success { background-color: #1a5c2a !important; border-color: #1a5c2a !important; color: #e5ede7 !important; font-weight: 600 !important; border-radius: 8px !important; }
.btn-danger { background-color: #b03020 !important; border-color: #b03020 !important; border-radius: 8px !important; }
.btn-secondary, .btn-default { background-color: #162b1a !important; border-color: #243d28 !important; color: #9dbfa5 !important; border-radius: 8px !important; }
.btn-warning { background-color: #c9922a !important; border-color: #c9922a !important; color: #0a1c0e !important; }
.btn-outline-primary { border: 2px solid #c9922a !important; color: #c9922a !important; background: transparent !important; border-radius: 8px !important; font-weight: 600 !important; }
.btn-outline-primary:hover { background: linear-gradient(135deg, #c9922a, #e8b84b) !important; color: #0a1c0e !important; border-color: transparent !important; }

/* ================================================
   FORMS
   ================================================ */
.form-control, input[type="text"], input[type="email"],
input[type="password"], input[type="number"], input[type="tel"],
textarea, select {
  background-color: #0f2012 !important;
  border: 1px solid #243d28 !important;
  color: #e5ede7 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
}
.form-control:focus, input:focus, select:focus, textarea:focus {
  border-color: #c9922a !important;
  box-shadow: 0 0 0 3px rgba(201,146,42,0.14) !important;
  background-color: #0f2012 !important;
  color: #e5ede7 !important;
  outline: none !important;
}
.form-control::placeholder, input::placeholder { color: #3d5442 !important; }
label, .form-label { color: #6b8a70 !important; font-size: 13px !important; font-weight: 500 !important; margin-bottom: 6px !important; }

/* ================================================
   TABLES
   ================================================ */
.table, table { color: #e5ede7 !important; border-color: #1a2e1e !important; }
.table thead th { background-color: #162b1a !important; border-bottom: 1px solid #1a2e1e !important; color: #c9922a !important; font-weight: 600 !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; padding: 12px 16px !important; }
.table td, .table th { border-color: #1a2e1e !important; color: #e5ede7 !important; vertical-align: middle !important; padding: 12px 16px !important; }
.table tbody tr { background-color: #122016 !important; }
.table tbody tr:hover { background-color: #162b1a !important; }

/* ================================================
   MODALS
   ================================================ */
.modal-content { background-color: #122016 !important; border: 1px solid #1a2e1e !important; color: #e5ede7 !important; border-radius: 12px !important; box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important; }
.modal-header { background-color: #162b1a !important; border-bottom: 1px solid #1a2e1e !important; border-radius: 12px 12px 0 0 !important; padding: 18px 24px !important; }
.modal-body { padding: 24px !important; }
.modal-footer { background-color: #162b1a !important; border-top: 1px solid #1a2e1e !important; border-radius: 0 0 12px 12px !important; padding: 16px 24px !important; }
.modal-title { color: #e8b84b !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; }
.close, .btn-close { filter: invert(1) opacity(0.7) !important; }

/* ================================================
   DROPDOWNS
   ================================================ */
.dropdown-menu { background-color: #122016 !important; border: 1px solid #1a2e1e !important; box-shadow: 0 10px 36px rgba(0,0,0,0.55) !important; border-radius: 10px !important; padding: 8px !important; }
.dropdown-item { color: #9dbfa5 !important; padding: 10px 14px !important; border-radius: 7px !important; font-size: 14px !important; }
.dropdown-item:hover { background-color: #1f3a22 !important; color: #e8b84b !important; }
.dropdown-divider { border-color: #1a2e1e !important; margin: 6px 0 !important; }

/* ================================================
   TABS
   ================================================ */
.nav-tabs { border-bottom: 1px solid #1a2e1e !important; }
.nav-tabs .nav-link { color: #4d7055 !important; border: none !important; background: transparent !important; padding: 10px 18px !important; font-weight: 500 !important; border-bottom: 2px solid transparent !important; }
.nav-tabs .nav-link:hover { color: #c9922a !important; }
.nav-tabs .nav-link.active { color: #e8b84b !important; border-bottom: 2px solid #c9922a !important; background: transparent !important; }
.tab-content, .tab-pane { background-color: #122016 !important; }

/* ================================================
   ALERTS & BADGES
   ================================================ */
.alert { border-radius: 8px !important; padding: 14px 18px !important; font-size: 14px !important; }
.alert-success { background: rgba(26,92,42,0.2) !important; border: 1px solid #22753a !important; color: #7dcf95 !important; }
.alert-danger  { background: rgba(176,48,32,0.2) !important; border: 1px solid #c0392b !important; color: #e07070 !important; }
.alert-warning { background: rgba(201,146,42,0.15) !important; border: 1px solid #c9922a !important; color: #e8b84b !important; }
.badge { border-radius: 5px !important; font-weight: 600 !important; padding: 4px 8px !important; }
.badge.bg-primary, .badge-primary { background-color: #c9922a !important; color: #0a1c0e !important; }
.badge.bg-success, .badge-success { background-color: #1a5c2a !important; color: #e5ede7 !important; }
.live-btn span, [class*="live"] .badge { background-color: #c0392b !important; color: #fff !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: 1px !important; animation: pulse 2s infinite !important; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }

/* ================================================
   PAGINATION
   ================================================ */
.page-link { background-color: #122016 !important; border-color: #1a2e1e !important; color: #c9922a !important; border-radius: 7px !important; margin: 0 2px !important; }
.page-link:hover { background-color: #1f3a22 !important; color: #e8b84b !important; }
.page-item.active .page-link { background: linear-gradient(135deg, #c9922a, #e8b84b) !important; border-color: transparent !important; color: #0a1c0e !important; }

/* ================================================
   LINKS & TEXT
   ================================================ */
a { color: #c9922a !important; transition: color 0.15s !important; }
a:hover { color: #e8b84b !important; text-decoration: none !important; }
.text-muted { color: #4d7055 !important; }
.text-primary { color: #c9922a !important; }
.text-success { color: #22753a !important; }
.text-danger { color: #b03020 !important; }
h1, h2, h3, h4, h5, h6 { color: #e5ede7 !important; font-family: 'Barlow Condensed', sans-serif !important; letter-spacing: 0.4px !important; }
hr { border-color: #1a2e1e !important; opacity: 0.5 !important; }

/* ================================================
   MISC
   ================================================ */
.bg-white, .bg-light { background-color: #122016 !important; }
.bg-dark { background-color: #0d1e10 !important; }
.border, .border-top, .border-bottom, .border-start, .border-end { border-color: #1a2e1e !important; }
.list-group-item { background-color: #122016 !important; border-color: #1a2e1e !important; color: #e5ede7 !important; }
.list-group-item:hover { background-color: #162b1a !important; }
.list-group-item.active { background-color: #1a5c2a !important; border-color: #1a5c2a !important; }
::-webkit-scrollbar { width: 4px; height: 4px; background: #0a1c0e; }
::-webkit-scrollbar-thumb { background: #1a2e1e; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #c9922a; }
.bg-primary { background: linear-gradient(135deg, #c9922a, #e8b84b) !important; }

/* ================================================
   MOBILE BOTTOM NAV
   ================================================ */
.app-nav { background: linear-gradient(180deg, #0d2011 0%, #0a1c0e 100%) !important; border-top: 1px solid #1a2e1e !important; }
.app-nav a, .app-nav button { color: #4d7055 !important; font-size: 11px !important; font-weight: 500 !important; }
.app-nav a:hover, .app-nav button:hover, .app-nav a.active, .app-nav button.active { color: #c9922a !important; }

/* ================================================
   FOOTER
   ================================================ */
footer, .footer, [class*="footer"] { background-color: #07130a !important; border-top: 1px solid #1a2e1e !important; }
footer h1, footer h2, footer h3, footer h4 { color: #c9922a !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 18px !important; font-weight: 700 !important; }
footer p, footer span, footer li, .footer p, .footer li { color: #4d7055 !important; font-size: 14px !important; }
footer a, .footer a { color: #4d7055 !important; }
footer a:hover, .footer a:hover { color: #c9922a !important; }
.footer-bottom, .copyright-area, [class*="copyright"], [class*="footer-bottom"] { background-color: #040b05 !important; border-top: 1px solid #111a12 !important; padding: 14px 28px !important; }
[class*="copyright"] * { color: #2a3d2e !important; font-size: 13px !important; }

/* ================================================
   COOKIE BANNER
   ================================================ */
.cookies-card, [class*="cookies-card"] { background: linear-gradient(90deg, #0d2011 0%, #101e13 100%) !important; border-top: 2px solid #c9922a !important; color: #9dbfa5 !important; font-size: 14px !important; }
.cookies-card .btn, .cookies-card button { background: linear-gradient(135deg, #c9922a, #e8b84b) !important; color: #0a1c0e !important; border: none !important; border-radius: 8px !important; font-weight: 700 !important; }

/* ================================================
   PRELOADER / BACK TO TOP
   ================================================ */
.preloader { background-color: #0a1c0e !important; }
.back-to-top { background: linear-gradient(135deg, #c9922a, #e8b84b) !important; color: #0a1c0e !important; border-radius: 8px !important; }

/* ================================================
   ORANGE SQUARE FIX
   ================================================ */
.sports-category-open, .sport-category-open, .sidebar-open-btn,
[class*="category-open"], [class*="sidebar-open"], [class*="sport-open"],
main.home-page > button, .body-inner > button {
  background-color: #162019 !important;
  background: #162019 !important;
  color: #c9922a !important;
  border: 1px solid #1a2e1e !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* ================================================
   GLOBAL MOBILE — header, nav, buttons
   ================================================ */
@media (max-width: 767px) {
  /* Keep Register + Login buttons visible in header */
  .header-primary .btn--signup,
  .header-primary .btn--register,
  .navbar .btn--signup,
  .navbar .btn--register,
  header .btn--signup,
  header .btn--register {
    display: inline-flex !important;
    padding: 7px 13px !important;
    font-size: 12px !important;
    height: 34px !important;
  }

  /* Navbar brand always visible */
  .navbar-brand, .header-primary .navbar-brand {
    display: flex !important;
  }

  /* Hamburger toggler — style it */
  .navbar-toggler {
    border-color: rgba(201,146,42,0.4) !important;
    padding: 4px 8px !important;
  }
  .navbar-toggler-icon {
    filter: invert(0.7) sepia(1) saturate(3) hue-rotate(5deg) !important;
  }

  /* Collapsed nav menu background */
  .navbar-collapse, .navbar-collapse.show {
    background-color: #0d2011 !important;
    border: 1px solid #1a2e1e !important;
    border-radius: 0 0 10px 10px !important;
    padding: 12px !important;
    margin-top: 4px !important;
  }
}

/* ================================================
   LOGIN / REGISTER — MOBILE RESPONSIVE
   ================================================ */
@media (max-width: 767px) {
  /* Section scrollable, no fixed height */
  .login-page .account-section,
  .login-page section,
  .login-page .container,
  .register-page .account-section,
  .register-page section,
  .register-page .container {
    min-height: unset !important;
    padding: 12px 16px !important;
    align-items: flex-start !important;
    display: block !important;
    overflow-y: auto !important;
  }

  /* Column full width */
  .login-page .row,
  .register-page .row {
    margin: 0 !important;
  }
  .login-page .row > [class*="col"],
  .register-page .row > [class*="col"] {
    padding: 0 !important;
    width: 100% !important;
  }

  /* Form box: full screen width, compact padding */
  .login-form,
  .register-page .login-form,
  .register-page .account-form {
    min-width: unset !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 24px 18px !important;
    margin: 12px 0 24px !important;
    border-radius: 12px !important;
  }

  /* Title */
  .login-form__title,
  .register-page h3,
  .register-page h4 {
    white-space: normal !important;
    font-size: 24px !important;
    margin-bottom: 14px !important;
  }

  /* Forgot Password - stay inline */
  .login-form form .d-flex > a,
  .login-form form a[href*="forget"],
  .login-form form a[href*="forgot"],
  .login-form form a[href*="password"] {
    font-size: 12px !important;
  }

  /* Buttons full width */
  .login-form .btn,
  .login-form button[type="submit"],
  .register-page .btn,
  .register-page button[type="submit"] {
    width: 100% !important;
    padding: 13px !important;
    font-size: 15px !important;
  }

  /* Inputs — 16px prevents iOS zoom */
  .login-form .form-control,
  .login-form input,
  .register-page .form-control,
  .register-page input {
    font-size: 16px !important;
    padding: 11px 12px !important;
  }

  /* "I agree" on mobile — allow wrap, smaller */
  .register-page .form-check-label,
  .register-page .form-check a {
    font-size: 11px !important;
    white-space: normal !important;
  }

  /* Header on mobile */
  .header-primary {
    padding: 0 16px !important;
  }
  .header-primary .btn--signup,
  .header-primary .btn--register {
    padding: 6px 11px !important;
    font-size: 11px !important;
    height: 32px !important;
  }
}a[href*="forget"], a[href*="forgot"], a[href*="password"] { text-decoration: none; }
@media (max-width: 767px) { .header-primary .navbar-nav { display: flex !important; } .header-primary .btn--signup, .header-primary .btn--register { display: inline-flex !important; } }
@media (max-width: 767px) { header.header-primary, .header-primary { display: flex !important; } .header-primary .navbar { display: flex !important; flex-wrap: wrap !important; } }

/* ── Odds button white text fix ─────── */
.oddBtn {
    color: #ffffff !important;
}
.oddBtn:hover,
.oddBtn:focus {
    color: #ffffff !important;
}



/* ═══════════════════════════════════════
   FUZO365 OVERRIDES — SINGLE CLEAN BLOCK
   ═══════════════════════════════════════ */

/* Sidebar width */
:root { --left-side: 82px; }
nav.sports-category, .sports-category { width: 82px !important; min-width: 82px !important; }

/* Sidebar items — stretch to fill, remove max-height */
.sports-category__link { max-height: none !important; min-height: 70px !important; flex: 1 !important; padding: 8px 4px !important; }

/* Bigger emoji icons */



/* Allow text to wrap */
.sports-category__text { white-space: normal !important; overflow: visible !important; text-overflow: unset !important; font-size: 10px !important; line-height: 1.2 !important; margin-top: 2px !important; }

/* LIVE nav button */
.live-nav-link { display: inline-flex !important; align-items: center !important; gap: 5px !important; color: #ff4444 !important; font-weight: 700 !important; font-size: 12px !important; letter-spacing: 1px !important; background: rgba(255,68,68,0.1) !important; border: 1px solid rgba(255,68,68,0.35) !important; border-radius: 6px !important; padding: 4px 10px !important; text-decoration: none !important; }
.live-dot { width: 6px !important; height: 6px !important; background: #ff4444 !important; border-radius: 50% !important; display: inline-block !important; animation: livePulse 1.2s ease-in-out infinite !important; }
@keyframes livePulse { 0%,100%{opacity:1} 50%{opacity:0.3} }

/* Header — balance | user | clock */
.header-user-wrap { display: flex !important; align-items: center !important; gap: 8px !important; }
.hdr-balance { font-size: 15px !important; font-weight: 700 !important; color: #f0b429 !important; font-family: monospace !important; padding: 5px 12px !important; background: rgba(240,180,41,0.12) !important; border: 1px solid rgba(240,180,41,0.3) !important; border-radius: 8px !important; white-space: nowrap !important; }
.user-profile-dropdown .dropdown-toggle,
.header-user-btn { background: rgba(255,255,255,0.1) !important; border: 1px solid rgba(255,255,255,0.2) !important; border-radius: 8px !important; color: #fff !important; padding: 5px 10px !important; display: flex !important; align-items: center !important; gap: 7px !important; box-shadow: none !important; }
.user-profile-dropdown .dropdown-toggle:hover { background: rgba(255,255,255,0.18) !important; }
.user-avatar { width: 26px !important; height: 26px !important; min-width: 26px !important; border-radius: 50% !important; background: var(--base) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; font-weight: 700 !important; color: #fff !important; }
.user-name-text { font-size: 13px !important; color: #fff !important; }

/* Clock */
.tz-clock { display: flex !important; align-items: center !important; }
.clock-time-wrap { display: flex !important; flex-direction: column !important; align-items: flex-end !important; }
#tzClockTime { font-size: 14px !important; font-weight: 700 !important; font-family: monospace !important; color: #fff !important; line-height: 1 !important; }
#tzSelect { background: transparent !important; color: rgba(255,255,255,0.6) !important; border: none !important; font-size: 10px !important; padding: 0 !important; outline: none !important; }
#tzSelect option { background: #1a2035 !important; }

/* ── FUZO USER AREA (fresh classes, no conflicts) ── */
.fuzo-user-area { display: flex !important; align-items: center !important; gap: 6px !important; }
.fuzo-balance { background: rgba(240,180,41,0.15) !important; border: 1px solid rgba(240,180,41,0.4) !important; color: #f0b429 !important; font-weight: 700 !important; font-family: monospace !important; font-size: 14px !important; padding: 5px 12px !important; border-radius: 8px !important; white-space: nowrap !important; display: inline-block !important; }
.fuzo-user-btn { background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.18) !important; color: #fff !important; font-size: 13px !important; font-weight: 500 !important; padding: 6px 12px !important; border-radius: 8px !important; cursor: pointer !important; box-shadow: none !important; outline: none !important; white-space: nowrap !important; }
.fuzo-user-btn:hover, .fuzo-user-btn:focus, .fuzo-user-btn:active { background: rgba(255,255,255,0.15) !important; border-color: rgba(255,255,255,0.3) !important; color: #fff !important; box-shadow: none !important; }
.fuzo-user-btn.show { background: rgba(255,255,255,0.15) !important; }

/* ── TEXT SIZE BOOST ── */
/* Sidebar sport names */
.sports-category__text { font-size: 12px !important; }

/* Header nav links */
.primary-menu-container .text-white.sm-text,
.primary-menu-container a.text-white { font-size: 15px !important; font-weight: 600 !important; }

/* Header balance + user */
.fuzo-balance { font-size: 16px !important; }
.fuzo-user-btn { font-size: 15px !important; }

/* Header clock */
#tzClockTime { font-size: 16px !important; }
#tzSelect { font-size: 12px !important; }

/* Footer */
.footer p, .footer a, .footer span, .footer li { font-size: 14px !important; }
.footer h5, .footer h6 { font-size: 16px !important; }
.footer-bottom p, .footer-bottom a { font-size: 13px !important; }

/* Sidebar text bigger */
.sports-category__text { font-size: 13px !important; font-weight: 500 !important; }

/* Clock timezone bigger + centered */
.tz-clock, .clock-time-wrap { align-items: center !important; text-align: center !important; }
.clock-time-wrap { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 3px !important; }
#tzClockTime { font-size: 17px !important; font-weight: 700 !important; }
#tzSelect { font-size: 13px !important; color: rgba(255,255,255,0.85) !important; font-weight: 500 !important; }

/* Taller header bar */
.header-primary { padding: 14px 0 !important; }
.header-fluid-custom-parent { min-height: 64px !important; }

/* Sidebar text = same size as username */
.sports-category__text { font-size: 15px !important; font-weight: 500 !important; }

/* Timezone centered under clock */
.clock-time-wrap { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
#tzSelect { text-align: center !important; text-align-last: center !important; display: block !important; width: 100% !important; }

/* Wider sidebar + force bigger text */
:root { --left-side: 100px !important; }
nav.sports-category, .sports-category { width: 100px !important; min-width: 100px !important; max-width: 100px !important; }
nav.sports-category .sports-category__text,
.sports-category .sports-category__link .sports-category__text { font-size: 14px !important; font-weight: 600 !important; white-space: normal !important; overflow: visible !important; text-overflow: unset !important; line-height: 1.3 !important; width: 94px !important; }

/* Timezone select bigger */
#tzSelect { font-size: 14px !important; font-weight: 600 !important; color: #fff !important; }

/* Sidebar items shorter - cap height */
nav.sports-category a.sports-category__link,
.sports-category a.sports-category__link { flex: 0 0 80px !important; max-height: 80px !important; min-height: 80px !important; height: 80px !important; }

/* Slightly taller items for Horse Racing */
nav.sports-category a.sports-category__link,
.sports-category a.sports-category__link { flex: 0 0 88px !important; max-height: 88px !important; min-height: 88px !important; height: 88px !important; }

/* ── MOBILE HEADER ── */

/* ── MOBILE BOTTOM NAV ── */
.app-nav__menu-link-important { background: var(--base) !important; border-radius: 50% !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; font-size: 18px !important; }
.app-nav__menu-text { font-size: 11px !important; }

/* Spread header to full width */
.header-primary .container {
    max-width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.header-primary .header-wrapper,
.header-primary > .container > .row,
.header-primary nav {
    width: 100% !important;
}

/* Logo far left, clock far right */
.header-fluid-custom-parent {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 0 !important;
}
nav.primary-menu-container {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

/* Gap between logo and Home link */
nav.primary-menu-container > ul:first-child {
    margin-left: 28px !important;
}

/* Hide delete-all button in bet slip */
.delete-btn.deleteAll {
    display: none !important;
}

/* Fix mobile bottom nav icons */
.app-nav__menu-link i,
.app-nav__menu-link .las,
.app-nav__menu-link .la {
    font-size: 22px !important;
    display: block !important;
    line-height: 1 !important;
    margin-bottom: 3px !important;
}
.app-nav__menu-link-important i {
    font-size: 24px !important;
}

/* Mobile nav emoji icons */
.app-nav__emoji {
    font-size: 20px !important;
    display: block !important;
    text-align: center !important;
    line-height: 1 !important;
    margin-bottom: 2px !important;
}
.app-nav__menu-link-important {
    font-size: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Mobile nav spacing */
.app-nav__menu {
    padding-left: 10px !important;
    padding-right: 10px !important;
    justify-content: space-around !important;
}
/* Sports label under trophy */
.app-nav__sports-label {
    display: block !important;
    font-size: 10px !important;
    color: rgba(255,255,255,0.7) !important;
    text-align: center !important;
    margin-top: 2px !important;
    letter-spacing: 0.5px !important;
}
/* Hide < sidebar handle */
.right-side-overlay,
.betslip-toggle-btn,
[class*="sidebar-toggle"],
[class*="right-toggle"] {
    display: none !important;
}

/* Bigger Sports center button */
.app-nav__menu-link-important {
    width: 62px !important;
    height: 62px !important;
    top: -26px !important;
    font-size: 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;
}


/* Mobile top bar final fixes */





/* === MOBILE HEADER === */

/* === MOBILE HEADER - ONE CLEAN BLOCK === */
@media (max-width: 991px) {
    .header-primary { padding: 6px 0 !important; }

    .header-fluid-custom-parent {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        padding: 0 8px !important;
        gap: 0 !important;
        width: 100% !important;
    }

    /* Logo far left, no shrink */
    .logo { flex-shrink: 0 !important; margin-right: 4px !important; }

    /* Nav fills all remaining space */
    nav.primary-menu-container {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-width: 0 !important;
    }

    /* Home + Live - left side, no shrink */
    nav.primary-menu-container > ul:first-child {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 5px !important;
        flex-shrink: 0 !important;
        margin: 0 !important; padding: 0 !important;
    }
    nav.primary-menu-container > ul:first-child a.text-white {
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    /* Hide Odds + Language */
    .select-lang--container, .dropdown-lang { display: none !important; }

    /* Right nav: flex-end so clock hugs right edge */
    ul.right-side-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        flex-shrink: 0 !important;
        margin: 0 !important; padding: 0 !important;
        list-style: none !important;
    }

    /* Live, Balance, User — identical height/shape */
    .live-nav-link,
    .fuzo-balance,
    .fuzo-user-btn {
        height: 26px !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        padding: 0 7px !important;
        border-radius: 5px !important;
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        line-height: 1 !important;
    }
    .live-nav-link { gap: 3px !important; }
    .live-dot { width: 5px !important; height: 5px !important; }

    /* Clock far right */
    .tz-clock { flex-shrink: 0 !important; text-align: right !important; }
    #tzClockTime { font-size: 11px !important; display: block !important; line-height: 1.2 !important; }
    #tzSelect {
        display: block !important; font-size: 9px !important;
        background: transparent !important; border: none !important;
        color: rgba(255,255,255,0.6) !important; padding: 0 !important;
        max-width: 52px !important;
        -webkit-appearance: none !important; appearance: none !important;
    }
}

@media (max-width: 991px) {
    /* Bring right side items closer together, less gap in middle */
    nav.primary-menu-container {
        justify-content: flex-start !important;
        gap: 6px !important;
    }
    ul.right-side-nav {
        margin-left: auto !important;
        flex-shrink: 0 !important;
    }
    /* Clock not cut off */
    .tz-clock { padding-right: 2px !important; }
}

@media (max-width: 991px) {
    /* Force ALL nav li items to same vertical center */
    nav.primary-menu-container > ul:first-child > li,
    ul.right-side-nav > li {
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        height: 100% !important;
    }
    nav.primary-menu-container > ul:first-child,
    ul.right-side-nav {
        align-items: center !important;
        height: 36px !important;
    }
    nav.primary-menu-container {
        align-items: center !important;
        height: 36px !important;
    }
    /* Live same display as balance/user */
    .live-nav-link {
        display: flex !important;
        align-items: center !important;
    }
}

@media (max-width: 991px) {
    .header-fluid-custom-parent { padding-left: 2px !important; }
}

@media (max-width: 991px) {
    ul.right-side-nav {
        flex: 1 1 auto !important;
        justify-content: flex-end !important;
    }
}

/* Remove footer lines */
.footer__list li,
.footer__list.list li {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.footer__title {
    border-bottom: none !important;
    padding-bottom: 8px !important;
}

/* Footer - remove all item lines */
.footer .list li,
.footer__list li,
.footer .list li + li {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
/* Only a subtle line under each section title */
.footer__title {
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
    padding-bottom: 10px !important;
    margin-bottom: 14px !important;
}

/* Footer - zero lines anywhere */
.footer li,
.footer ul li,
.footer .list li,
.footer__list li,
.footer__title {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Nuclear footer line removal */
.footer--dark *,
.footer--dark li,
.footer--dark li::before,
.footer--dark li::after,
.footer__list li,
.footer__list li::before,
.footer__list li::after {
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}

.footer--dark::before,
.footer--dark::after {
    display: none !important;
}

/* Tighter spacing between all footer elements */
.footer__title {
    margin-bottom: 8px !important;
    margin-top: 0 !important;
}
.footer__about {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}
.footer__list {
    --gap: 4px !important;
    gap: 4px !important;
    margin-top: 0 !important;
}
.footer__list li {
    padding: 0 !important;
    margin: 0 !important;
}
.footer .row {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.footer .col-sm-12,
.footer .col-sm-4 {
    padding-top: 0 !important;
}


/* Footer list equal spacing */
.footer__list li + li { margin-top: 2px !important; }
.footer__list { gap: 2px !important; row-gap: 2px !important; }

/* ============================================================
   FUZO365 DESIGN FIXES — League Tabs, Game Cards, Dark Theme
   ============================================================ */

/* ── League Tab Bar ── */
.sub-category-drawer { background: #0a1c0e !important; border-bottom: 2px solid rgba(201,146,42,0.25) !important; box-shadow: 0 2px 12px rgba(0,0,0,0.5) !important; }
.sub-category-drawer__list { background: transparent !important; padding: 6px 8px !important; gap: 6px !important; display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; }
.sub-category-drawer__list::-webkit-scrollbar { display: none !important; }
.sub-category-drawer__link { background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(201,146,42,0.15) !important; border-radius: 8px !important; color: #9dbfa5 !important; padding: 6px 12px !important; white-space: nowrap !important; transition: all 0.2s ease !important; text-decoration: none !important; display: flex !important; align-items: center !important; gap: 6px !important; }
.sub-category-drawer__link:hover { background: rgba(201,146,42,0.12) !important; border-color: rgba(201,146,42,0.4) !important; color: #e8b84b !important; text-decoration: none !important; }
.sub-category-drawer__link.active { background: rgba(201,146,42,0.18) !important; border-color: #c9922a !important; color: #e8b84b !important; font-weight: 700 !important; box-shadow: 0 0 12px rgba(201,146,42,0.25) !important; }
.sub-category-drawer__text { font-size: 13px !important; font-weight: 600 !important; color: inherit !important; max-width: 120px !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.sub-category-drawer__flag { flex-shrink: 0 !important; }
.sub-category-drawer__flag-img { width: 20px !important; height: 20px !important; object-fit: contain !important; border-radius: 3px !important; }
.top-sticky { position: sticky !important; top: 0 !important; z-index: 100 !important; background: #07130a !important; }

/* ── Sports Game Cards ── */
.sports-card { background: #0d2011 !important; border: 1px solid rgba(201,146,42,0.12) !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 2px 10px rgba(0,0,0,0.35) !important; color: #c4dcc8 !important; }
.sports-card-wrapper, .sports-card-wrapper-lg { background: transparent !important; color: #c4dcc8 !important; }
.sports-card-inner { background: rgba(255,255,255,0.02) !important; border-top: 1px solid rgba(255,255,255,0.05) !important; color: #c4dcc8 !important; }
.sports-card-heading { background: rgba(7,19,10,0.6) !important; border-bottom: 1px solid rgba(201,146,42,0.1) !important; color: #9dbfa5 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; padding: 6px 14px !important; }
.team-select-title { color: #e8b84b !important; font-weight: 700 !important; }
.sports-card .text-dark, .sports-card p, .sports-card span:not(.badge) { color: #c4dcc8 !important; }

/* ── Odds Buttons ── */
.odd-btn, .odds-btn, [class*="odd-btn"], .option-odd-btn { background: rgba(201,146,42,0.1) !important; border: 1px solid rgba(201,146,42,0.3) !important; color: #e8b84b !important; border-radius: 8px !important; font-weight: 700 !important; transition: all 0.15s ease !important; }
.odd-btn:hover, [class*="odd-btn"]:hover, .option-odd-btn:hover { background: rgba(201,146,42,0.25) !important; border-color: #c9922a !important; color: #fae272 !important; }
.odd-btn.selected, .odd-btn.active, [class*="odd-btn"].active { background: linear-gradient(135deg, #c9922a, #e8b84b) !important; border-color: #e8b84b !important; color: #07130a !important; }

/* ── Market / Date rows ── */
.market-title, [class*="market-title"], .market-header { background: rgba(7,19,10,0.7) !important; color: #6a8a6e !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; }
.game-date-row, .date-separator, [class*="date-row"], .match-date { background: rgba(7,19,10,0.8) !important; color: #6a8a6e !important; border-top: 1px solid rgba(201,146,42,0.1) !important; }

/* ── Cards / remaining white boxes ── */
.card, .card-body, .card-header { background: #0d2011 !important; border-color: rgba(201,146,42,0.12) !important; color: #c4dcc8 !important; }
.betting-body { background: transparent !important; color: #c4dcc8 !important; }

/* ── World Cup / Game Card Polish ── */
/* League section header */
.sports-card-top,
.game-league-header,
[class*="league-header"] {
    background: linear-gradient(90deg, rgba(201,146,42,0.12), transparent) !important;
    border-left: 3px solid #c9922a !important;
    color: #e8b84b !important;
    font-weight: 700 !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
}
/* Date/time row inside each game */
.sports-card-date,
.game-time,
[class*="game-time"],
[class*="match-time"],
.match-date-time {
    background: rgba(7,19,10,0.9) !important;
    color: #5a7a60 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 14px !important;
    letter-spacing: 0.5px !important;
}
/* Odds column headers (1, x, 2 / Spreads / Total) */
.odds-type-title,
.market-type-header,
[class*="odds-header"],
.option-odd-title {
    color: #6a8a6e !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}
/* Empty odds button placeholder — show a subtle box */
.option-odd-btn:empty,
[class*="odd-btn"]:empty,
.odd-btn:empty {
    min-height: 40px !important;
    min-width: 56px !important;
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}
/* Team names — bigger and bolder */
.team-name, [class*="team-name"],
.home-team-name, .away-team-name,
.sports-card .fw-bold,
.sports-card strong {
    color: #e8f5ea !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}
/* LIVE NOW badge */
.live-now, [class*="live-now"],
.badge-live-now {
    background: #c0392b !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
    border-radius: 4px !important;
    padding: 2px 7px !important;
    text-transform: uppercase !important;
    animation: pulse 1.5s infinite !important;
}
/* All Markets link */
a[href*="market"], .all-markets-link,
[class*="all-market"] {
    color: #c9922a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    letter-spacing: 0.3px !important;
}
a[href*="market"]:hover { color: #e8b84b !important; }

/* ── ODDS BUTTONS — override Bootstrap btn-light ── */
.oddBtn,
button.oddBtn,
.option-odd-list__item .btn-light {
    background: #0d2011 !important;
    border: 1px solid rgba(201,146,42,0.35) !important;
    color: #e8b84b !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    min-width: 54px !important;
    min-height: 40px !important;
    transition: all 0.15s ease !important;
    box-shadow: none !important;
}
.oddBtn:hover,
.option-odd-list__item .btn-light:hover {
    background: rgba(201,146,42,0.18) !important;
    border-color: #c9922a !important;
    color: #fae272 !important;
    box-shadow: 0 0 10px rgba(201,146,42,0.3) !important;
}
.oddBtn.active,
.oddBtn:focus {
    background: linear-gradient(135deg, #c9922a, #e8b84b) !important;
    border-color: #e8b84b !important;
    color: #07130a !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 14px rgba(201,146,42,0.5) !important;
}
.oddBtn.locked,
button.btn-light[disabled],
.option-odd-list__item button[disabled] {
    background: rgba(255,255,255,0.03) !important;
    border-color: rgba(255,255,255,0.07) !important;
    color: #2e4232 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* ── Left card section (team names, date, All Markets) ── */
.sports-card-left {
    background: transparent !important;
    border-right: 1px solid rgba(255,255,255,0.04) !important;
    min-width: 160px !important;
}
.sports-card__info-text {
    color: #4d6e52 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}
.sports-card__stream i { color: #c0392b !important; }
.sports-card-left-bottom { border-top: 1px solid rgba(255,255,255,0.04) !important; padding-top: 6px !important; }
.sports-card-left-bottom a,
.sports-card-left-bottom .text--small {
    color: #c9922a !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.sports-card-left-bottom a:hover { color: #e8b84b !important; }

/* ── Point value (handicap/totals line) ── */
.option-odd-list__item .point {
    color: #5a7a60 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* ── Odds button layout fix ── */
.option-odd-lists {
    display: flex !important;
    flex-direction: row !important;
    gap: 5px !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    padding: 8px 8px !important;
    width: 100% !important;
}
.option-odd-list__item {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
}
.oddBtn,
.option-odd-list__item .btn-light,
button.btn-light.border {
    width: 100% !important;
    min-height: 42px !important;
    min-width: 0 !important;
    padding: 4px 2px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
}
.sports-card-inner {
    flex: 1 !important;
    min-width: 0 !important;
}
.sports-card-body {
    padding: 0 !important;
}

/* ── Register: keep I-agree on one line ───────────────────────── */
.form-check.d-flex.flex-wrap .form-check-label,
.form-check.d-flex.flex-wrap .sm-text {
    display: inline !important;
    white-space: normal !important;
}
.form-check.d-flex.flex-wrap {
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 8px !important;
}
.form-check.d-flex.flex-wrap .form-check-input {
    flex-shrink: 0 !important;
    margin-top: 3px !important;
}
.form-check.d-flex.flex-wrap label + span {
    display: inline !important;
}

/* ══ Accordion sidebar ══════════════════════════════════════════ */
nav.sports-category.sidebar-wide {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    overflow-y: auto !important;
}
nav.sports-category.sidebar-wide .sports-category__link {
    flex-direction: row !important;
    justify-content: flex-start !important;
    padding: 11px 14px !important;
    gap: 11px !important;
    text-align: left !important;
    width: 100% !important;
}
nav.sports-category.sidebar-wide 
nav.sports-category.sidebar-wide .sports-category__text { font-size: 13px !important; width: auto !important; text-align: left !important; font-weight:600 !important; }
@media screen and (min-width: 992px) {
    .home-page:has(nav.sports-category.sidebar-wide) .sports-body {
        width: calc(100% - (var(--right-side) + 210px)) !important;
    }
}

/* ── Sub-section inside expanded sport ── */
.sidebar-sub { width:100%; padding-bottom:6px; }
.sidebar-sub__heading {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.3);
    padding: 8px 14px 4px;
}
.sidebar-sub__link {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 14px;
    color: rgba(255,255,255,0.65);
    font-size: 12.5px;
    font-weight: 500;
    text-decoration: none !important;
    transition: background 0.12s, color 0.12s;
    border-left: 3px solid transparent;
    cursor: pointer;
    width: 100%;
}
.sidebar-sub__link:hover { background: rgba(255,255,255,0.07); color:#fff; }
.sidebar-sub__link.active { background: rgba(255,255,255,0.11); color:#fff; border-left-color: hsl(var(--base)); font-weight:700; }
.sidebar-sub__link--indent { padding-left: 22px !important; font-size: 11.5px !important; }
.sidebar-sub__flag { font-size: 15px; flex-shrink:0; line-height:1; }
.sidebar-sub__name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }

/* ── Country accordion ── */
.sidebar-country__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 14px;
    background: none;
    border: none;
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    transition: color 0.12s;
}
.sidebar-country__btn:hover { color:#fff; background: rgba(255,255,255,0.05); }
.sidebar-country__arrow { font-size: 16px; transition: transform 0.2s; display:inline-block; line-height:1; }
.sidebar-country.open .sidebar-country__arrow { transform: rotate(90deg); }
.sidebar-country__leagues { display:none; }
.sidebar-country.open .sidebar-country__leagues { display:block; }
/* Separator between sport items */
nav.sports-category.sidebar-wide .sports-category__link:not(.active) {
    border-top: 1px solid rgba(255,255,255,0.05);
}

/* ── League page header (item 5) ── */
.league-page-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: rgba(255,255,255,0.04);
    border-radius: 10px;
    margin-bottom: 4px;
    border: 1px solid rgba(255,255,255,0.07);
}
.league-page-header__logo {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    background: rgba(255,255,255,0.1);
}
.league-page-header__name {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}
.league-page-header__cat {
    font-size: 12px;
    color: rgba(255,255,255,0.45);
    margin-top: 2px;
}

/* ── Sports nav tab (item 7) ── */
.active-live { color: #ff4444 !important; }

/* ── Clock above city (item 8) ── */
.tz-clock .clock-time-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1px !important;
}
#tzClockTime {
    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

/* ── Password eye toggle (item 9) ── */
.pass-toggle {
    cursor: pointer !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    border-left: none !important;
    color: rgba(255,255,255,0.7) !important;
    padding: 0 12px !important;
    transition: color 0.15s, border-color 0.15s !important;
}
.pass-toggle:hover { color: #fff !important; border-color: rgba(255,255,255,0.5) !important; }
.pass-toggle i { font-size: 16px !important; line-height: 1 !important; }

/* ── Betslip hidden when empty (item 4) ── */
@media screen and (min-width: 992px) {
    .betslip.betslip--empty {
        width: 0 !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        border: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    .home-page:has(.betslip.betslip--empty) .sports-body {
        width: calc(100% - (var(--left-side))) !important;
    }
    nav.sports-category.sidebar-wide ~ .sports-body {
        width: calc(100% - 210px) !important;
    }
}

/* ── Hide browser native password reveal button ── */
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear,
input[type=password]::-webkit-credentials-auto-fill-button { display: none !important; }

/* ── Eye toggle button ── */
.pass-toggle {
    cursor: pointer !important;
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    border-left: none !important;
    border-radius: 0 4px 4px 0 !important;
    color: rgba(255,255,255,0.75) !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
}
.pass-toggle:hover { color: #fff !important; border-color: rgba(255,255,255,0.6) !important; }
.pass-toggle i { font-size: 17px !important; pointer-events: none; }

/* ── SVG eye icon states ── */
.pass-eye { display:block; color:rgba(255,255,255,0.75); transition:color 0.15s; }
.pass-toggle:hover .pass-eye { color:#fff; }
.pass-eye .eye-slash-line { display:none; }
.pass-eye.slashed .eye-slash-line { display:block; }

/* Remove border box around eye icon */
.pass-toggle {
    background: transparent !important;
    border: none !important;
    padding: 0 10px !important;
}

/* ── Remove top/side gaps ── */
.sports-body {
    padding: 0 !important;
}
.sports-body > .row.g-3 {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
    margin: 0 !important;
}
.betting-body > .row.g-3 {
    --bs-gutter-x: 6px !important;
    --bs-gutter-y: 6px !important;
}
.col-12 { padding-left: 0 !important; padding-right: 0 !important; }

/* ── Scale up global text ── */
.sports-card__team-name { font-size: 15px !important; }
.sports-card-heading, .sports-card__info-text { font-size: 13px !important; }
.sports-odds__item { font-size: 15px !important; padding: 10px 8px !important; }
.sports-odds__label { font-size: 12px !important; }
.sidebar-sub__name { font-size: 13px !important; }
.sidebar-sub__heading { font-size: 13px !important; }
.sidebar-country__btn { font-size: 13px !important; }
.sports-card-left-bottom a { font-size: 13px !important; }
.league-page-header__name { font-size: 18px !important; }
.league-page-header__cat { font-size: 13px !important; }

/* ── Team logo: no white circle, bigger ── */
.sports-card__team-flag {
    background: transparent !important;
    border-radius: 4px !important;
    width: 22px !important;
    height: 22px !important;
}
.sports-card__team-flag-img {
    object-fit: contain !important;
}

/* ── Team name spacing from date ── */
.sports-card-body {
    padding-top: 8px !important;
}

/* ── League header flag emoji ── */
.league-page-header__flag-emoji {
    font-size: 32px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
}
.league-page-header__logo { display: none !important; }

/* ── Favourite Competitions ── */
.fav-competitions {
    background: rgba(201,146,42,0.06) !important;
    border-bottom: 1px solid rgba(201,146,42,0.2) !important;
    padding: 12px 16px !important;
}
.fav-competitions__title {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    color: #c9922a !important;
    margin-bottom: 10px !important;
}
.fav-competitions__list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    padding-bottom: 4px !important;
    -webkit-overflow-scrolling: touch !important;
}
.fav-competitions__list::-webkit-scrollbar { display: none !important; }
.fav-comp-card {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(201,146,42,0.15) !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    text-decoration: none !important;
    color: #c4dcc8 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.2s !important;
    min-width: 160px !important;
}
.fav-comp-card:hover, .fav-comp-card--active {
    background: rgba(201,146,42,0.15) !important;
    border-color: #c9922a !important;
    color: #fff !important;
}
.fav-comp-card__flag {
    width: 32px !important;
    height: 24px !important;
    border-radius: 3px !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}
.fav-comp-card__info {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    flex: 1 !important;
}
.fav-comp-card__country {
    font-size: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #9dbfa5 !important;
}
.fav-comp-card__name {
    font-size: 13px !important;
    font-weight: 600 !important;
}
.fav-comp-card__count {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #c9922a !important;
}


/* ===== DASHBOARD FIXES ===== */
.dashboard-sidebar,
.dashboard-menu,
.dashboard-menu__body {
    background: hsl(var(--dark)) !important;
}
.dashboard-menu__link {
    color: rgba(196,220,200,0.8) !important;
}
.dashboard-menu__link:hover,
.dashboard-menu__link.active {
    color: #fff !important;
    background: rgba(201,146,42,0.12) !important;
}
.dashboard-menu__icon i {
    color: rgba(196,220,200,0.6) !important;
}
/* Hide useless squares from widget card header */
.widget-card__id i,
.widget-card__reload {
    display: none !important;
}
/* Fix widget card text (white on dark) */
.widget-card__id,
.widget-card__balance,
.widget-card__balance-text,
.widget-card__title,
.widget-card--primary * {
    color: #fff !important;
}
.widget-card--primary .btn--base {
    color: hsl(var(--dark)) !important;
}

/* Hide broken icon squares in dashboard */
.dashboard-menu__icon,
.widget-card__id i,
.widget-card__reload,
.btn--base .icon {
    display: none !important;
}

/* Dashboard - change blue to green */
.widget-card--primary {
    background: #122a1c !important;
    border: 1px solid rgba(196,220,200,0.1) !important;
}
.dashboard-menu__link.active {
    background: rgba(201,146,42,0.15) !important;
    color: #c9922a !important;
    border-left: 3px solid #c9922a !important;
}

/* Fix remaining blue sidebar background */
.dashboard-sidebar,
.dashboard-menu,
.dashboard-menu__body,
.dashboard-menu__list {
    background: #0e1c14 !important;
}
.widget-card__head {
    background: #0a1810 !important;
    border-bottom: 1px solid rgba(196,220,200,0.08) !important;
}
.widget-card__body {
    background: #0e1c14 !important;
}

/* Date range picker - dark theme */
input[name="date"] {
    min-width: 220px !important;
    color: #c4dcc8 !important;
    border-color: rgba(196,220,200,0.2) !important;
}
.daterangepicker {
    background: #0e1c14 !important;
    border-color: rgba(196,220,200,0.15) !important;
    color: #c4dcc8 !important;
}
.daterangepicker .ranges li {
    color: #c4dcc8 !important;
    background: transparent !important;
}
.daterangepicker .ranges li:hover,
.daterangepicker .ranges li.active {
    background: rgba(201,146,42,0.2) !important;
    color: #c9922a !important;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: rgba(201,146,42,0.2) !important;
    color: #fff !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background: #c9922a !important;
    color: #fff !important;
}
.daterangepicker .calendar-table {
    background: #0e1c14 !important;
    border-color: rgba(196,220,200,0.1) !important;
}
.daterangepicker td, .daterangepicker th {
    color: #c4dcc8 !important;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    background: #122a1c !important;
    color: #c4dcc8 !important;
    border-color: rgba(196,220,200,0.2) !important;
}

/* ApexCharts tooltip - dark theme */
.apexcharts-tooltip {
    background: #0e1c14 !important;
    border-color: rgba(196,220,200,0.15) !important;
    color: #c4dcc8 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}
.apexcharts-tooltip-title {
    background: #122a1c !important;
    border-color: rgba(196,220,200,0.15) !important;
    color: #c4dcc8 !important;
}
.apexcharts-tooltip-text,
.apexcharts-tooltip-y-group {
    color: #c4dcc8 !important;
}

/* Dark theme for dashboard tables/cards */
.table-responsive,
.card, .card-body,
.table, .table > * > tr > td,
.table > * > tr > th {
    background: transparent !important;
    color: #c4dcc8 !important;
    border-color: rgba(196,220,200,0.1) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background: rgba(255,255,255,0.02) !important;
    color: #c4dcc8 !important;
}
.table > tbody > tr:hover > * {
    background: rgba(201,146,42,0.06) !important;
}

/* Withdraw page - dark search & table */
.form--control, .form-control {
    background: rgba(255,255,255,0.05) !important;
    border-color: rgba(196,220,200,0.15) !important;
    color: #c4dcc8 !important;
}
.form--control::placeholder, .form-control::placeholder {
    color: rgba(196,220,200,0.4) !important;
}
.custom--table tbody tr {
    background: rgba(255,255,255,0.03) !important;
}
.custom--table tbody tr:nth-child(even) {
    background: rgba(255,255,255,0.06) !important;
}
.custom--table tbody tr td {
    color: #c4dcc8 !important;
    border-color: rgba(196,220,200,0.08) !important;
}

/* Table header dark */
.custom--table thead tr th,
.table thead tr th {
    background: #0e1c14 !important;
    color: #c9922a !important;
    border-color: rgba(196,220,200,0.1) !important;
}

/* My Bets - hide square icons */
.view-btn i,
.custom--table td i.las,
.custom--table td i.la {
    display: none !important;
}
/* Fix bet date color */
.custom--table td small,
.custom--table td span.text-muted {
    color: rgba(196,220,200,0.5) !important;
}
/* Search input on bets page */
.btn-light {
    background: #0e1c14 !important;
    border-color: rgba(196,220,200,0.15) !important;
    color: #c4dcc8 !important;
}

/* Filter tabs - white text so readable */
.btn-outline--base {
    color: #fff !important;
}
.btn-outline--base:hover,
.btn-outline--base.active,
.btn--base {
    color: #0e1c14 !important;
}
/* Stat cards - remove gold border */
.user-dashboard-widget,
.widget-two,
.widget-three,
[class*="widget"] {
    border: 1px solid rgba(196,220,200,0.1) !important;
}

/* Stat cards - no gold border, subtle green */
.widget-card--secondary {
    border: 1px solid rgba(196,220,200,0.1) !important;
    background: #0e1c14 !important;
}
.widget-card--secondary .widget-card__balance {
    color: #fff !important;
}
.widget-card--secondary .widget-card__balance-text {
    color: rgba(196,220,200,0.6) !important;
}
.widget-card--secondary .widget-card__icon i {
    display: none !important;
}

/* Stat cards - no border at all */
.widget-card--secondary {
    border: none !important;
    box-shadow: none !important;
}
/* Remove white border from filter/table area */
.table-responsive,
.card {
    border: none !important;
    box-shadow: none !important;
}

/* Filter tabs - no border outline */
.btn-outline--base {
    border: none !important;
    background: rgba(255,255,255,0.06) !important;
}
.btn-outline--base:hover,
.btn-outline--base.active {
    background: #c9922a !important;
    color: #0e1c14 !important;
}

/* Remove white dividers between stat cards */
.widget-card--secondary,
.widget-card--secondary *,
[class*="col"] .widget-card--secondary {
    border: none !important;
    border-right: none !important;
    border-left: none !important;
    box-shadow: none !important;
}
.widget-card--primary {
    border: none !important;
    box-shadow: none !important;
}

/* Select2 dropdown dark theme */
.select2-container--default .select2-selection--single {
    background: #0e1c14 !important;
    border-color: rgba(196,220,200,0.15) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c4dcc8 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #c4dcc8 transparent transparent !important;
}
.select2-dropdown {
    background: #0e1c14 !important;
    border-color: rgba(196,220,200,0.15) !important;
}
.select2-results__option {
    color: #c4dcc8 !important;
    background: #0e1c14 !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: rgba(201,146,42,0.2) !important;
    color: #c9922a !important;
}
.select2-container--default .select2-results__option--selected {
    background: #122a1c !important;
}
.form-label {
    color: rgba(196,220,200,0.7) !important;
}

/* Profile page - remove card background behind info */
.profile-setting .card,
.profile-setting .card-body,
section.profile .card,
section.profile .card-body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Profile - remove white background from list items */
.list-group-item {
    background: transparent !important;
    color: #c4dcc8 !important;
}

/* 2FA page - hide broken icon squares */
#copyBoard i,
.sm-text i {
    display: none !important;
}

/* My Bets stat cards - add border */
.widget-card--secondary {
    border: 1px solid rgba(201,146,42,0.4) !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
}

/* My Bets stat cards - force border */
a.widget-card.widget-card--secondary {
    border: 1px solid rgba(201,146,42,0.5) !important;
    border-radius: 8px !important;
}

/* Stat cards - match page background */
a.widget-card.widget-card--secondary {
    background: transparent !important;
}

/* Markets page - dark theme accordion */
.accordion-item {
    background: #0e1c14 !important;
    border: 1px solid rgba(196,220,200,0.1) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
.accordion-button {
    background: #122a1c !important;
    color: #c4dcc8 !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    background: #122a1c !important;
    color: #fff !important;
}
.accordion-button::after {
    filter: invert(1) !important;
}
.accordion-body {
    background: #0e1c14 !important;
}
.odd-list__outcome-text {
    color: #c4dcc8 !important;
}

/* Markets page - dark theme accordion */
.accordion-item {
    background: #0e1c14 !important;
    border: 1px solid rgba(196,220,200,0.1) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}
.accordion-button {
    background: #122a1c !important;
    color: #c4dcc8 !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    background: #122a1c !important;
    color: #fff !important;
}
.accordion-button::after {
    filter: invert(1) !important;
}
.accordion-body {
    background: #0e1c14 !important;
}
.odd-list__outcome-text {
    color: #c4dcc8 !important;
}

/* Markets - fix remaining white in outcome rows */
.odd-list__outcomes {
    background: #0e1c14 !important;
}
.odd-list__outcomes li {
    background: #0e1c14 !important;
    border-bottom: 1px solid rgba(196,220,200,0.06) !important;
    padding: 10px 0 !important;
}
.accordion--odd .accordion-item {
    background: #0e1c14 !important;
}
.accordion-collapse,
.accordion-collapse.show {
    background: #0e1c14 !important;
}
/* Hide the square expand icon */
.accordion-button .la,
.accordion-button .las,
.accordion--odd .accordion-button::after {
    display: none !important;
}
/* Remove square next to title */
.odd-list__body-content .accordion-button i {
    display: none !important;
}

/* Markets - compact side-by-side outcomes */
.odd-list__outcomes {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px !important;
}
.odd-list__outcomes li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 1 120px !important;
    border: 1px solid rgba(196,220,200,0.1) !important;
    border-bottom: 1px solid rgba(196,220,200,0.1) !important;
    border-radius: 6px !important;
    padding: 8px !important;
    min-width: 100px !important;
}
.odd-list__outcome-text {
    font-size: 12px !important;
    margin-bottom: 4px !important;
    text-align: center !important;
}
.odd-list__outcome {
    width: 100% !important;
    text-align: center !important;
}

/* Markets - equal grid columns, all on one line */
.odd-list__outcomes {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
    gap: 8px !important;
}
.odd-list__outcomes li {
    flex: unset !important;
    min-width: unset !important;
}

/* Fix team banner - remove purple gradient */
.odd-list__head {
    background: #122a1c !important;
    background-image: none !important;
}

/* Force all outcomes on same row regardless of count */
.odd-list__outcomes {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 1fr !important;
    grid-template-columns: unset !important;
}

/* Team banner - more prominent */
.odd-list__head {
    background: linear-gradient(135deg, #0e2218 0%, #1a4a2e 50%, #c9922a88 100%) !important;
    border-bottom: 2px solid #c9922a !important;
    padding: 16px 20px !important;
}
.odd-list__team-name {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
.odd-list__team-divide {
    color: #c9922a !important;
    font-weight: 700 !important;
}

/* Team banner - single color */
.odd-list__head {
    background: #122a1c !important;
    background-image: none !important;
}

/* Force outcomes on ONE line - flex nowrap */
.odd-list__outcomes {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-auto-flow: unset !important;
    grid-auto-columns: unset !important;
    align-items: stretch !important;
    gap: 8px !important;
}
.odd-list__outcomes > li {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.odd-list__outcome {
    width: 100% !important;
    margin-top: 6px !important;
}

/* Fixed grid columns per outcome count */
.odd-list__outcomes {
    display: grid !important;
    flex-wrap: unset !important;
    gap: 8px !important;
    align-items: end !important;
}
.outcomes-1 { grid-template-columns: 1fr !important; }
.outcomes-2 { grid-template-columns: repeat(2, 1fr) !important; }
.outcomes-3 { grid-template-columns: repeat(3, 1fr) !important; }
.outcomes-4 { grid-template-columns: repeat(4, 1fr) !important; }
.outcomes-5 { grid-template-columns: repeat(5, 1fr) !important; }
.odd-list__outcomes > li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

/* Fix label height so buttons always align */
.odd-list__outcome-text {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 36px !important;
    width: 100% !important;
    padding-bottom: 4px !important;
}
.odd-list__outcomes > li {
    justify-content: flex-start !important;
}

/* Align outcome buttons on same row */
.odd-list__outcomes {
    align-items: stretch !important;
}
.odd-list__outcomes > li {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 80px !important;
    gap: 0 !important;
}

/* Two-row outcomes grid: row1=labels, row2=buttons */
.outcome-name-cell {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    text-align: center !important;
    color: #c4dcc8 !important;
    font-size: 0.85rem !important;
    padding: 0 4px 4px !important;
    list-style: none !important;
}
.outcome-btn-cell {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    list-style: none !important;
}
.outcome-btn-cell .odd-list__outcome { width: 100% !important; }

/* Outcomes table layout */
.outcomes-table { width: 100% !important; }
.outcome-name-cell {
    text-align: center !important;
    color: #c4dcc8 !important;
    font-size: 0.82rem !important;
    padding: 8px 4px 6px !important;
    vertical-align: bottom !important;
    white-space: nowrap !important;
}
.outcome-btn-cell {
    padding: 0 4px 8px !important;
    vertical-align: top !important;
}
.outcome-btn-cell .odd-list__outcome { width: 100% !important; }

/* Deposit button in header */
a.btn--deposit {
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: 1.5px solid #4caf50;
    color: #4caf50 !important;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-decoration: none;
    margin-left: 8px;
    transition: all 0.2s ease;
    white-space: nowrap;
}
a.btn--deposit:hover {
    background: #c9a227;
    color: #fff !important;
}

/* Deposit + button next to balance */
a.fuzo-deposit-plus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #c9a227;
    color: #fff !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    margin-left: 6px;
    vertical-align: middle;
    transition: background 0.2s;
}
a.fuzo-deposit-plus:hover {
    background: #a07d10;
    color: #fff !important;
}

/* Combined balance + deposit box */
.fuzo-balance-box {
    display: inline-flex;
    align-items: center;
    background: #1a2e1a;
    border: 1px solid #2e4a2e;
    border-radius: 8px;
    overflow: hidden;
    height: 38px;
}
.fuzo-balance-amount {
    padding: 0 14px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap;
}
a.fuzo-deposit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #c9a227;
    color: #fff !important;
    font-size: 26px;
    font-weight: 300;
    text-decoration: none;
    border-left: 1px solid #2e4a2e;
    transition: background 0.2s;
    flex-shrink: 0;
}
a.fuzo-deposit-btn:hover {
    background: #a07d10;
    color: #fff !important;
}
/* Hide old fuzo-balance style if still applied */
.fuzo-balance { display: none !important; }


/* ═══════════════════════════════════════
   FUZO 365 — Responsive Fixes
   ═══════════════════════════════════════ */

/* ── Widget card 3 buttons ── */
@media (max-width: 380px) {
  .widget-card [style*="display:flex;gap:6px"] { gap: 3px !important; }
  .widget-card .btn { font-size: 0.68rem !important; padding: 5px 2px !important; }
}

/* ── Dashboard layout ── */
@media (max-width: 991px) {
  .dashboard-sidebar { width: 100% !important; margin-bottom: 16px; }
  .dashboard-menu__list { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px !important; }
  .dashboard-menu__link { padding: 6px 10px !important; font-size: 0.78rem !important; border-radius: 6px !important; }
  .dashboard-menu__icon { display: none !important; }
}

/* ── Header balance + user on small screens ── */
@media (max-width: 480px) {
  .header-amount { font-size: 0.8rem !important; }
  .header-user { font-size: 0.78rem !important; }
  .header-primary .btn { padding: 4px 8px !important; font-size: 0.78rem !important; }
}

/* ── Withdrawal form ── */
@media (max-width: 575px) {
  .withdrawal-tab-content .row > [class*="col-"] { width: 100% !important; margin-bottom: 10px; }
  .withdrawal-tabs { flex-direction: column !important; gap: 6px !important; }
}

/* ── Betslip mobile ── */
@media (max-width: 991px) {
  .betslip { max-width: 320px !important; padding: 8px !important; }
  .betslip-item { border-radius: 6px !important; }
  .betslip__footer-bottom { flex-wrap: wrap; gap: 8px; }
  .place-btn { width: 100% !important; }
  .place-btn .btn { width: 100% !important; }
  .delete-btn { order: -1; }
}

/* ── Bet grid on small screens ── */
@media (max-width: 575px) {
  .odds-item { padding: 6px 4px !important; font-size: 0.82rem !important; }
  .game-team__name { font-size: 0.72rem !important; }
  .game-card { padding: 8px !important; }
}

/* ── User pages forms ── */
@media (max-width: 575px) {
  .card-body { padding: 14px !important; }
  .form-group { margin-bottom: 10px !important; }
  .btn--lg { padding: 10px 16px !important; font-size: 0.85rem !important; }
  table { font-size: 0.78rem !important; }
  table td, table th { padding: 6px 8px !important; }
}

/* ── Category sidebar on mobile ── */
@media (max-width: 991px) {
  .category-sidebar { overflow-x: auto; white-space: nowrap; }
  .category-item { display: inline-block !important; }
}

/* ── Footer on mobile ── */
@media (max-width: 575px) {
  .footer--light { padding: 12px !important; }
  .footer-bottom { font-size: 0.75rem !important; }
}

/* ── Landing page mobile ── */
@media (max-width: 480px) {
  .fuzo-landing-inner { padding: 20px 14px !important; width: 95vw !important; }
  .fuzo-pay-row { gap: 6px !important; flex-wrap: wrap !important; justify-content: center !important; }
  .fuzo-pay-chip { padding: 7px 10px !important; font-size: 0.78rem !important; }
  .fuzo-squares { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
  .fuzo-cta-row { flex-direction: column !important; gap: 8px !important; }
  .fuzo-cta-row a { width: 100% !important; text-align: center !important; }
}

html[dir="rtl"] .login-form,
html[dir="rtl"] .card,
html[dir="rtl"] .card-body { text-align: right; }
html[dir="rtl"] .betslip-item-header { flex-direction: row-reverse; }
html[dir="rtl"] .betslip-item-league__name { margin-right: 0; margin-left: auto; }

/* Fill full screen height */
html { min-height: 100%; background: #060f07 !important; }
body { min-height: 100vh !important; background: #060f07 !important; }
#wrapper, .wrapper, main, .home-page, .sports-body { min-height: 100vh !important; }
.footer--light, .footer-bottom { background: #060f07 !important; }
.sports-category__icon, .sports-category__icon i, .sports-category__icon svg { font-size: 24px !important; width: 24px !important; height: 24px !important; }

.custom-icon::before {
    font-family: 'MyIconFont' !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
    display: inline-block !important;
}

/* FIX: stop columns centering their content on register (match login) */
.register-page .row > [class*="col"] {
  display: block !important;
  justify-content: initial !important;
  align-items: initial !important;
}

/* Nudge agree row right to align with input left edge */
.register-page label[for="agree"] {
  margin-left: 12px !important;
}

/* Mobile: card must fit the screen, never force 460px */
@media (max-width: 576px) {
  .login-form,
  .register-page .login-form,
  .register-page .account-form {
    min-width: 0 !important;
    width: calc(100% - 24px) !important;
    padding: 24px 18px !important;
  }
  .floating-lang-switch { right: 8px; margin-top: 10px; }
}

/* Sport icons: white outline style */
.sports-category__icon i.las {
  color: #ffffff !important;
  font-size: 26px !important;
}

/* FIX: global Inter override was crushing icon fonts — restore them */
.las, .las::before,
.lab, .lab::before,
.lar, .lar::before,
[class^="la-"]::before, [class*=" la-"]::before {
  font-family: 'Line Awesome Free' !important;
  font-weight: 900 !important;
}
.lab, .lab::before {
  font-family: 'Line Awesome Brands' !important;
  font-weight: 400 !important;
}
.lar, .lar::before {
  font-weight: 400 !important;
}

/* FIX: global Inter override was crushing icon fonts — restore them */
.las, .las::before,
.lab, .lab::before,
.lar, .lar::before,
[class^="la-"]::before, [class*=" la-"]::before {
  font-family: 'Line Awesome Free' !important;
  font-weight: 900 !important;
}
.lab, .lab::before {
  font-family: 'Line Awesome Brands' !important;
  font-weight: 400 !important;
}
.lar, .lar::before {
  font-weight: 400 !important;
}

/* SVG sport icons: white outline, same size as font icons */
.sports-category__icon svg {
  width: 26px !important;
  height: 26px !important;
}

/* custom-icon sports: match white outline style */
.sports-category__icon i.custom-icon {
  color: #ffffff !important;
  font-size: 26px !important;
}

/* soccer (custom-icon font) in green */
.sports-category__icon i.custom-icon.soccer { color: #4ade80 !important; }

/* soccer font glyph back to white to match filled set */
.sports-category__icon i.custom-icon.soccer { color: #ffffff !important; }

/* Sidebar sport icons: bigger so detail reads clearly */
.sports-category__icon svg,
.sports-category__icon i.las,
.sports-category__icon i.custom-icon {
  width: 32px !important;
  height: 32px !important;
  font-size: 32px !important;
}

/* revert sidebar icons to original size */
.sports-category__icon svg,
.sports-category__icon i.las,
.sports-category__icon i.custom-icon {
  width: 26px !important;
  height: 26px !important;
  font-size: 26px !important;
}

/* More space below Terms/Privacy on landing */
.fuzo-certs { margin-top: 48px !important; }
.fuzo-pay-row { margin-top: 18px !important; }

/* two-line payment chips */
.fuzo-pay-cash, .fuzo-pay-wire {
  text-align: center !important;
  line-height: 1.15 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Cash/Wire chips: white box, black text like the others */
.fuzo-pay-chip.fuzo-pay-cash,
.fuzo-pay-chip.fuzo-pay-wire {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #ffffff !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 10.5px !important;
  padding: 4px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* All payment chips: identical size */
.fuzo-pay-row .fuzo-pay-chip {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.fuzo-pay-chip.fuzo-pay-cash,
.fuzo-pay-chip.fuzo-pay-wire {
  font-size: 9.5px !important;
  line-height: 1.15 !important;
}

/* user-data (and any auth page without a bg image): dark forest gradient, not black */
.login-page.section {
  background: radial-gradient(ellipse at 30% 50%, #0d2a12 0%, #060f07 65%) !important;
}

/* ===== Footer redesign: one color, no lines, stuck to bottom ===== */
/* one uniform color for the whole footer */
footer, footer *,
.footer--light, .footer--light *,
.footer-bottom, .footer-bottom * {
  background: transparent !important;
}
footer, .footer--light, .footer-bottom {
  background: #071309 !important;
  border: none !important;
}
/* remove decorative lines/bars above titles and links */
footer .footer__title::before,
footer .footer__title::after,
footer .footer__link::before,
footer .footer__link::after,
footer h5::before, footer h5::after,
footer hr { display: none !important; }
footer .footer__title, footer .footer__link {
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
/* pin footer to the bottom on short pages */
body { display: flex !important; flex-direction: column !important; min-height: 100vh !important; }
body > footer, footer { margin-top: auto !important; }

/* ===== Footer v2: correct selectors ===== */
.footer, .footer--dark, .footer-bottom, .footer-bottom--dark {
  background: #071309 !important;
  border: none !important;
}
.footer *, .footer-bottom * { background: transparent !important; }
.footer::before, .footer::after,
.footer-bottom::before, .footer-bottom::after,
.footer .footer__title::before, .footer .footer__title::after,
.footer .footer__list::before, .footer .footer__list::after,
.footer .footer__link::before, .footer .footer__link::after,
.footer hr, .footer-bottom hr { display: none !important; content: none !important; }
.footer .footer__title, .footer .footer__list, .footer .footer__link,
.footer .row, .footer [class*="col"] {
  border: none !important;
  box-shadow: none !important;
}

/* kill ALL lines/decorations inside footer */
.footer *::before, .footer *::after,
.footer-bottom *::before, .footer-bottom *::after {
  display: none !important;
  content: none !important;
}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer p, .footer ul, .footer li, .footer a, .footer div {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ===== Pin footer to bottom, kill gap below it ===== */
html { height: 100%; }
body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body > .container-fluid.mt-auto {
  margin-top: auto !important;
  margin-bottom: 0 !important;
}
.footer-bottom { margin-bottom: 0 !important; padding-bottom: 14px !important; }

/* FIX: empty sports-body was forced to 100vh, creating the giant gap */
main, .home-page, .sports-body, #wrapper, .wrapper {
  min-height: 0 !important;
}
/* body flex (set earlier) keeps the page full-height and the footer pinned */

/* remove the bottom app-nav bar (Home / Sports / Bet Slip) */
.app-nav { display: none !important; }

/* pin footer inside the sports-body column */
.sports-body {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}
.sports-body > .container-fluid.mt-auto {
  margin-top: auto !important;
}

/* pin the footer row to the bottom of sports-body */
.sports-body > .row:has(.footer) {
  margin-top: auto !important;
}
.sports-body > .row:has(.footer) [class*="col"] { padding-bottom: 0 !important; }

/* emoji-style football: slightly smaller to match neighbors */
.sports-category__icon svg[viewBox="0 0 64 64"] {
  width: 21px !important;
  height: 21px !important;
}

/* language pill inside the bar */
.right-side-nav .dropdown-lang .language-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 7px 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  color: #fff; font-size: 0.85rem; font-weight: 600; line-height: 1;
  text-decoration: none;
}
.right-side-nav .dropdown-lang .flag,
.right-side-nav .dropdown-menu .flag {
  width: 26px !important; height: 17px !important; min-width: 26px !important;
  max-width: none !important; object-fit: cover !important; border-radius: 3px !important;
}
/* stretch header: clock to the far right */
.header-primary .container {
  max-width: 100% !important;
  padding-right: 12px !important;
}

/* ===== header controls: one matching style ===== */
.right-side-nav .fuzo-balance-box,
.right-side-nav .fuzo-user-btn,
.right-side-nav .dropdown-lang .language-btn {
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px;
  padding: 0 14px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
.right-side-nav .fuzo-balance-box .fuzo-balance-amount { color: #f0b429 !important; }
.right-side-nav .dropdown-lang .language-btn .language-text { color: #fff !important; }

/* clock: hard right */
.header-primary .container { max-width: 100% !important; padding-right: 4px !important; }
.header-fluid-custom-parent { padding-right: 0 !important; }
.right-side-nav { padding-right: 0 !important; margin-right: 0 !important; }
.right-side-nav > li:last-child { margin-right: 0 !important; }

/* equal spacing between header chips */
.right-side-nav { gap: 10px !important; }
.right-side-nav > li { margin: 0 !important; }

/* balance pill: amount left, + button as the right end-cap */
.right-side-nav .fuzo-balance-box {
  padding: 0 0 0 14px !important;
  gap: 10px !important;
  overflow: hidden !important;
}
.right-side-nav .fuzo-balance-box .fuzo-deposit-btn {
  height: 40px !important;
  width: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: #e0a83b !important;
  color: #0a1c0e !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* balance amount: slightly bigger */
.right-side-nav .fuzo-balance-box .fuzo-balance-amount {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* ===== unified typography across the page ===== */
.primary-menu-container a.text-white,
.sports-category__text,
.footer__title,
.footer__link,
.footer__about,
.footer-bottom, .footer-bottom span, .footer-bottom a,
.right-side-nav .language-text,
.right-side-nav .fuzo-user-btn,
#tzSelect {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  letter-spacing: 0.2px !important;
  line-height: 1.4 !important;
}
/* headings and nav: same size, just bolder */
.footer__title,
.primary-menu-container a.text-white {
  font-weight: 700 !important;
  color: #e5ede7 !important;
}
/* body/links: regular weight */
.footer__link, .footer__about,
.footer-bottom, .footer-bottom span {
  font-weight: 400 !important;
}

/* logo: shift left to sit above the sports sidebar */
.header-primary .container { padding-left: 8px !important; }
.header-fluid-custom-parent .logo { margin-left: 0 !important; padding-left: 0 !important; }

/* text wordmark logo, tight like bet365 */
.fuzo-logo-text {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  color: #f0b429 !important;
  white-space: nowrap;
}
.fuzo-logo-text span {
  margin-left: 2px;
  font-size: 24px !important;
  font-weight: 800 !important;
}
/* comfortable left padding like bet365 */
.header-primary .container { padding-left: 28px !important; }

/* ===== header bar layout: logo left / nav centered / controls right ===== */
.header-primary .container { padding-left: 12px !important; }
.header-fluid-custom-parent {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
.header-fluid-custom-parent .logo,
.fuzo-logo-text { flex: 0 0 auto !important; }
.primary-menu-container {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
}
/* center the Home/Sports/LIVE group in the remaining space */
.primary-menu-container > ul:first-child {
  margin: 0 auto !important;
  gap: 30px !important;
}
.primary-menu-container > ul.right-side-nav {
  margin: 0 !important;
  flex: 0 0 auto !important;
}


/* logo bigger */
.fuzo-logo-text { font-size: 42px !important; }
.fuzo-logo-text span { font-size: 30px !important; }

/* nav links: bigger, tight to the logo */
.primary-menu-container > ul:first-child { gap: 26px !important; margin-left: 26px !important; }
.primary-menu-container > ul:first-child a.text-white {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.live-nav-link { font-size: 13px !important; padding: 5px 12px !important; }

/* whole bar: one font, one size */
.right-side-nav .fuzo-user-btn,
.right-side-nav .language-text,
.right-side-nav .fuzo-balance-box .fuzo-balance-amount,
#tzClockTime,
#tzSelect {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
}
.right-side-nav .fuzo-user-btn,
.right-side-nav .language-text,
#tzClockTime { font-size: 15px !important; }
#tzSelect { font-size: 13px !important; }
.right-side-nav .fuzo-balance-box .fuzo-balance-amount { font-size: 17px !important; }

/* wide sidebar: normal text, no mid-word breaking, compact rows */
nav.sports-category.sidebar-wide .sports-category__text {
  width: auto !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-align: left !important;
  font-size: 15px !important;
}
nav.sports-category.sidebar-wide .sports-category__link {
  flex: 0 0 auto !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: none !important;
  justify-content: flex-start !important;
}


/* wide sidebar: icon then name left-to-right, taller rows */
nav.sports-category.sidebar-wide a.sports-category__link {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  padding: 0 16px !important;
}
nav.sports-category.sidebar-wide .sports-category__link .sports-category__icon {
  margin: 0 !important;
  flex: 0 0 auto !important;
}
nav.sports-category.sidebar-wide .sports-category__link .sports-category__text {
  margin: 0 !important;
  width: auto !important;
  flex: 0 1 auto !important;
  text-align: left !important;
  white-space: nowrap !important;
}

/* names visible at all desktop widths + icons aligned under the F of FUZO */
nav.sports-category.sidebar-wide .sports-category__link .sports-category__text {
  display: inline-block !important;
  font-size: 15px !important;
}
nav.sports-category.sidebar-wide a.sports-category__link {
  padding-left: 12px !important;
}


/* ===== fz-sidebar: our own, untouched by theme ===== */
.fz-sidebar {
  flex: 0 0 210px;
  width: 210px;
  background: #0d2011;
  border-right: 1px solid #1a2e1e;
  overflow-y: auto;
}
.fz-sidebar__list { padding: 8px 0; }
.fz-sidebar__link {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 60px;
  padding: 0 14px;
  color: #e5ede7;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border-left: 3px solid transparent;
}
.fz-sidebar__link:hover,
.fz-sidebar__link.active {
  background: rgba(240, 180, 41, 0.08);
  border-left-color: #c9922a;
  color: #fff;
}
.fz-sidebar__icon { flex: 0 0 26px; display: inline-flex; }
.fz-sidebar__icon svg, .fz-sidebar__icon i { width: 26px; height: 26px; font-size: 26px; color: #fff; }
.fz-sidebar__name { white-space: nowrap; }
.home-page .sports-body { flex: 1 1 auto; width: auto !important; }
@media (max-width: 767.98px) { .fz-sidebar { display: none; } }

/* sidebar names white + icons aligned under the F of FUZO */
.fz-sidebar__link { color: #ffffff !important; padding-left: 12px !important; }
.fz-sidebar__name { color: #ffffff !important; }
.fz-sidebar__link:hover .fz-sidebar__name,
.fz-sidebar__link.active .fz-sidebar__name { color: #f0b429 !important; }

/* nudge sidebar icons right */
.fz-sidebar__link { padding-left: 18px !important; }

/* nudge x2 */
.fz-sidebar__link { padding-left: 30px !important; }

/* fine-tune: 2px left */
.fz-sidebar__link { padding-left: 28px !important; }

/* fine-tune: 2px left */

.fz-sidebar__link { padding-left: 29px !important; }


/* fine-tune: 2px left */

.fz-sidebar__link { padding-left: 27px !important; }


/* fine-tune: 2px left */

.fz-sidebar__link { padding-left: 28px !important; }


/* league/category pages: don't push content down when matches share the footer's row */
.sports-body > .row:has(.betting-body) {
  margin-top: 0 !important;
}

/* main content fills viewport height so the footer pins to the bottom */
main.home-page {
  flex: 1 1 auto !important;
}

/* seal the last sliver under the footer */
html, body { background: #071309 !important; }
.footer-bottom { padding-bottom: 6px !important; }
body::after { display: none !important; }

/* ===== fz-promos: Fuzo-styled offer cards ===== */
.fz-promos { padding: 18px 4px 6px; }
.fz-promos__heading {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: 2px;
  color: #e5ede7 !important;
  text-transform: uppercase;
  margin: 0 0 14px !important;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(240,180,41,0.25);
}
.fz-promos__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 991px) { .fz-promos__grid { grid-template-columns: 1fr; } }
.fz-promo {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  min-height: 200px;
  padding: 20px 22px;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none !important;
  background: linear-gradient(160deg, #102415 0%, #0a1c0e 70%);
  border: 1px solid rgba(240,180,41,0.22);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.fz-promo::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, transparent, #c9922a 30%, #f0d178 50%, #c9922a 70%, transparent);
}
.fz-promo::after {
  content: '';
  position: absolute; right: -40px; bottom: -40px;
  width: 150px; height: 150px; border-radius: 50%;
  background: radial-gradient(circle, rgba(240,180,41,0.10) 0%, transparent 70%);
  pointer-events: none;
}
.fz-promo:hover {
  transform: translateY(-4px);
  border-color: rgba(240,180,41,0.55);
  box-shadow: 0 14px 34px rgba(0,0,0,0.5);
}
.fz-promo__tag {
  font-size: 10.5px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: #f0b429;
  background: rgba(240,180,41,0.10);
  border: 1px solid rgba(240,180,41,0.3);
  padding: 3px 10px; border-radius: 4px;
}
.fz-promo__title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 25px; font-weight: 700;
  letter-spacing: 1px; color: #ffffff; line-height: 1.05;
  text-transform: uppercase;
}
.fz-promo__big {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 50px; font-weight: 800; line-height: 1;
  color: #f0b429;
  text-shadow: 0 0 26px rgba(240,180,41,0.35);
}
.fz-promo__sub { font-size: 14px; font-weight: 500; color: #cbd5cb; }
.fz-promo__terms { margin-top: auto; font-size: 10.5px; color: rgba(229,237,231,0.5); }

/* promos polish */
.fz-promos { padding: 26px 18px 10px 24px !important; }
.fz-promos__heading {
  width: fit-content;
  padding-right: 40px !important;
  padding-bottom: 6px !important;
  letter-spacing: 3px !important;
  font-size: 22px !important;
}
.fz-promos__grid { gap: 18px !important; }
.fz-promo { gap: 8px !important; padding: 22px 24px !important; border-radius: 14px !important; }
.fz-promo__title { letter-spacing: 1.5px !important; }
.fz-promo__sub { margin-top: 2px; }
.fz-promo__terms { padding-top: 10px; }

/* Force all sidebar sport icons to identical size, no exceptions */
.fz-sidebar__icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}
.fz-sidebar__icon svg {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    display: block !important;
}
.fz-sidebar__icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
.fz-sidebar__icon i {
    font-size: 22px !important;
    line-height: 1 !important;
}

/* Football icon illustration is thinner/denser than the bold circle icons - visually boost it */
.fz-sidebar__icon {
    overflow: visible !important;
}
.fz-sidebar__icon svg[viewBox="0 0 64 64"] {
    transform: scale(1.0) !important;
    transform-origin: center !important;
}

/* Slightly enlarge the standard sport icons (soccer viewBox-64 excluded) */
.fz-sidebar__icon svg[viewBox="0 0 24 24"] {
    transform: scale(1.15) !important;
    transform-origin: center !important;
}
.fz-sidebar__icon i {
    font-size: 25px !important;
}





/* Contact page */
.fz-contact-section { padding: 80px 0; background: transparent; }
.fz-contact-list { list-style:none; margin:0; padding:0; width:100%; }
.fz-contact-list li { border-bottom:1px solid rgba(255,255,255,.08); }
.fz-contact-list li:last-child { border-bottom:none; }
.fz-contact-item {
    display:flex; align-items:center; gap:14px;
    padding:18px 8px; text-decoration:none;
    border-radius:10px; transition:background .2s ease, transform .2s ease;
}
.fz-contact-item:hover { background:rgba(230,178,58,.06); transform:translateX(3px); }
.fz-contact-item__icon {
    flex:0 0 44px; width:44px; height:44px;
    display:inline-flex; align-items:center; justify-content:center;
    border-radius:10px; background:rgba(230,178,58,.12);
    color:#e6b23a; font-size:20px;
}
.fz-contact-item__body { display:flex; flex-direction:column; }
.fz-contact-item__title { font-size:16px; color:#fff; font-weight:600; margin-bottom:2px; }
.fz-contact-item__text { font-size:14px; color:rgba(255,255,255,.72); word-break:break-word; }
.fz-contact-item:hover .fz-contact-item__text { color:#e6b23a; }

/* Get In Touch form fields */
.fz-contact-section input.fz-input,
.fz-contact-section textarea.fz-input {
    background-color:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#fff !important;
    height:auto !important;
    padding:12px 15px !important;
    margin-bottom:6px !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
    box-shadow:none !important;
}
.fz-contact-section input.fz-input:focus,
.fz-contact-section textarea.fz-input:focus {
    border-color:#e6b23a !important;
    background-color:rgba(255,255,255,.06) !important;
}
.fz-contact-section .form-label { color:rgba(255,255,255,.8); margin-bottom:6px; }






/* Empty sport state */
.fz-empty{position:relative;width:100%;border-radius:18px;overflow:hidden;background:#0a1a13;}
.fz-empty__img{display:block;width:100%;height:760px;object-fit:cover;object-position:center;}
.fz-empty--plain{min-height:760px;background:radial-gradient(circle at 30% 20%,#12301f,#0a1a13 70%);}
.fz-empty__overlay{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:110px 24px 20px;background:linear-gradient(180deg,rgba(6,17,12,0),rgba(6,17,12,.30) 40%,rgba(6,17,12,.72));}
.fz-empty--plain .fz-empty__overlay{top:0;justify-content:flex-end;padding-bottom:60px;background:none;}
.fz-empty__title{color:#fff;font-size:38px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-shadow:0 2px 20px rgba(0,0,0,.7);}
.fz-empty__text{color:rgba(255,255,255,.9);font-size:16px;line-height:1.55;max-width:460px;margin:0 auto 22px;text-shadow:0 1px 12px rgba(0,0,0,.7);}
.fz-empty__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.fz-empty .fz-btn{font-weight:700;font-size:15px;padding:13px 26px;border-radius:10px;text-decoration:none;display:inline-block;transition:all .18s ease;}
.fz-empty .fz-btn--gold{background:#e6b23a;color:#000 !important;border:none;}
.fz-empty .fz-btn--gold:hover{filter:brightness(1.08);}
.fz-empty .fz-btn--ghost{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.45);}
.fz-empty .fz-btn--ghost:hover{background:rgba(255,255,255,.18);}
@media(max-width:575px){.fz-empty__title{font-size:26px;}.fz-empty__img,.fz-empty--plain{height:320px;min-height:320px;}.fz-empty__overlay{padding:70px 20px 70px;}}

/* Empty sport state - light background (dark text) */
.fz-empty--light .fz-empty__overlay{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.62) 32%,rgba(255,255,255,.95));}
.fz-empty--light .fz-empty__title{color:#000 !important;text-shadow:0 1px 10px rgba(255,255,255,.85);}
.fz-empty--light .fz-empty__text{color:rgba(10,26,19,.92) !important;text-shadow:0 1px 8px rgba(255,255,255,.85);}
.fz-empty--light .fz-btn--ghost{background:rgba(0,0,0,.06);color:#0a1a13;border-color:rgba(0,0,0,.4);}
.fz-empty--light .fz-btn--ghost:hover{background:rgba(0,0,0,.12);}

/* Restore account (dashboard) two-column layout on desktop */
@media (min-width: 992px){
  .dashboard-wrapper{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:flex-start !important; gap:32px !important; }
  .dashboard-sidebar{ width:270px !important; flex:0 0 270px !important; max-width:270px !important; }
  .dashboard-right{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; }
}

/* Non-clickable contact item (address) */
.fz-contact-item--static{cursor:default;}
.fz-contact-item--static:hover{background:transparent;transform:none;}
.fz-contact-item--static:hover .fz-contact-item__text{color:rgba(255,255,255,.72);}

/* VIP tiers */
.vip-tiers{ padding: 26px 18px 10px 24px; }
.vip-tiers__title{
  font-family:'Barlow Condensed', sans-serif !important;
  font-size:22px !important; font-weight:700 !important;
  letter-spacing:3px; color:#e5ede7 !important; text-transform:uppercase;
  width:fit-content; margin:0 0 16px !important; padding:0 40px 6px 0;
  border-bottom:1px solid rgba(240,180,41,0.25);
}
.vip-tiers__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.vip-card{
  position:relative; overflow:hidden;
  background:linear-gradient(160deg,#102415 0%,#0a1c0e 70%);
  border:1px solid rgba(240,180,41,0.22);
  border-radius:14px; padding:22px 24px;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.vip-card::before{
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, transparent, var(--tier,#c9922a) 30%, #f0d178 50%, var(--tier,#c9922a) 70%, transparent);
}
.vip-card::after{
  content:''; position:absolute; right:-40px; bottom:-40px;
  width:150px; height:150px; border-radius:50%;
  background:radial-gradient(circle, rgba(240,180,41,0.10) 0%, transparent 70%);
  pointer-events:none;
}
.vip-card:hover{ transform:translateY(-4px); border-color:rgba(240,180,41,0.55); box-shadow:0 14px 34px rgba(0,0,0,0.5); }
.vip-badge{ display:inline-block; font-weight:700; font-size:.9rem; padding:5px 14px; border-radius:8px; margin-bottom:16px; position:relative; z-index:1; }
.vip-card__amount{ color:#fff; font-size:1.75rem; font-weight:800; line-height:1.1; font-family:'Barlow Condensed',sans-serif; position:relative; z-index:1; }
.vip-card__sub{ color:#8aab8e; font-size:.8rem; margin-bottom:14px; position:relative; z-index:1; }
.vip-list{ list-style:none; margin:0; padding:0; position:relative; z-index:1; }
.vip-list li{ display:flex; align-items:flex-start; gap:9px; color:#cbd5cb; font-size:.92rem; padding:6px 0; line-height:1.35; }
.vip-list li i{ color:var(--tier,#e6b23a); font-size:1.15rem; flex-shrink:0; margin-top:1px; }
@media(max-width:991px){ .vip-tiers__grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:575px){ .vip-tiers__grid{ grid-template-columns:1fr; } }

/* VIP upgrade button */
.vip-card{ display:flex; flex-direction:column; }
.vip-btn{ display:block; text-align:center; margin-top:auto; background:#e6b23a; color:#000 !important; font-weight:700; padding:11px 14px; border-radius:9px; text-decoration:none; font-size:.92rem; position:relative; z-index:1; transition:filter .15s ease, transform .15s ease; }
.vip-btn:hover{ filter:brightness(1.08); transform:translateY(-1px); color:#000 !important; }

/* VIP cards taller for breathing room above the button */
.vip-card{ min-height:430px; }
.vip-list{ margin-bottom:16px; }

/* nav hover gold */
.header-primary a.sm-text.fw-semibold{ transition: color .15s ease; }
.header-primary a.sm-text.fw-semibold:hover{ color:#e6b23a !important; }

/* Bet slip readability */
.betslip-item-league__name { color:#ffffff !important; font-weight:600 !important; }
.betslip [style*="9dbfa5"] { color:#ffffff !important; }
.betslip .betslip__list-ratio span,
.betslip .betslip__list-match,
.betslip .bet-return span,
.betslip .bet-return small,
.betslip__footer .mb-1,
.betslip .betslip-input-inner { color:#ffffff !important; }

/* Bigger team rectangle, smaller odds — consistent across all cards */
.sports-card { --left-width: 40% !important; }
@media (max-width: 575px) { .sports-card { --left-width: 34% !important; } }
@media (max-width: 375px) { .sports-card { --left-width: 28% !important; } }

/* Direct element override — bypasses CSS variable */
.sports-card-left { width: 40% !important; }
.sports-card-inner { width: calc(60% / var(--inner-count)) !important; }

/* ===== Odds page redesign: wider sidebar + compact markets ===== */
:root { --left-side: 150px !important; }
nav.sports-category:not(.sidebar-wide),
.sports-category:not(.sidebar-wide) { width: 150px !important; min-width: 150px !important; max-width: 150px !important; }
nav.sports-category:not(.sidebar-wide) .sports-category__link { flex-direction: row !important; justify-content: flex-start !important; gap: 10px !important; padding: 0 14px !important; text-align: left !important; }
nav.sports-category:not(.sidebar-wide) .sports-category__text { width: auto !important; text-align: left !important; font-size: 13.5px !important; }

/* Compact markets accordion — kill the empty green gaps */
.odd-list .accordion--odd { margin-bottom: 6px !important; }
.odd-list .accordion--odd .accordion-item { border-radius: 8px !important; }
.odd-list .accordion--odd .accordion-header .accordion-button { padding: 9px 14px !important; font-size: 14px !important; min-height: 0 !important; }
.odd-list .accordion--odd .accordion-body { padding: 6px !important; }
.odd-list table td { padding: 3px 6px !important; }
.odd-list .odd-list__outcome { min-height: 40px !important; height: 40px !important; padding: 4px !important; }
.odd-list .row.g-3 { --bs-gutter-y: 6px !important; }
.odd-list__body, .odd-list__body-content { gap: 6px !important; }

/* ===== Sidebar footer: language + odds ===== */
.fz-sidebar__footer { padding: 6px 12px 16px; }
.fz-sidebar__divider { height: 2px; background: linear-gradient(90deg, transparent, #e6b23a, transparent); margin: 6px 0 12px; border-radius: 2px; }
.fz-sidebar__sub-title { color: #8aab8e; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin: 10px 0 6px; }
.fz-sidebar__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.fz-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 7px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); color: #c4dcc8 !important; font-size: 12px; font-weight: 600; text-decoration: none; cursor: pointer; }
.fz-chip:hover { background: rgba(232,184,75,0.12); border-color: rgba(232,184,75,0.4); }
.fz-chip.active { background: rgba(232,184,75,0.18); border-color: #e6b23a; color: #e6b23a !important; }
.fz-chip__flag { width: 16px; height: 12px; border-radius: 2px; object-fit: cover; }

/* Empty the top bar: hide language + odds dropdowns (keep clock) */
.header-primary .dropdown-lang { display: none !important; }

/* ===== Sidebar collapsible footer (Stake-style) ===== */
.fz-side-collapse { margin-bottom: 8px; }
.fz-side-collapse > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 8px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); color: #c4dcc8; font-size: 12.5px; font-weight: 600; }
.fz-side-collapse > summary::-webkit-details-marker { display: none; }
.fz-side-collapse > summary:hover { background: rgba(232,184,75,0.10); }
.fz-side-collapse__label { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fz-side-collapse__label b { color: #e6b23a; font-weight: 700; }
.fz-side-collapse__chev { color: #8aab8e; transition: transform 0.2s; font-size: 16px; font-style: normal; }
.fz-side-collapse[open] .fz-side-collapse__chev { transform: rotate(90deg); }
.fz-side-collapse__ico { color: #8aab8e; font-size: 15px; }
.fz-side-collapse__body { display: flex; flex-direction: column; gap: 3px; padding: 6px 4px 2px; }
.fz-side-opt { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 6px; color: #c4dcc8 !important; font-size: 12.5px; text-decoration: none; }
.fz-side-opt:hover { background: rgba(255,255,255,0.05); }
.fz-side-opt.active { background: rgba(232,184,75,0.15); color: #e6b23a !important; font-weight: 700; }

/* ===== Sidebar consistency: wider + footer rows match sport links ===== */
.fz-sidebar { flex: 0 0 240px !important; width: 240px !important; }

/* Language / Odds rows styled exactly like .fz-sidebar__link */
.fz-sidebar__footer { padding: 0 !important; }
.fz-sidebar__divider { height: 2px !important; background: linear-gradient(90deg, transparent, #c9922a, transparent) !important; margin: 8px 14px !important; border-radius: 2px; }
.fz-side-collapse { margin: 0 !important; }
.fz-side-collapse > summary {
  background: transparent !important;
  border: none !important;
  border-left: 3px solid transparent !important;
  border-radius: 0 !important;
  height: 56px;
  padding: 0 14px !important;
  gap: 12px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}
.fz-side-collapse > summary:hover { background: rgba(240,180,41,0.08) !important; border-left-color: #c9922a !important; }
.fz-side-collapse__label, .fz-side-collapse__label b { color: #ffffff !important; font-weight: 600 !important; }
.fz-side-collapse__chev { color: #ffffff !important; font-size: 18px !important; }
.fz-side-collapse__ico { color: #ffffff !important; font-size: 24px !important; flex: 0 0 26px; text-align: center; }
.fz-side-collapse > summary .fz-chip__flag { width: 24px !important; height: 18px !important; flex: 0 0 24px; }

/* Expanded options — same family, indented under the label */
.fz-side-opt { color: #ffffff !important; font-size: 14px !important; font-weight: 600 !important; padding: 11px 14px 11px 42px !important; border-radius: 0 !important; }
.fz-side-opt:hover { background: rgba(240,180,41,0.08) !important; }
.fz-side-opt.active { background: rgba(240,180,41,0.12) !important; color: #ffffff !important; font-weight: 700 !important; }
.fz-side-opt .fz-chip__flag { width: 22px !important; height: 16px !important; }

/* Odds row: no icon, aligned spacer + fully consistent colors */
.fz-side-spacer { flex: 0 0 24px; display: inline-block; }
.fz-side-collapse > summary,
.fz-side-collapse__label,
.fz-side-collapse__label b,
.fz-side-collapse__chev,
.fz-side-opt { color: #e5ede7 !important; }
.fz-side-collapse > summary { font-weight: 600 !important; }

/* Footer: exact alignment with sport rows + same background */
.fz-sidebar__footer,
.fz-side-collapse,
.fz-side-collapse > summary,
.fz-side-collapse__body,
.fz-side-opt { background: transparent !important; }
.fz-side-collapse > summary:hover { background: rgba(240,180,41,0.08) !important; }
.fz-side-opt:hover { background: rgba(240,180,41,0.08) !important; }
.fz-side-opt.active { background: rgba(240,180,41,0.12) !important; }

/* Match sport-row icon column exactly (26px) so all text aligns */
.fz-side-spacer { flex: 0 0 26px !important; width: 26px !important; }
.fz-side-collapse > summary .fz-chip__flag { flex: 0 0 26px !important; width: 26px !important; height: 19px !important; object-fit: cover; }
.fz-side-collapse > summary { gap: 12px !important; padding: 0 14px !important; height: 60px !important; }
.fz-side-opt { padding-left: 52px !important; }

/* VIP current-tier highlight */
.vip-card--current { outline: 2px solid var(--tier); box-shadow: 0 0 24px -6px var(--tier); position: relative; }
.vip-current-tag { position: absolute; top: 10px; right: 10px; background: var(--tier); color: #07130a; font-size: 10px; font-weight: 800; letter-spacing: .5px; padding: 3px 8px; border-radius: 6px; text-transform: uppercase; }


/* VIP current tier — clean floating corner pill */
.vip-card--current { overflow: visible !important; outline: 2px solid var(--tier); box-shadow: 0 0 26px -6px var(--tier); }
.vip-current-tag {
  position: absolute; top: -11px; right: 14px; left: auto; bottom: auto; transform: none;
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--tier); color: #07130a;
  font-size: 10px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase;
  padding: 4px 11px; border-radius: 20px; z-index: 10;
  box-shadow: 0 3px 10px -2px rgba(0,0,0,.5);
}
.vip-current-tag::before { content: "\2713"; font-size: 11px; }

/* Cross-browser scrollbars (Firefox on Windows/any OS) */
.betslip__body, .fz-sidebar, .fz-side-collapse__body { scrollbar-width: thin; scrollbar-color: #243d28 transparent; }

/* Date group headers on upcoming listings */
.fz-date-header { background: rgba(7,19,10,0.7); color: #9dbfa5; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; padding: 7px 14px; border-bottom: 1px solid rgba(201,146,42,0.12); margin-top: 4px; }
/* Compact game rows */
.betting-body .sports-card { margin-bottom: 3px !important; }
.betting-body .sports-card-wrapper .sports-card-body { padding-top: 4px !important; padding-bottom: 4px !important; }

/* Compact odds on upcoming listings — smaller buttons, less empty green */
.betting-body .sports-card-body { padding: 4px 6px !important; }
.betting-body .option-odd-lists { gap: 5px !important; }
.betting-body .option-odd-list__item .btn,
.betting-body .option-odd-list__item .oddBtn,
.betting-body .option-odd-list__item button { min-height: 36px !important; height: 36px !important; padding: 4px 6px !important; font-size: 14px !important; }
.betting-body .sports-card-heading { padding-top: 4px !important; padding-bottom: 2px !important; }

/* bet365-style compact listing: one column header per date, borderless tight rows */
.fz-col-header { display: flex; align-items: center; padding: 4px 0; }
.fz-col-header__left { width: var(--left-width, 30%); flex-shrink: 0; }
.fz-col-header__cols { flex: 1; display: flex; padding: 0 6px; }
.fz-col-header__cols span { flex: 1; text-align: center; color: #9dbfa5; font-size: 13px; font-weight: 700; }

/* Hide the repeated 1/X/2 header inside each game card on listings */
.betting-body .sports-card-inner .sports-card-heading { display: none !important; }

/* Compact, borderless game rows */
.betting-body .sports-card { background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; margin-bottom: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.04) !important; }
.betting-body .sports-card-wrapper { padding: 2px 0 !important; }
.betting-body .sports-card-body { padding: 3px 6px !important; }
.betting-body .option-odd-list__item .btn,
.betting-body .option-odd-list__item button { height: 40px !important; min-height: 40px !important; }

/* ===== Clean up listing: one background, single-box odds ===== */
/* Kill the extra shades — everything inherits one page background */
.betting-body .sports-card,
.betting-body .sports-card-wrapper,
.betting-body .sports-card-left,
.betting-body .sports-card-inner,
.betting-body .sports-card-body,
.betting-body .sports-card-heading { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }

/* Remove the outer column box so each odd is a SINGLE rectangle */
.betting-body .sports-card-inner { border: none !important; }
.betting-body .option-odd-list__item { background: transparent !important; border: none !important; padding: 3px 5px !important; }
.betting-body .option-odd-list__item .btn,
.betting-body .option-odd-list__item button {
  background: rgba(255,255,255,0.025) !important;
  border: 1px solid rgba(201,146,42,0.22) !important;
  border-radius: 8px !important;
  color: #e8b84b !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.betting-body .option-odd-list__item .btn:hover,
.betting-body .option-odd-list__item button:hover {
  background: rgba(201,146,42,0.12) !important;
  border-color: #c9922a !important;
}
.betting-body .option-odd-list__item .btn.active {
  background: linear-gradient(135deg,#c9922a,#e8b84b) !important;
  color: #07130a !important;
  border-color: #e8b84b !important;
}
/* Row separators: one thin line instead of boxes */
.betting-body .sports-card { border-bottom: 1px solid rgba(255,255,255,0.05) !important; }

/* Dark green rows instead of the olive/yellow-green page tint */
.betting-body .sports-card { background: #0c1c12 !important; border: none !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; border-radius: 0 !important; }
.betting-body .sports-card-wrapper,
.betting-body .sports-card-left,
.betting-body .sports-card-inner,
.betting-body .sports-card-body { background: transparent !important; }
.fz-date-header { background: #07130a !important; }

/* Kickoff time as a gold bar/pill */
.betting-body .sports-card__info-text.local-time {
  display: inline-block;
  background: rgba(201,146,42,0.16) !important;
  color: #e8b84b !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 3px 10px 3px 8px !important;
  border-radius: 5px !important;
  border-left: 3px solid #c9922a !important;
  letter-spacing: .5px;
}

/* Darker green odds buttons */
.betting-body .option-odd-list__item .btn,
.betting-body .option-odd-list__item button {
  background: #0a1c0e !important;
  border: 1px solid rgba(201,146,42,0.20) !important;
}
.betting-body .option-odd-list__item .btn:hover,
.betting-body .option-odd-list__item button:hover {
  background: rgba(201,146,42,0.14) !important;
  border-color: #c9922a !important;
}

/* Remove the line between teams and All Bets */
.betting-body .sports-card-left-bottom { border-top: none !important; padding-top: 2px !important; }

/* Put a line under the clock/time instead */
.betting-body .sports-card-left .sports-card-heading { border-bottom: 1px solid rgba(255,255,255,0.07) !important; padding-bottom: 6px !important; margin-bottom: 4px !important; }

/* Whole game row = the green that sits behind the odds; cute gold divider between games */
.betting-body .sports-card {
  background: #0d2011 !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 10px !important;
  margin-bottom: 6px !important;
  position: relative;
  overflow: visible !important;
}
.betting-body .sports-card-wrapper,
.betting-body .sports-card-left,
.betting-body .sports-card-inner,
.betting-body .sports-card-body { background: transparent !important; }
/* cute gradient separator under each game */

/* odds buttons a touch darker than the row so they still pop */
.betting-body .option-odd-list__item .btn,
.betting-body .option-odd-list__item button { background: #0a1c0e !important; }

/* Remove the big box wrapping the 3 odds — keep only each odd's own rectangle */
.betting-body .option-odd-lists,
.betting-body .sports-card-inner,
.betting-body .sports-card-inner .sports-card-body {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Uniform single background for the whole game row */
.betting-body .sports-card { background: #0a1c0e !important; }
.betting-body .sports-card * { background-color: transparent !important; }
/* keep the individual odds buttons as their own rectangles */
.betting-body .option-odd-list__item .btn,
.betting-body .option-odd-list__item button {
  background: #0a1c0e !important;
  border: 1px solid rgba(201,146,42,0.22) !important;
  border-radius: 8px !important;
}
/* All Bets a bit bigger */
.betting-body .sports-card-left-bottom a { font-size: 13px !important; font-weight: 600 !important; }

/* Force one flat dark green for game rows — no olive gradient */
.betting-body .sports-card { background: #0a1c0e !important; background-image: none !important; }
.betting-body { background: transparent !important; background-image: none !important; }

/* Remove the gold gradient wash on rows — one flat dark green */
.betting-body .sports-card-wrapper { background-image: none !important; background: transparent !important; }

/* Rows match the page's dark background exactly — fully uniform */
.betting-body .sports-card { background: #0a1c0e !important; }
.fz-date-header { background: #0a1c0e !important; }

/* Each game = ONE uniform color block, clock to odds, no seams */
.betting-body .sports-card { background: #0d2011 !important; border-radius: 8px !important; margin-bottom: 6px !important; overflow: hidden !important; }
.betting-body .sports-card-wrapper,
.betting-body .sports-card-left,
.betting-body .sports-card-inner,
.betting-body .sports-card-body,
.betting-body .option-odd-lists { background: transparent !important; background-image: none !important; }
/* odds buttons slightly darker so they read as buttons on the block */
.betting-body .option-odd-list__item .btn,
.betting-body .option-odd-list__item button { background: #06120a !important; border: 1px solid rgba(201,146,42,0.20) !important; }
/* remove the cute divider now that each game is its own block */

/* date/column header sit on the page bg between blocks */
.fz-date-header, .fz-col-header { background: transparent !important; }

/* FINAL: flat dark green blocks, zero gradients/overlays */
.betting-body .sports-card { background: #0d2011 !important; background-image: none !important; }
.betting-body .sports-card::after,
.betting-body .sports-card::before,
.betting-body .sports-card-wrapper::after,
.betting-body .sports-card-wrapper::before { content: none !important; display: none !important; background: none !important; }
.betting-body .sports-card-wrapper { background: transparent !important; background-image: none !important; }

/* 1. Push the games right so they don't touch the sidebar */
.betting-body { padding-left: 16px !important; }

/* 2. Lighter green odds buttons */
.betting-body .option-odd-list__item .btn,
.betting-body .option-odd-list__item button { background: #16321e !important; border: 1px solid rgba(201,146,42,0.22) !important; }
.betting-body .option-odd-list__item .btn:hover,
.betting-body .option-odd-list__item button:hover { background: rgba(201,146,42,0.16) !important; border-color: #c9922a !important; }

/* 3. Hover the teams area -> gold highlight (clickable feel, like the top bar) */
.betting-body .sports-card-left { transition: background 0.15s ease; cursor: pointer; }
.betting-body .sports-card-left:hover { background: rgba(201,146,42,0.10) !important; }
.betting-body .sports-card:hover { background: #0f2415 !important; }

/* League header bar matches the game rows background */
.league-page-header { background: #0d2011 !important; background-image: none !important; }

/* Odds: no rectangle by default — just the number; highlight on hover like the games */
.betting-body .option-odd-list__item .btn,
.betting-body .option-odd-list__item button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 44px !important;
}
.betting-body .option-odd-list__item .btn:hover,
.betting-body .option-odd-list__item button:hover {
  background: rgba(201,146,42,0.12) !important;
}
.betting-body .option-odd-list__item .btn.active {
  background: linear-gradient(135deg,#c9922a,#e8b84b) !important;
  color: #07130a !important;
}

/* Bigger odds numbers */
.betting-body .option-odd-list__item .btn,
.betting-body .option-odd-list__item button { font-size: 17px !important; font-weight: 700 !important; }

/* ===== Apply the listing aesthetic to the game details (All Markets) page ===== */
.odd-list, .odd-list__body, .odd-list__body-content { background: transparent !important; }
.odd-list .accordion--odd .accordion-item { background: #0d2011 !important; border: none !important; border-radius: 8px !important; margin-bottom: 6px !important; }
.odd-list .accordion--odd .accordion-button { background: transparent !important; color: #e8b84b !important; font-size: 14px !important; font-weight: 700 !important; }
.odd-list .accordion--odd .accordion-body { background: transparent !important; }
/* market header row (1/X/2 etc.) */
.odd-list table td { color: #9dbfa5 !important; }
/* odds cells: lighter green, hover highlight, bigger number — like outside */
.odd-list .odd-list__outcome, .odd-list .oddBtn {
  background: #16321e !important;
  border: 1px solid rgba(201,146,42,0.22) !important;
  border-radius: 8px !important;
  color: #e8b84b !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  transition: background 0.15s ease !important;
}
.odd-list .odd-list__outcome:hover, .odd-list .oddBtn:hover {
  background: rgba(201,146,42,0.16) !important;
  border-color: #c9922a !important;
}
.odd-list .odd-list__outcome.active, .odd-list .oddBtn.active {
  background: linear-gradient(135deg,#c9922a,#e8b84b) !important;
  color: #07130a !important;
  border-color: #e8b84b !important;
}
.odd-list .odd-list__outcome.locked, .odd-list .oddBtn.locked {
  background: rgba(255,255,255,0.03) !important;
  border-color: rgba(255,255,255,0.07) !important;
  color: #5a6b5e !important;
}

/* Inside = outside: no boxes on odds, just numbers + hover highlight */
.odd-list .odd-list__outcome, .odd-list .oddBtn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  color: #e8b84b !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}
.odd-list .odd-list__outcome:hover, .odd-list .oddBtn:hover {
  background: rgba(201,146,42,0.12) !important;
  border: none !important;
}
.odd-list .odd-list__outcome.active, .odd-list .oddBtn.active {
  background: linear-gradient(135deg,#c9922a,#e8b84b) !important;
  color: #07130a !important;
}
.odd-list .odd-list__outcome.locked, .odd-list .oddBtn.locked {
  background: transparent !important;
  color: #5a6b5e !important;
}

/* Market title header bars -> dark green (was white) */
.odd-list .accordion-header,
.odd-list .accordion-button,
.odd-list .accordion-button:not(.collapsed),
.odd-list .accordion-button.collapsed,
.odd-list .sports-card-heading,
.odd-list .sports-card-top-inner {
  background: #0a1c0e !important;
  background-color: #0a1c0e !important;
  background-image: none !important;
  color: #e8b84b !important;
  box-shadow: none !important;
}
.odd-list .accordion-button::after { filter: invert(1) sepia(1) saturate(3) hue-rotate(10deg) !important; }

/* Thin table lines for totals/handicap tables */
.odd-list .fz-totals tr { border-bottom: 1px solid rgba(255,255,255,0.05) !important; }
.odd-list .fz-totals tr:last-child { border-bottom: none !important; }
.odd-list .fz-totals td { border-right: 1px solid rgba(255,255,255,0.04) !important; }
.odd-list .fz-totals td:last-child { border-right: none !important; }

/* Date + 1/X/2 on one bar */
.fz-col-header { background: #07130a !important; padding: 7px 0 !important; align-items: center; }
.fz-col-header__left { color: #9dbfa5 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .6px; text-transform: uppercase; padding-left: 14px; }

/* Date bigger + white */
.fz-col-header__left { color: #ffffff !important; font-size: 14px !important; }

/* Vertically center the date in the bar */
.fz-col-header { display: flex !important; align-items: center !important; min-height: 34px; }
.fz-col-header__left { display: flex !important; align-items: center !important; }

/* Perfectly center date + 1/X/2 vertically on the same line */
.fz-col-header { display: flex !important; align-items: center !important; }
.fz-col-header__left { display: flex !important; align-items: center !important; line-height: 1 !important; margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.fz-col-header__cols { display: flex !important; align-items: center !important; }
.fz-col-header__cols span { line-height: 1 !important; display: flex; align-items: center; justify-content: center; }

/* Prediction Yes/No vivid green/red (restore) */
.pm-btn--yes { background: rgba(58,143,111,0.18) !important; border: 1px solid rgba(58,143,111,0.45) !important; color: #4fd1a5 !important; }
.pm-btn--yes:hover, .pm-btn--yes.active { background: rgba(58,143,111,0.32) !important; }
.pm-btn--no { background: rgba(224,90,90,0.15) !important; border: 1px solid rgba(224,90,90,0.4) !important; color: #e07a7a !important; }
.pm-btn--no:hover, .pm-btn--no.active { background: rgba(224,90,90,0.28) !important; }

/* Prediction Yes/No — boxed green/red, override any .oddBtn globals */
.pm-outcomes .pm-btn.oddBtn { display:flex !important; align-items:center !important; justify-content:space-between !important; padding:11px 14px !important; border-radius:8px !important; font-weight:700 !important; font-size:14px !important; height:auto !important; min-height:0 !important; width:100% !important; box-shadow:none !important; }
.pm-outcomes .pm-btn--yes.oddBtn { background:rgba(58,143,111,0.18) !important; border:1px solid rgba(58,143,111,0.45) !important; color:#4fd1a5 !important; }
.pm-outcomes .pm-btn--yes.oddBtn:hover, .pm-outcomes .pm-btn--yes.oddBtn.active { background:rgba(58,143,111,0.34) !important; }
.pm-outcomes .pm-btn--no.oddBtn { background:rgba(224,90,90,0.15) !important; border:1px solid rgba(224,90,90,0.4) !important; color:#e07a7a !important; }
.pm-outcomes .pm-btn--no.oddBtn:hover, .pm-outcomes .pm-btn--no.oddBtn.active { background:rgba(224,90,90,0.30) !important; }
.pm-outcomes .pm-btn__pct { font-size:15px !important; }

/* Sidebar footer action links */
.fz-side-link { display:flex; align-items:center; gap:12px; padding:11px 14px; color:#e5ede7 !important; font-size:14px; font-weight:600; text-decoration:none; }
.fz-side-link i { font-size:20px; width:24px; text-align:center; color:#c9922a; }
.fz-side-link:hover { background:rgba(240,180,41,0.08); color:#fff !important; }

/* Deposit guide — force readable colors on the white card (beat theme globals) */
.dg-card, .dg-card p, .dg-card h1, .dg-card h3, .dg-card span, .dg-card div, .dg-card li { color:#1f2e25 !important; }
.dg-card .dg-title { color:#0f2116 !important; font-weight:800 !important; }
.dg-card .dg-lead, .dg-card .dg-body p { color:#4a5a4e !important; }
.dg-card .dg-body h3 { color:#0f2116 !important; font-weight:700 !important; }
.dg-card .dg-num { color:#e8b84b !important; background:#0f2116 !important; }
.dg-card .dg-badge { color:#ffffff !important; background:#26a17b !important; }
.dg-card .dg-ex { color:#111 !important; }
.dg-card .dg-ex--coinbase { color:#ffffff !important; }
.dg-card .dg-warn, .dg-card .dg-warn strong { color:#b3352f !important; }
.dg-card .dg-cta { color:#0f2116 !important; font-weight:800 !important; }
.dg-back { color:#9dbfa5 !important; }

/* Deposit guide — nicer page background behind the white card */
.home-page:has(.dg-wrap) { background: radial-gradient(1200px 600px at 50% -10%, #16351f 0%, #0c1f12 45%, #071009 100%) !important; }
.dg-wrap { position: relative; }
.dg-wrap::before { content:''; position:absolute; top:-30px; left:50%; transform:translateX(-50%); width:520px; height:220px; background:radial-gradient(circle, rgba(201,146,42,0.18), transparent 70%); filter:blur(20px); z-index:0; pointer-events:none; }
.dg-card { position: relative; z-index: 1; }

/* Deposit guide — dark green card (override the white) */
.dg-card { background:#0d2011 !important; border:1px solid rgba(201,146,42,0.22) !important; box-shadow:0 20px 60px -20px rgba(0,0,0,.6) !important; }
.dg-card, .dg-card p, .dg-card span, .dg-card div, .dg-card li { color:#c4dcc8 !important; }
.dg-card .dg-title { color:#ffffff !important; }
.dg-card .dg-lead, .dg-card .dg-body p { color:#9dbfa5 !important; }
.dg-card .dg-body h3 { color:#e8b84b !important; }
.dg-head { border-bottom:1px solid rgba(255,255,255,0.08) !important; }
.dg-step { border-bottom:1px solid rgba(255,255,255,0.06) !important; }
.dg-card .dg-num { background:#e8b84b !important; color:#0d2011 !important; }
.dg-card .dg-badge { background:#26a17b !important; color:#fff !important; }
.dg-card .dg-ex { color:#111 !important; }
.dg-card .dg-ex--coinbase { color:#fff !important; }
.dg-warn { background:rgba(224,90,90,0.12) !important; border:1px solid rgba(224,90,90,0.3) !important; }
.dg-card .dg-warn, .dg-card .dg-warn strong { color:#e88 !important; }
.dg-card .dg-cta { color:#0d2011 !important; }

/* ============ MOBILE: make the desktop layout fit phones ============ */
@media (max-width: 767px) {
  /* kill the fixed 925px width that forces sideways scrolling */
  .sports-card-wrapper, .sports-card-wrapper-lg { min-width: 0 !important; width: 100% !important; }
  .sports-body, .betting-body { width: 100% !important; overflow-x: hidden !important; }
  .betting-body { padding-left: 4px !important; padding-right: 4px !important; }
  .betting-body .row.g-3 { margin: 0 !important; }

  /* teams take ~46%, the 3 odds columns share the rest */
  .sports-card { --left-width: 46% !important; }
  .betting-body .sports-card-inner { max-width: none !important; }
  .betting-body .sports-card__team-name { font-size: 12px !important; line-height: 1.25 !important; }
  .betting-body .sports-card__team-flag-img { width: 16px !important; height: 16px !important; }

  /* compact odds buttons + headers so 1/X/2 fit */
  .betting-body .option-odd-list__item .btn,
  .betting-body .option-odd-list__item button { font-size: 13px !important; min-height: 34px !important; height: 34px !important; padding: 2px !important; }
  .fz-col-header__left { font-size: 11px !important; padding-left: 8px !important; }
  .fz-col-header__cols span { font-size: 12px !important; }
  .betting-body .sports-card-left-bottom a { font-size: 11px !important; }

  /* league header + time bar smaller */
  .league-page-header__name { font-size: 15px !important; }
  .betting-body .sports-card__info-text.local-time { font-size: 11px !important; padding: 2px 7px !important; }
}

/* ============ MOBILE header (fit + scrollable nav strip) ============ */
@media (max-width: 767px) {
  html, body { overflow-x: hidden !important; max-width: 100vw !important; }
  .header-fluid-custom-parent {
    flex-wrap: wrap !important; align-items: center !important;
    gap: 6px 8px !important; padding: 8px !important; overflow: hidden !important;
  }
  .header-fluid-custom-parent .logo { flex: 0 0 auto !important; }
  .header-fluid-custom-parent .logo img { max-height: 28px !important; width: auto !important; }
  .primary-menu-container {
    flex: 1 1 auto !important; min-width: 0 !important;
    flex-wrap: wrap !important; justify-content: flex-end !important; gap: 6px !important;
  }
  /* balance / deposit / user stay on row 1 next to the logo, compact */
  .primary-menu-container > ul.right-side-nav {
    order: 1 !important; gap: 6px !important; flex-wrap: nowrap !important;
    margin: 0 !important;
  }
  .right-side-nav [class*="balance"], .right-side-nav .header-balance { padding: 3px 8px !important; font-size: 13px !important; }
  .right-side-nav [class*="balance"] span, .right-side-nav [class*="amount"] { font-size: 13px !important; }
  .right-side-nav a, .right-side-nav button { font-size: 13px !important; }
  /* main nav becomes a full-width swipeable strip on row 2 */
  .primary-menu-container > ul.d-lg-flex {
    order: 2 !important; width: 100% !important; flex: 0 0 100% !important;
    overflow-x: auto !important; flex-wrap: nowrap !important; white-space: nowrap !important;
    gap: 18px !important; padding: 6px 0 2px !important; scrollbar-width: none !important;
    border-top: 1px solid rgba(216,163,61,.18) !important; margin-top: 4px !important;
  }
  .primary-menu-container > ul.d-lg-flex::-webkit-scrollbar { display: none !important; }
  .primary-menu-container > ul.d-lg-flex li { flex: 0 0 auto !important; }
  .primary-menu-container > ul.d-lg-flex a { font-size: 13.5px !important; }
}

/* MOBILE header — override the desktop nav.primary-menu-container nowrap */
@media (max-width: 767px) {
  nav.primary-menu-container { flex-wrap: wrap !important; }
}

/* MOBILE header — let it grow to fit the wrapped nav row (remove fixed height/clip) */
@media (max-width: 767px) {
  .header-primary,
  .header-fluid-custom-parent,
  nav.primary-menu-container,
  nav.primary-menu-container > ul.right-side-nav {
    height: auto !important; min-height: 0 !important; max-height: none !important;
    overflow: visible !important;
  }
  .header-fluid-custom-parent { padding-bottom: 6px !important; }
}

/* MOBILE header — stack vertically so it grows to fit logo / balance / nav */
@media (max-width: 767px) {
  .header-primary { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; }
  .header-fluid-custom-parent {
    display: flex !important; flex-direction: column !important; align-items: stretch !important;
    height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important;
    gap: 8px !important; padding: 8px 8px 10px !important;
  }
  .header-fluid-custom-parent .logo { align-self: flex-start !important; }
  nav.primary-menu-container {
    width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important;
    overflow: visible !important; flex-wrap: wrap !important; align-items: center !important;
  }
  nav.primary-menu-container > ul.right-side-nav { order: 1 !important; width: 100% !important; justify-content: flex-start !important; }
  nav.primary-menu-container > ul.d-lg-flex { order: 2 !important; }
}

/* Profile / dashboard pages: match home page green (#0a1c0e) instead of near-black */
.user-dashboard {
  background-color: #0a1c0e !important;
  min-height: calc(100vh - 64px) !important;
}

/* Promotions cards: display-only, not clickable */
.fz-promos .fz-promo { cursor: pointer !important; }

/* Slightly smaller team logos so stacked crests don't overlap */
.sports-card__team-flag { width: 18px !important; height: 18px !important; }
.sports-card__team-flag-img { width: 18px !important; height: 18px !important; }
.sports-card-body { row-gap: 4px !important; }

/* Upcoming (by time): small league label above each game */
.upc-inline-league{display:flex;align-items:center;gap:8px;padding:8px 10px 4px;}
.upc-inline-league__flag{width:18px;height:14px;border-radius:2px;object-fit:cover;flex:0 0 auto;}
.upc-inline-league__name{color:#9dbfa5;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;}

/* ===== sidebar footer: sticks to the bottom of the screen ===== */
.fz-sidebar { display:flex !important; flex-direction:column !important; }
.fz-sidebar__list { flex:1 1 auto !important; }
.fz-sidebar__footer { position:sticky !important; bottom:0 !important; margin-top:auto !important;
  background:#0a1c0e !important; border-top:1px solid #1a2e1e; z-index:5; padding-bottom:6px; }

/* ===== header nav: keep labels on one line ===== */
.primary-menu-container a.sm-text,
.primary-menu-container span.sm-text { white-space:nowrap !important; }
.primary-menu-container .primary-menu { gap:14px !important; }