/* ============================================================
   ColorKing – Solid Red Theme (no gradients)
   ============================================================ */

:root {
  --main-color: #ca0000 !important;
  --main_gradient-color: #b90000 !important;
  --main_gradient-color2: #b90000 !important;

  --bg_color_L1: #000000 !important;
  --bg_color_L2: #161616 !important;
  --bg_color_L3: #000000 !important;

  --text_color_L1: #f0f0f0 !important;
  --text_color_L2: #ffffff !important;
  --text_color_L3: #ffffff !important;
  --text_color_L4: #ffffff !important;

  --Dividing-line_color: rgba(249,89,89,0.2) !important;
  --sheet_nva_color: #000000 !important;
  --sheet_detail_bg_color: #000000 !important;

  --norm_red-color: #b30000 !important;
  --norm_green-color: #006305 !important;
  --norm_secondary-color: #a80000 !important;

  --van-popup-background: #161616 !important;
  --van-dialog-background: #000000 !important;
  --van-cell-background: #000000 !important;
  --van-picker-background: #000000 !important;
  --van-calendar-background: #0d0d0d !important;
  --van-circle-color: #ffffff !important;
  --van-circle-layer-color: #000000 !important;
  --van-checkbox-checked-icon-color: #ffffff !important;
  --van-radio-checked-icon-color: #ffffff !important;
  --van-sidebar-text-color: #ffffff !important;
  --van-picker-confirm-action-color: #ffffff !important;
  --van-calendar-range-edge-background: #ffffff !important;
  --van-button-default-background: #fffefe !important;
}

body, #app, html {
  background-color: #0d0d0d !important;
}

body::before { display: none !important; }

/* ── Top header / navbar ── */
.navbar-fixed,
.navbar.main .navbar-fixed,
.navbar.lottery .navbar-fixed,
.navbar.activity .navbar-fixed,
[class*="header"],
[class*="Header"] {
  background: #161616 !important;
  border-bottom: 1px solid rgba(249,89,89,0.15) !important;
}

/* ── Bottom tab bar ── */
.tabbar__container,
.tabbar__container[data-v-48aa04ea],
.tabbar__container[data-v-6ab3f23e] {
  background: #000000 !important;
  background-image: none !important;
  border-top: 1px solid rgba(5, 0, 0, 0.2) !important;
}

.tabbar__container-item,
.tabbar__container-item[data-v-48aa04ea],
.tabbar__container-item[data-v-6ab3f23e] {
  color: rgb(255, 255, 255) !important;
}

.tabbar__container-item.active,
.tabbar__container-item.active[data-v-48aa04ea],
.tabbar__container-item.active[data-v-6ab3f23e] {
  color: #ebe1e1 !important;
}

.tabbar__container-item svg path,
.tabbar__container-item svg rect,
.tabbar__container-item svg circle {
  fill: rgba(255, 255, 255, 0.986) !important;
}
.tabbar__container-item.active svg path,
.tabbar__container-item.active svg rect,
.tabbar__container-item.active svg circle {
  fill: #ffffff !important;
}

.tabbar__container-item:nth-of-type(3) .promotionBg,
.tabbar__container-item:nth-of-type(3) .promotionBg[data-v-48aa04ea] {
  background: #ffffff !important;
  box-shadow: 0 -4px 16px rgb(0, 0, 0) !important;
}
.tabbar__container-item:nth-of-type(3) .promotionBg::after,
.tabbar__container-item:nth-of-type(3) .promotionBg[data-v-48aa04ea]::after {
  background: #b30303 !important;
}
.tabbar__container-item:nth-of-type(3) svg path {
  fill: #ffffff !important;
}

