/* BMArena "matchday night" theme for the classic pages.
   Loaded LAST by classes/includes.php, user/header.php and the super/master layouts, so it restyles
   the existing markup without touching the old templates. Remove the <link> to return to the old look. */
:root {
	--bm-ground: #0B1622; --bm-surface: #13233A; --bm-surface-2: #1B2F4B; --bm-sunk: #0F1C2E; --bm-line: #1E3150; --bm-line-2: #24395A;
	--bm-text: #F2F5F8; --bm-text-2: #C9D6E4; --bm-muted: #9FB0C3; --bm-accent: #F5B83D; --bm-on-accent: #1A1300;
	--bm-good: #7FE3B0; --bm-good-bg: #173A2C; --bm-bad: #FF9C85; --bm-bad-bg: #3A1A14;
}

/* ---------- base ---------- */
html, body { background: var(--bm-ground) !important; }
body, p, li, td, th, label, input, select, textarea, button, .btn,
.navbar, .nav, h4, h5, h6, .form-label, .about-txt, .isModal { font-family: 'Barlow', system-ui, sans-serif !important; }
body { color: var(--bm-text); font-size: 16px; -webkit-font-smoothing: antialiased; }
h1, h2, h3 { font-family: 'Barlow Condensed', sans-serif !important; color: var(--bm-text); letter-spacing: 0.3px; }
p, li { color: var(--bm-text-2); }
a { color: var(--bm-accent); }
a:hover, a:focus { color: #FFD27A; }
hr { border-color: var(--bm-line); }
::selection { background: var(--bm-accent); color: var(--bm-on-accent); }

/* ---------- photo backgrounds off ---------- */
.background-home, .img-back, .content-tbl-arena.section-color-back, .section-account { background: var(--bm-ground) !important; }
.content-tbl-arena { background: var(--bm-ground) !important; padding-bottom: 60px !important; }
.overeffect-black { display: none !important; }

/* ---------- top bar & header ---------- */
.top-header { background: var(--bm-sunk) !important; border-bottom: 1px solid var(--bm-line); font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; font-size: 13px !important; color: var(--bm-text-2); }
.top-header a, .top-header span { color: var(--bm-text-2); }
.top-header .reg-top, .top-header .l-log { color: var(--bm-accent) !important; }
.header { background: var(--bm-ground) !important; border-bottom: 1px solid var(--bm-line) !important; }
.header h2, .header h1 { font-family: 'Barlow Condensed', sans-serif !important; font-weight: 700 !important; letter-spacing: 0.5px; }
.header h2 span, footer h2 span { color: var(--bm-accent) !important; }
.navbar-default .navbar-nav > li > a { color: var(--bm-muted) !important; font-weight: 600 !important; text-transform: none !important; font-size: 15px !important; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active { color: var(--bm-text) !important; box-shadow: inset 0 -3px 0 var(--bm-accent); background: transparent !important; }
.navbar-default .navbar-toggle { border-color: var(--bm-line-2) !important; }
.navbar-default .navbar-toggle .icon-bar { background: var(--bm-text) !important; }
.navbar-default .navbar-collapse { border-color: var(--bm-line) !important; }

/* ---------- page title band ---------- */
section.section-account.other-page { background: var(--bm-ground) !important; padding: 28px 0 8px !important; }
.about-title h2, .top-txt-slide h2 { font-family: 'Barlow Condensed', sans-serif !important; font-weight: 700 !important; font-size: 40px !important; color: var(--bm-text) !important; text-shadow: none !important; }
.top-txt-slide p { color: var(--bm-muted) !important; text-transform: none !important; }

/* ---------- content ---------- */
.about-txt, .back-img-padding .big-tournament > div { color: var(--bm-text-2); }
.about-txt p, .about-txt li { color: var(--bm-text-2) !important; line-height: 1.6; }
.about-txt h3, .about-txt h4, .about-txt strong, .about-txt b { color: var(--bm-text) !important; }
.container.back-img-padding { background: var(--bm-surface); border-radius: 16px; padding: 24px 24px 32px !important; margin-top: 16px; }
.content-tbl-tournament, .tbl-left, .tbl-right, .tbl-content-bets, .tbl-tournament-statment, .first-tbl-lobby3 .title-tbl { background: var(--bm-surface) !important; box-shadow: none !important; border-radius: 12px; }
.tbl-tournament td, .tbl-stats td, .tbl-bets td, .tbl-select td, .tbl-tournament-statment td, .isModal table td, .tbl-left ul li p span, .tbl-left-quote ul li { border-color: var(--bm-line) !important; }
.tbl-tournament thead tr.col-title { border-bottom-color: var(--bm-accent) !important; }
.tbl-tournament tbody tr:hover, .tbl-stats tbody tr.select-bet:hover, .tbl-tournament-statment tbody tr:hover { background: var(--bm-surface-2) !important; }
.tbl-tournament tbody tr.active, .tbl-left.back-click li.active, .tbl-stats tbody tr.select-bet td.active,
.tbl-content-bets tr.row-number td.active, .tbl-content-bets tbody tr:nth-child(even) td.active { background: var(--bm-accent) !important; color: var(--bm-on-accent) !important; }
.tbl-left h3.active, .tbl-right h3.active, .tbl-left .active-txt, .tbl-ranking .first-row-rkt td p, .tbl-data-match th p, .hidden-user .tbl-bets td span { color: var(--bm-accent) !important; }
.tbl-select td.selections-title, .tbl-selections .bets-y-selection, .tbl-ranking .tr-not-visible table thead .bets-y-selection { background: var(--bm-surface-2) !important; }
.tbl-select td.selections-submit, .tbl-select-bets td.selections-submit { background: var(--bm-accent) !important; }
.tbl-content-bets td.stats-title-row p { background: var(--bm-sunk) !important; }
table { color: var(--bm-text); }
.table > thead > tr > th, .table > tbody > tr > td { border-color: var(--bm-line) !important; }
.table-striped > tbody > tr:nth-of-type(odd) { background: var(--bm-sunk); }

/* ---------- forms ---------- */
.form-control, .form-theme .form-control, input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea {
	background: var(--bm-ground) !important; color: var(--bm-text) !important; border: 1.5px solid #2C4466 !important; border-radius: 12px !important;
	box-shadow: none !important; min-height: 46px; font-size: 16px !important;
}
.form-control:focus, input:focus, select:focus, textarea:focus { border-color: var(--bm-accent) !important; outline: 2px solid rgba(245,184,61,0.25) !important; outline-offset: 1px; }
.form-control::placeholder, input::placeholder, textarea::placeholder { color: #6F8299 !important; }
select option { background: var(--bm-ground); color: var(--bm-text); }
#country0.form-control option, #tz0.form-control option { color: var(--bm-text) !important; }
.form-label, label { color: var(--bm-text) !important; font-weight: 600 !important; }
.form-group.required .form-label:after { color: var(--bm-accent) !important; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--bm-accent); min-height: 0 !important; }
.tbl-select-bets input.bet-stake, .flg-right .form-control { min-height: 0 !important; border-radius: 6px !important; }

/* ---------- buttons ---------- */
.flatbtn-blu, .flatbtn-green, .flatbtn-default, .btn-primary, .btn-danger, .btn-success, input[type="submit"], button[type="submit"] {
	background: var(--bm-accent) !important; color: var(--bm-on-accent) !important; border: 0 !important; border-radius: 12px !important;
	font-weight: 700 !important; min-height: 46px; text-shadow: none !important; box-shadow: none !important; text-transform: none !important;
}
.flatbtn-blu:hover, .flatbtn-green:hover, .flatbtn-default:hover, .btn-primary:hover, .btn-danger:hover, .btn-success:hover, input[type="submit"]:hover, button[type="submit"]:hover { background: #FFC85A !important; color: var(--bm-on-accent) !important; }
.btn-default, .btn-change { background: transparent !important; color: var(--bm-text-2) !important; border: 1.5px solid var(--bm-line-2) !important; border-radius: 10px !important; }
.btn-change.flatbtn-green { border-color: var(--bm-accent) !important; color: var(--bm-on-accent) !important; }

/* ---------- alerts ---------- */
.alert { border-radius: 12px !important; border: 1px solid var(--bm-line-2) !important; background: var(--bm-surface-2) !important; color: var(--bm-text) !important; }
.alert-success { background: var(--bm-good-bg) !important; border-color: #2E6B50 !important; color: #CFF5E2 !important; }
.alert-success p, .alert-success h5 { color: #CFF5E2 !important; }
.alert-danger { background: var(--bm-bad-bg) !important; border-color: #7A3626 !important; color: #FFD9CF !important; }
.alert-danger li, .alert-danger h5, .alert-danger p { color: #FFD9CF !important; }

/* ---------- popups ---------- */
.isModal { background: var(--bm-surface) !important; border: 1px solid var(--bm-line-2); border-radius: 16px !important; box-shadow: 0 16px 48px rgba(0,0,0,0.5) !important; color: var(--bm-text); }
.isModal h1, .isModal h2 { color: var(--bm-text) !important; }
#lean_overlay { background: #050B12 !important; }

/* ---------- sponsor strip & footer ---------- */
.content-sponsor { background: var(--bm-sunk) !important; border-top: 1px solid var(--bm-line); padding: 32px 0 !important; }
footer { background: var(--bm-ground) !important; border-top: 1px solid var(--bm-line); box-shadow: none !important; padding: 40px 0 !important; }
footer h2 { font-family: 'Barlow Condensed', sans-serif !important; font-weight: 700 !important; }
footer .txt-risk, footer p { color: var(--bm-muted) !important; }
.footer-menu li { border-color: var(--bm-line) !important; }
.footer-menu li a { color: var(--bm-text-2) !important; }
.footer-menu li a:hover { color: var(--bm-accent) !important; }

/* ---------- misc legacy accents ---------- */
.buyin.free, .tbl-left ul li p span.buyin.free, .free { color: var(--bm-good) !important; }
.live { color: #FF8A6B !important; }
.green-color { background: var(--bm-accent) !important; }

/* register / contact two-column forms: breathing room between columns */
.form-theme .col-md-6, .form-theme .col-sm-6 { padding-left: 12px !important; padding-right: 12px !important; }
.form-theme .form-group { margin-bottom: 16px; }

/* ---------- agent (super/master) login ---------- */
.login-wrap { background: var(--bm-surface) !important; border: 1px solid var(--bm-line-2); border-radius: 18px !important; box-shadow: 0 16px 48px rgba(0,0,0,0.5) !important; overflow: hidden; }
.login-wrap .login-panel, .login-wrap .moreinfo-wrap { background: var(--bm-surface) !important; color: var(--bm-text) !important; }
.login-wrap .kv { filter: saturate(0.9); }
.login-wrap h1, .login-wrap h2, .login-wrap h3, .login-wrap label, .login-wrap p { color: var(--bm-text) !important; }
.login-wrap .bmarena, .bmarena { color: var(--bm-accent) !important; }
.login-wrap .error, #errorMsg { color: var(--bm-bad) !important; }
.btn-send { background: var(--bm-accent) !important; color: var(--bm-on-accent) !important; border: 0 !important; border-radius: 12px !important; font-weight: 700 !important; min-height: 46px; }

/* ---------- player account area (/user): legacy bookmaker-style template ---------- */
/* Reset every light panel inside the account shell, then re-add the theme's surfaces. */
.mbrs, .mbrs * { background-color: transparent !important; background-image: none !important; color: var(--bm-text) !important; border-color: var(--bm-line) !important; text-shadow: none !important; }
.mbrs { max-width: 980px; margin: 0 auto !important; width: auto !important; font-family: 'Barlow', system-ui, sans-serif !important; }
.mbrs .inner { width: auto !important; }
.mbrs .header-back, .mbrs .mtb { background: var(--bm-ground) !important; border-bottom: 1px solid var(--bm-line); padding: 12px 16px !important; }
.mbrs .bet365TopMenu { background: var(--bm-sunk) !important; border-bottom: 1px solid var(--bm-line); padding: 0 8px; }
.mbrs .bet365TopMenu a, .mbrs .bet365TopMenu span { color: var(--bm-muted) !important; font-weight: 600 !important; font-size: 15px !important; }
.mbrs .bet365TopMenu .selo, .mbrs .bet365TopMenu .seli, .mbrs .bet365TopMenu .sel, .mbrs .bet365TopMenu .selo *, .mbrs .bet365TopMenu .seli * { color: var(--bm-text) !important; box-shadow: inset 0 -3px 0 var(--bm-accent); }
.mbrs .content, .mbrs .contentbdr, .mbrs .bet365FormV2, .mbrs .whitePnl { background: var(--bm-surface) !important; border-radius: 16px; border: 0 !important; }
.mbrs .content { padding: 20px !important; margin: 16px !important; }
.mbrs .pnlhdr, .mbrs .plhdrlvl2Div, .mbrs h1, .mbrs h2, .mbrs h3 { font-family: 'Barlow Condensed', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; text-transform: uppercase; }
.mbrs table, .mbrs .table { width: 100%; border-collapse: collapse; }
.mbrs th, .mbrs .th, .mbrs table.balances th { color: var(--bm-muted) !important; font-size: 13px !important; text-transform: uppercase; letter-spacing: 0.6px; font-weight: 700 !important; padding: 10px 8px !important; border-bottom: 1px solid var(--bm-line-2) !important; }
.mbrs td, .mbrs .td { padding: 10px 8px !important; border-bottom: 1px solid var(--bm-line) !important; font-size: 15px !important; }
.mbrs tr.selected td, .mbrs tr.shown td, .mbrs .trAlt { background: var(--bm-sunk) !important; }
.mbrs a { color: var(--bm-accent) !important; }
.mbrs .f10, .mbrs .f11, .mbrs .f12, .mbrs .grey, .mbrs .dvUsrLabel, .mbrs .dvPwdLabel { color: var(--bm-text-2) !important; }
.mbrs input[type="text"], .mbrs input[type="email"], .mbrs input[type="password"], .mbrs input[type="number"], .mbrs select, .mbrs textarea { background: var(--bm-ground) !important; border: 1.5px solid #2C4466 !important; border-radius: 12px !important; }
.mbrs .btn, .mbrs .go-btn, .mbrs .joinNow, .mbrs input[type="submit"], .mbrs input[type="button"], .mbrs button { background: var(--bm-accent) !important; color: var(--bm-on-accent) !important; border: 0 !important; border-radius: 12px !important; font-weight: 700 !important; min-height: 44px; padding: 0 18px !important; cursor: pointer; }
.mbrs .btn *, .mbrs .go-btn *, .mbrs .joinNow * { color: var(--bm-on-accent) !important; }
.mbrs .errbox, .mbrs div.errbox { background: var(--bm-bad-bg) !important; border: 1px solid #7A3626 !important; border-radius: 12px; }
.mbrs .errbox *, .mbrs div.errbox * { color: #FFD9CF !important; }
.mbrs .succbox, .mbrs div.succbox { background: var(--bm-good-bg) !important; border: 1px solid #2E6B50 !important; border-radius: 12px; }
.mbrs .succbox *, .mbrs div.succbox * { color: #CFF5E2 !important; }
.mbrs img[src*="logo"] { filter: none; }
.mbrs .mtb .lg { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; }
.mbrs .mtb .lg > .fl { float: none !important; }
.mbrs .mtb .lg > .fl::before { content: "BM"; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 28px; color: var(--bm-accent); letter-spacing: 0.5px; }
.mbrs .mtb .lg > .fl::after { content: "ARENA"; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 28px; color: var(--bm-text); letter-spacing: 0.5px; }
.mbrs .mtb .fr.main { float: none !important; text-align: right; }
.mbrs .tm { display: flex; gap: 8px; justify-content: flex-end; list-style: none; margin: 0; padding: 0; }
.mbrs .bet365TopMenu ul { display: flex; flex-wrap: wrap; gap: 4px 20px; list-style: none; margin: 0; padding: 0 8px; }
.mbrs .bet365TopMenu li { float: none !important; }
.mbrs .bet365TopMenu a { display: inline-block; padding: 12px 0 !important; }
.mbrs .mtb, .mbrs .mtb *, .mbrs .bet365TopMenu, .mbrs .bet365TopMenu * { position: static !important; height: auto !important; width: auto !important; margin-top: 0 !important; top: auto !important; left: auto !important; }
.mbrs .inner { display: flex; flex-direction: column; }

/* language switcher in the classic top bar */
.bm-lang { display: inline-block; margin-right: 12px; vertical-align: middle; }
.bm-lang select { min-height: 32px !important; height: 32px; padding: 0 6px !important; border-radius: 8px !important; font-size: 13px !important; font-weight: 600; width: auto; background: var(--bm-surface) !important; }