/* =====================================================
   RED THEME OVERRIDE
   - Replaces all gold/green theme colors with red
   - Win Go / Lottery game area (saasLottery) is NOT affected
   ===================================================== */

/* ---- CSS Custom Property Overrides ---- */
:root,
html,
body {
  --primary: #e02020 !important;
  --secondary: #3d0000 !important;
  --accent: #ff3333 !important;

  --main-color: #e02020 !important;
  --main_gradient-color: linear-gradient(180deg, #e02020 0%, #9b0000 100%) !important;
  --main_gradient-color2: linear-gradient(90deg, #e02020 0%, #b30000 100%) !important;
  --main-gradient-start: #e02020 !important;
  --main-gradient-end: #9b0000 !important;
  --light-main-color: #ff6666 !important;
  --norm_secondary-color: #e02020 !important;
  --norm_red-color: #e02020 !important;

  --bg_color_L1: #160000 !important;
  --bg_color_L2: #220000 !important;
  --bg_color_L3: #2d0000 !important;
  --bg_color_L4: #3d0000 !important;
  --body: #120000 !important;
  --darkBg: #1a0000 !important;
  --darkTextW: #fff !important;

  --bgcolor-1: #160000 !important;
  --bgColor-6: #220000 !important;
  --bgColor-10: #2d0000 !important;
  --bgColor-13: #3d0000 !important;
  --bgColor-17: #4a0000 !important;
  --bgcolor-21: #1a0000 !important;
  --bgcolor-22: #200000 !important;
  --bgcolor-27: #250000 !important;
  --bgcolor-32: #2d0000 !important;
  --bgcolor-53: #160000 !important;
  --bgColor-53: #160000 !important;
  --bgcolor-54: #1a0000 !important;
  --bgColor-67: #220000 !important;

  --linearGradien-1: linear-gradient(180deg, #e02020 0%, #9b0000 100%) !important;
  --linearGradien-5: linear-gradient(135deg, #e02020 0%, #9b0000 100%) !important;
  --linearGradien-6: linear-gradient(90deg, #e02020, #b30000) !important;
  --linearGradien-8: linear-gradient(180deg, #ff3333, #cc0000) !important;
  --linearGradien-9: linear-gradient(180deg, #cc1a1a, #8b0000) !important;
  --linearGradien-17: linear-gradient(90deg, #e02020 0%, #b30000 100%) !important;
  --linearGradien-19: linear-gradient(180deg, #ff4444, #dd0000) !important;
  --linearGradien-21: linear-gradient(180deg, #e02020, #9b0000) !important;
  --linearGradien-38: linear-gradient(135deg, #ff3333, #cc0000) !important;
  --linerGradient-70: linear-gradient(180deg, #e02020 0%, #9b0000 100%) !important;
  --linerGradient-83: linear-gradient(180deg, #e02020 0%, #9b0000 100%) !important;

  --homeActiveBgColor: #e02020 !important;
  --HomebgLightColor: rgba(224, 32, 32, 0.15) !important;
  --ext_color_L1: #ff6666 !important;
  --icon2: #e02020 !important;

  --LotteryBingoBg: #1a0000 !important;
  --LotteryBingoBg-3: #220000 !important;
  --LotteryBingoTextColor: #ff6666 !important;
  --lotterybtnColor: #e02020 !important;
  --LotteryTrendColor: #e02020 !important;
  --LotteryXosoTimeBg: #3d0000 !important;
  --LotteryXosoTimeColor: #fff !important;

  --rechargeBgColor-1: #160000 !important;
  --walletBgColor-1: #1a0000 !important;

  --text_color_L1: #fff !important;
  --text_color_L2: #ffcccc !important;
  --text_color_L3: #ff9999 !important;
  --text_color_L4: #ff6666 !important;
  --white: #fff !important;
  --whiteBg: #fff !important;
  --f666: #ffbbbb !important;
  --fgray-2: #ffaaaa !important;
  --gray-1: #d0d0d0 !important;
  --gray-color-1: #ccc !important;

  --Dividing-line_color: rgba(224, 32, 32, 0.3) !important;
  --dividing-line_color: rgba(224, 32, 32, 0.3) !important;

  --van-primary-color: #e02020 !important;
  --van-tag-primary-color: #e02020 !important;
  --van-button-primary-background: #e02020 !important;
  --van-button-primary-border-color: #e02020 !important;
  --van-tabs-bottom-bar-color: #e02020 !important;
  --van-tab-active-text-color: #e02020 !important;
  --van-slider-active-background: #e02020 !important;
  --van-checkbox-checked-icon-color: #e02020 !important;
  --van-switch-on-background: #e02020 !important;
  --van-calendar-selected-day-background: #e02020 !important;
  --van-toast-background: #160000 !important;
  --van-action-sheet-item-background: #160000 !important;
  --van-picker-background: #160000 !important;
}

/* ---- Body ---- */
html, body {
  background: #120000 !important;
}

/* ---- Nav Bars ---- */
.van-nav-bar,
.van-nav-bar__content,
.originalmainContainer {
  background: linear-gradient(180deg, #e02020 0%, #9b0000 100%) !important;
  border-bottom-color: #9b0000 !important;
}

.van-nav-bar__title,
.van-nav-bar .van-icon {
  color: #fff !important;
}

/* ---- Bottom Tab Bar ---- */
.van-tabbar,
.van-tabbar--fixed {
  background: #160000 !important;
  border-top: 1px solid #3d0000 !important;
}

.van-tabbar-item--active,
.van-tabbar-item--active .van-tabbar-item__text,
.van-tabbar-item--active .van-icon {
  color: #e02020 !important;
}

/* ---- Top Tabs ---- */
.van-tabs__line {
  background: #e02020 !important;
}

.van-tab--active,
.van-tab--active .van-tab__text {
  color: #e02020 !important;
}

.van-tabs__nav {
  background: #160000 !important;
}

.van-tab--card.van-tab--active {
  background: linear-gradient(90deg, #e02020, #b30000) !important;
  color: #fff !important;
}

/* ---- Buttons (Log in / Register / Custom Buttons) ---- */
.van-button--primary {
  background: linear-gradient(180deg, #e02020 0%, #9b0000 100%) !important;
  border-color: #9b0000 !important;
  color: #fff !important;
}

.van-button--danger {
  background: #e02020 !important;
  border-color: #b30000 !important;
}

/* স্ক্রিনশটের বাটনগুলোর স্টাইল (Gold-Green থেকে Red-এ রূপান্তর) */
.login-btn, 
.register-btn,
.container button,
[class*="btn-login"],
[class*="btn-register"] {
  background: linear-gradient(180deg, #ff3333 0%, #9b0000 100%) !important;
  border: 1px solid #b30000 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(224, 32, 32, 0.4) !important;
}

/* ---- Forms ---- */
.van-field,
.van-cell {
  background: #220000 !important;
  color: #fff !important;
}

.van-field__control {
  color: #fff !important;
  caret-color: #e02020 !important;
}

.van-cell::after {
  border-color: rgba(224, 32, 32, 0.3) !important;
}

input,
select,
textarea {
  border-color: rgba(224, 32, 32, 0.5) !important;
  background: #200000 !important;
  color: #fff !important;
}

/* ---- Cards / Panels ---- */
.van-cell-group {
  background: #220000 !important;
}

/* ---- Wallet / Deposit / Withdraw header ---- */
.WHD__container-header {
  background: linear-gradient(180deg, #e02020 0%, #9b0000 100%) !important;
}

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

/* ---- Loading spinner ---- */
.van-loading__spinner,
.van-loading__circular {
  color: #e02020 !important;
}

/* ---- Progress bars ---- */
.van-progress__portion {
  background: linear-gradient(90deg, #e02020, #ff3333) !important;
}

/* ---- Badges / Tags ---- */
.van-badge--primary,
.van-tag--primary {
  background: #e02020 !important;
}

/* ---- Dividers ---- */
.van-divider {
  border-color: rgba(224, 32, 32, 0.3) !important;
  color: #ff9999 !important;
}

/* ---- Popup / Dialog ---- */
.van-popup {
  background: #160000 !important;
}

.van-dialog {
  background: #1a0000 !important;
}

.van-dialog__header {
  color: #ff6666 !important;
}

.van-action-sheet__item {
  background: #160000 !important;
  color: #fff !important;
}

/* ---- Switch ---- */
.van-switch--on {
  background: #e02020 !important;
}

/* ---- Keep images / logos unaffected ---- */
img[src*="win"],
.logo,
.brand,
[class*="logo"] {
  filter: none !important;
}

/* ---- Links ---- */
a {
  color: #ff6666 !important;
}
a:hover {
  color: #ff3333 !important;
}