.tabbar__container-item .svg-icon { color: inherit !important; fill: currentColor !important; }
.tabbar__container-item, .home_tab_btn, .activity_tab_btn, .wallet_tab_btn, .account_tab_btn {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}
.tabbar__container-item .svg-icon path,
.tabbar__container-item .svg-icon circle,
.tabbar__container-item .svg-icon rect { fill: currentColor !important; }
.tabbar__container-item.active .svg-icon { color: #ffffff !important; }
.tabbar__container-item:not(.active) .svg-icon { color: rgb(255, 255, 255) !important; }

/* ── Cards ── */
[class*="card"], [class*="Card"],
[class*="list-item"], [class*="listItem"],
[class*="item__container"], [class*="first_list-item"],
.van-cell, .van-cell-group {
  background: #363636 !important;
  border-color: rgb(131, 2, 2) !important;
}

/* ── Buttons — solid red, no gradient ── */
.van-button--primary,
.van-button--default,
.cg-default.van-button {
  background: #000000 !important;
  background-image: none !important;
  animation: none !important;
  color: #ffffff !important;
  border: none !important;
}

/* ── Inputs ── */
input, textarea, .van-field__control {
  background: #000000 !important;
  color: #f0f0f0 !important;
  border-color: rgba(249,89,89,0.2) !important;
}
input:focus, textarea:focus {
  border-color: #b30303 !important;
  outline-color: rgba(249,89,89,0.3) !important;
}

/* ── Popups ── */
.van-popup, .van-dialog, .popup {
  background: #161616 !important;
  border: 1px solid rgba(249,89,89,0.2) !important;
}
.van-dialog__header, .van-dialog__message { color: #f0f0f0 !important; }
.van-dialog__confirm { color: #b30303 !important; }

/* ── Notice bar ── */
#app .noticeBar__container {
  background: #000000 !important;
  color: #a0a0a0 !important;
  border: 1px solid rgba(249,89,89,0.1) !important;
}
.noticeBar__container button {
  background: #b30303 !important;
  background-image: none !important;
  border-color: #b30303 !important;
  color: #ffffff !important;
}

/* ── Swiper ── */
.swiper-pagination-bullet-active { background: #b30303 !important; }

/* ── Tabs ── */
[class*="tab--active"], [class*="Tab--active"] {
  color: #b30303 !important;
  border-bottom-color: #ffffff !important;
}

/* ── Amount text ── */
[class*="amount"], [class*="Amount"],
[class*="money"], [class*="Money"],
[class*="balance-num"], [class*="balanceNum"] {
  color: #b30303 !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: #0d0d0d; }
::-webkit-scrollbar-thumb { background: rgba(249,89,89,0.3); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #b30303; }

/* ── Van picker ── */
.van-picker { background: #000000 !important; }
.van-picker__toolbar { background: #161616 !important; border-bottom: 1px solid rgba(249,89,89,0.15) !important; }
.van-picker-column__item { color: #a0a0a0 !important; }
.van-picker-column__item--selected { color: #b30303 !important; }

/* ── Van calendar ── */
.van-calendar__header { background: #161616 !important; color: #f0f0f0 !important; }
.van-calendar__day--selected,
.van-calendar__day--start,
.van-calendar__day--end { background: #b30303 !important; color: #ffffff !important; }

/* ── Loading ── */
.van-loading__spinner { color: #b30303 !important; }
.van-circle__hover { stroke: #b30303 !important; }
.van-sidebar-item--select::before { background-color: #b30303 !important; }
.van-switch--on { background: #b30303 !important; }

/* ── Tag / badge ── */
.van-tag--primary, .van-badge {
  background: #b30303 !important;
  color: #ffffff !important;
}

/* ============================================================
   Force override — green & blue elements → red
   ============================================================ */

/* Deposit / Recharge button (green) */
[class*="recharge"], [class*="Recharge"],
[class*="deposit"], [class*="Deposit"],
.btn-recharge, .recharge-btn,
button[class*="green"], .van-button.green,
[style*="background: #2ecc71"], [style*="background:#2ecc71"],
[style*="background: #27ae60"], [style*="background:#27ae60"],
[style*="background: #07c160"], [style*="background:#07c160"],
[style*="background-color: #2ecc71"],
[style*="background-color: #07c160"] {
  background: #140101 !important;
  background-color: #000000 !important;
  background-image: none !important;
  border-color: #b30303 !important;
  color: #ffffff !important;
}

/* Green borders / outlines */
[style*="border-color: #07c160"],
[style*="border: 1px solid #07c160"],
[style*="border: 2px solid #07c160"],
[style*="border-color: #2ecc71"],
[style*="outline-color: #07c160"] {
  border-color: #b30303 !important;
  outline-color: #b30303 !important;
}

/* Blue game tab active state */
[class*="tab"][class*="active"],
[class*="Tab"][class*="active"],
[class*="selected"],
[class*="active"][class*="tab"] {
  background: #b30303 !important;
  background-color: #b30303 !important;
  color: #ffffff !important;
  border-color: #b30303 !important;
}

/* Blue circle icons / game type selectors */
[class*="lottery"][class*="active"],
[class*="game"][class*="active"],
[class*="type"][class*="active"],
[class*="item"][class*="active"],
[class*="select"][class*="active"] {
  background: #b30303 !important;
  background-color: #b30303 !important;
  color: #ffffff !important;
}

/* Blue/green SVG fills */
svg [fill="#07c160"],
svg [fill="#2ecc71"],
svg [fill="#27ae60"],
svg [fill="#5CA6FF"],
svg [fill="#3689FF"],
svg [fill="#1989fa"] {
  fill: #b30303 !important;
}

/* Green/blue stroke */
svg [stroke="#07c160"],
svg [stroke="#2ecc71"],
svg [stroke="#5CA6FF"],
svg [stroke="#1989fa"] {
  stroke: #b30303 !important;
}

/* Dice/game result border (green box) */
[class*="result"], [class*="Result"],
[class*="dice"], [class*="Dice"],
[class*="slot"], [class*="Slot"] {
  border-color: #b30303 !important;
}

/* Van tabs active */
.van-tabs__line { background: #ffffff !important; }
.van-tab--active { color: #b30303 !important; }

/* Any remaining green buttons */
.van-button--success,
.van-button[type="success"] {
  background: #b30303 !important;
  background-color: #b30303 !important;
  border-color: #b30303 !important;
  color: #ffffff !important;
}

/* Blue progress/circle */
.van-circle__hover[stroke="#1989fa"],
.van-circle__hover { stroke: #b30303 !important; }

/* Withdraw button keep red, Deposit also red */
[class*="withdraw"], [class*="Withdraw"] {
  background: #000000 !important;
  background-color: #000000 !important;
  border-color: #b30303 !important;
  color: #ffffff !important;
}

/* ============================================================
   WinGo / K3 / 5D specific overrides — all red
   ============================================================ */

/* Recharge/Deposit button (green) */
.recharge__container-recharge,
[class*="recharge__container"],
.wallet__container-recharge,
[class*="wallet"][class*="recharge"],
[class*="Recharge"][class*="btn"],
[class*="btn"][class*="Recharge"] {
  background: #b30303 !important;
  background-color: #b30303 !important;
  background-image: none !important;
  border-color: #b30303 !important;
  color: #ffffff !important;
}

/* WinGo active game tab (red circle) */
.Betting__C-head-item.active,
.Betting__C-head-item--active,
[class*="Betting"][class*="head"][class*="active"],
[class*="head-item"][class*="active"],
[class*="headItem"][class*="active"] {
  background: #b30303 !important;
  background-color: #b30303 !important;
  border-color: #b30303 !important;
}

/* Big button (orange) */
[class*="Betting__C-body-bet-btn"][class*="big"],
[class*="bet-btn"][class*="big"],
[class*="betBtn"][class*="big"],
.Betting__C-body-bet-btn.big,
[class*="Big"],
button[class*="big"] {
  background: #b30303 !important;
  background-color: #b30303 !important;
  background-image: none !important;
  border-color: #b30303 !important;
  color: #ffffff !important;
}

/* Small button (blue) */
[class*="Betting__C-body-bet-btn"][class*="small"],
[class*="bet-btn"][class*="small"],
[class*="betBtn"][class*="small"],
.Betting__C-body-bet-btn.small,
[class*="Small"],
button[class*="small"] {
  background: #b30303 !important;
  background-color: #b30303 !important;
  background-image: none !important;
  border-color: #b30303 !important;
  color: #ffffff !important;
}

/* Green/Violet/Red bet buttons */
.Betting__C-body-bet-color.green,
[class*="bet-color"][class*="green"],
[class*="betColor"][class*="green"] {
  background: #b30303 !important;
  background-color: #b30303 !important;
}

/* Number balls border */
.Betting__C-body-num-item,
[class*="num-item"],
[class*="numItem"] {
  border-color: #b30303 !important;
}

/* Active number ball */
.Betting__C-body-num-item.active,
[class*="num-item"][class*="active"] {
  background: #b30303 !important;
  border-color: #b30303 !important;
  color: #ffffff !important;
}

/* Game history / chart / follow strategy tabs */
.Betting__C-foot-tab .active,
[class*="foot-tab"][class*="active"],
[class*="footTab"][class*="active"] {
  background: #b30303 !important;
  color: #ffffff !important;
  border-color: #b30303 !important;
}

/* Period / Number / Big time bottom tabs */
[class*="record"][class*="tab"][class*="active"],
[class*="Record"][class*="tab"][class*="active"] {
  color: #b30303 !important;
  border-bottom-color: #b30303 !important;
}

/* Orange fill SVG icons → red */
[fill="#FF891D"], [fill="#FFA522"], [fill="#F87700"],
[fill="#ff891d"], [fill="#ffa522"], [fill="#f87700"] {
  fill: #b30303 !important;
}

/* Blue fill SVG → red */
[fill="#5CA6FF"], [fill="#3689FF"], [fill="#1989fa"],
[fill="#5ca6ff"], [fill="#3689ff"] {
  fill: #b30303 !important;
}

/* Green fill SVG → red */
[fill="#07c160"], [fill="#2ecc71"], [fill="#27ae60"],
[fill="#03AC84"], [fill="#03ac84"] {
  fill: #b30303 !important;
}

/* Stroke overrides */
[stroke="#07c160"], [stroke="#2ecc71"], [stroke="#5CA6FF"],
[stroke="#FF891D"], [stroke="#FFA522"] {
  stroke: #b30303 !important;
}

/* Van button success (green Deposit) */
.van-button--success,
.van-button--warning {
  background-color: #b30303 !important;
  background: #b30303 !important;
  border-color: #b30303 !important;
  color: #ffffff !important;
}

/* Any inline style green/orange buttons */
[style*="#07c160"], [style*="#2ecc71"], [style*="#27ae60"],
[style*="#FF891D"], [style*="#FFA522"] {
  background-color: #b30303 !important;
  color: #ffffff !important;
}