/* =====================================================
   JAICLUB CREAM & DARK RED THEME
   Elegant combination of Dark Red and Light Cream
   ===================================================== */

 :root {
   --main-color: #FF0000 !important;
   --bg_color_L1: #FFFDF8 !important; /* Soft Cream / Off-white */
   --bg_color_L2: #FFFFFF !important;
   --bg_color_L3: #FEF1E6 !important; /* Light Peachy Cream */
   --text_color_L1: #4A3A3F !important; /* Dark warm brown for text */
   --text_color_L2: #7A696E !important;
   --text_color_L3: #A4959A !important;
   --text_color_L4: #FFFFFF !important;
   --Dividing-line_color: #F4E4DB !important;
   --borderColor-5: #F4E4DB !important;
   --bgColor-10: #FEF1E6 !important;
   --bgcolor-54: #F4E4DB !important;
   
   /* Gradient: Pink to Peach/Light Pink */
   --main_gradient-color: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   --main_gradient-color2: linear-gradient(180deg, #FF0000 0%, #FF3333 100%) !important;
   --light-main_gradient-color: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   
   --van-primary-color: #FF0000 !important;
   --van-text-color: #4A3A3F !important;
   --van-border-color: #F4E4DB !important;
   --van-background: #FFFDF8 !important;
   --van-background-2: #FFFFFF !important;
   --van-background-3: #FFFFFF !important;
   --van-cell-background: #FFFFFF !important;
   --van-dialog-background: #FFFFFF !important;
   --van-popup-background: #FFFDF8 !important;
   --van-button-primary-background: #FF0000 !important;
   --van-button-primary-border-color: #FF0000 !important;
   
   /* Accent border */
   --blue-accent-border: #F4E4DB !important;
 }

 body {
   background-color: #FFFDF8 !important;
   color: #4A3A3F !important;
 }

 #app {
   background: #FFFDF8 !important;
 }

 .hangBar .hang,
 body .hangBar .hang {
   background: #FFFFFF !important;
   border-bottom: 1px solid #F4E4DB !important;
 }

 .navbar.main .navbar-fixed,
 .navbar.downBar .navbar-fixed {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   background-image: none !important;
 }

 .navbar-fixed,
 .van-nav-bar {
   background: #FFFFFF !important;
   background-image: none !important;
   border-bottom: 1px solid #F4E4DB !important;
   box-shadow: 0 2px 12px rgba(139, 0, 0, 0.08) !important;
 }

 .van-nav-bar__title,
 .navbar__content-center {
   color: #4A3A3F !important;
   font-weight: 700 !important;
 }

 .van-nav-bar__arrow,
 .navbar__content-left .van-icon {
   color: #4A3A3F !important;
 }

 .purple-home__nav { display: flex !important;  justify-content: space-between !important; align-items: center !important;
   background-color: #FFFFFF !important;
   border-bottom: 1px solid #F4E4DB !important;
   box-shadow: 0 2px 12px rgba(139, 0, 0, 0.08) !important;
 }

 .purple-home__nav-bg {
   display: none !important;
 }

 .purple-home__nav-right .languageName {
   color: #4A3A3F !important;
 }

 .purple-home__nav-chip__amount {
   color: #FF0000 !important;
   font-weight: bold !important;
   font-size: 115% !important;
 }

 .purple-home__nav-auth__login {
   background: #FFFFFF !important;
   color: #4A3A3F !important;
   border: 1px solid #F4E4DB !important;
   box-shadow: 0 2px 8px rgba(139, 0, 0, 0.05) !important;
 }

 .purple-home__nav-auth__register {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   color: #FFFFFF !important;
   border: none !important;
   box-shadow: 0 4px 14px rgba(139, 0, 0, 0.2) !important;
 }

 .tabbar, .van-tabbar, .bottom-nav, .tabbarBg, #app .tabbar {
   /* Adjust hue slightly to warm tone if needed */
   filter: hue-rotate(65deg) brightness(1.1) saturate(2.5) !important;
   -webkit-filter: hue-rotate(65deg) brightness(1.1) saturate(2.5) !important;
 }

 .van-info,
 .van-badge,
 .tabbar__items-tab .van-info,
 .tabbar__items-tab .van-badge,
 .purple-home__nav .van-badge,
 .purple-home__nav .van-info,
 #app .van-badge,
 #app .van-info {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   color: #FFFFFF !important;
   border: 1px solid #FFFFFF !important;
   box-shadow: 0 2px 4px rgba(139, 0, 0, 0.25) !important;
 }

 .purple-home {
   background: #FFFDF8 !important;
 }

 .purple-home__section-card,
 .recommended-games,
 .game-section,
 .partner-logos,
 .gameTypeHome {
   background: #FFFFFF !important;
   border: 1px solid #F4E4DB !important;
   box-shadow: 0 4px 16px rgba(139, 0, 0, 0.04) !important;
 }

 .section-header,
 .game-section .section-header {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   color: #FFFFFF !important;
 }

 #app .GameList__C {
   background: #FFFDF8 !important;
 }

 .GameList__C-item {
   background: #FFFFFF !important;
   border: 1px solid #F4E4DB !important;
 }

 body .GameList__C-item.active {
   background: linear-gradient(135deg, #FF3333 0%, #FF0000 100%) !important;
 }

 .noticeBar__container,
 #app .noticeBar__container {
   background: #FFFDF8 !important;
   background-image: none !important;
   border: 1px solid #F4E4DB !important;
   box-shadow: none !important;
   filter: hue-rotate(65deg) brightness(1.1) saturate(2.5) !important;
 }

 .noticeBar__container,
 .noticeBar__container *,
 .noticeBar__container span,
 .noticeBar__container div {
   color: #FF0000 !important;
 }

 .noticeBar__container .notice_svg {
   filter: hue-rotate(65deg) brightness(1.1) saturate(2.5) !important;
 }

 .game-tabs__scroll-item {
   background: #FFFFFF !important;
   color: #7A696E !important;
   border: 1px solid #F4E4DB !important;
   border-radius: 8px !important;
 }

 .game-tabs__scroll-item span {
   color: #7A696E !important;
 }

 .game-tabs__scroll-item.active {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   border-color: transparent !important;
 }

 .game-tabs__scroll-item.active span {
   color: #FFFFFF !important;
 }

 .game-tabs__scroll--sticky {
   background: rgba(255, 253, 248, 0.95) !important;
   backdrop-filter: blur(15px) !important;
   -webkit-backdrop-filter: blur(15px) !important;
   box-shadow: 0 4px 16px rgba(139, 0, 0, 0.04) !important;
 }

 .lottery-info,
 .lottery-container {
   background: #FFFDF8 !important;
 }

 .van-cell {
   background-color: #FFFFFF !important;
   color: #4A3A3F !important;
 }

 .van-cell::after {
   border-color: #F4E4DB !important;
 }

 .van-cell__title {
   color: #4A3A3F !important;
 }

 .van-cell__value {
   color: #7A696E !important;
 }

 .van-cell__label {
   color: #A4959A !important;
 }

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

 .van-tab {
   color: #7A696E !important;
 }

 .van-tab--active {
   color: #FF0000 !important;
   font-weight: 700 !important;
 }

 .van-tabs__line {
   background: linear-gradient(90deg, #FF0000 0%, #FF3333 100%) !important;
 }

 .van-action-sheet {
   background-color: #FFFFFF !important;
   border-radius: 20px 20px 0 0 !important;
 }

 .van-action-sheet__header {
   color: #4A3A3F !important;
   font-weight: 700 !important;
 }

 .van-action-sheet__item {
   color: #4A3A3F !important;
 }

 .van-action-sheet__cancel {
   color: #A4959A !important;
   background-color: #FFFDF8 !important;
 }

 .van-popup,
 .van-dialog {
   background-color: #FFFFFF !important;
   border-radius: 20px !important;
   border: 1px solid #F4E4DB !important;
   box-shadow: 0 20px 50px rgba(139, 0, 0, 0.12) !important;
 }

 .van-overlay,
 .popup-overlay {
   background-color: rgba(74, 58, 63, 0.5) !important;
   backdrop-filter: blur(6px) !important;
   -webkit-backdrop-filter: blur(6px) !important;
 }

 .van-dialog__header {
   color: #4A3A3F !important;
   font-weight: 700 !important;
 }

 .van-dialog__confirm,
 body .van-dialog__confirm {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   color: #FFFFFF !important;
   border: none !important;
 }

 .van-dialog__cancel,
 body .van-dialog__cancel {
   background: #FEF1E6 !important;
   color: #4A3A3F !important;
 }

 .van-notice-bar {
   background-color: #FEF1E6 !important;
   color: #FF0000 !important;
 }

 .van-switch--on {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
 }

 .van-tag--primary {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
 }

 .van-swipe__indicator--active {
   background-color: #FF0000 !important;
 }

 .van-grid-item__content {
   background-color: #FFFFFF !important;
 }

 .van-skeleton__row,
 .van-skeleton__title {
   background-color: #FEF1E6 !important;
 }

 .van-button--primary,
 .btn-primary {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   border: none !important;
   color: #FFFFFF !important;
   box-shadow: 0 4px 14px rgba(139, 0, 0, 0.2) !important;
   border-radius: 12px !important;
 }

 .van-button--primary:active {
   transform: scale(0.97) !important;
 }

 .van-button--default {
   background-color: #FFFFFF !important;
   border: 1.5px solid #F4E4DB !important;
   color: #FF0000 !important;
   border-radius: 12px !important;
 }

 #app .Wallet__C:before {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
 }

 #app .Wallet__C-balance {
   background-color: #FEF1E6 !important;
   background-image: none !important;
 }

 input,
 textarea {
   color: #4A3A3F !important;
   background-color: #FFFFFF !important;
   border: 1px solid #F4E4DB !important;
   border-radius: 8px !important;
 }

 input:focus,
 textarea:focus {
   border-color: #FF0000 !important;
   box-shadow: 0 0 0 3px rgba(139, 0, 0, 0.1) !important;
   outline: none !important;
 }

 .card,
 .van-card,
 .list-item,
 .record-panel-item,
 .bonus-item,
 .task-item,
 .activity-item,
 .commission-card,
 .invitation-card,
 .recharge-channel,
 .withdraw-channel,
 .game-card,
 .game-item {
   background-color: #FFFFFF !important;
   border: 1px solid #F4E4DB !important;
   border-radius: 14px !important;
   box-shadow: 0 4px 16px rgba(139, 0, 0, 0.04) !important;
 }

 ::-webkit-scrollbar {
   width: 5px;
   height: 5px;
 }

 ::-webkit-scrollbar-track {
   background: #FFFDF8 !important;
 }

 ::-webkit-scrollbar-thumb {
   background: #FF3333 !important;
   border-radius: 10px !important;
 }

 svg[style*="position: absolute"] {
   height: 0 !important;
   width: 0 !important;
   overflow: hidden !important;
 }

 .content {
   background: #FFFDF8 !important;
 }

 .start-page {
   background-image: linear-gradient(160deg, #FFFDF8 0%, #FEF1E6 100%) !important;
 }

 .login-card,
 .websit_info {
   background-color: rgba(255, 255, 255, 0.95) !important;
   border: 1px solid #F4E4DB !important;
 }

 .websit_info,
 .websit_info *,
 .copy-right,
 .copy-right *,
 .GameContainer_games~div,
 .GameContainer_games~div * {
   color: #7A696E !important;
 }

 .Winningdata {
   background: transparent !important;
   filter: hue-rotate(65deg) brightness(1.1) saturate(2.5) !important;
   -webkit-filter: hue-rotate(65deg) brightness(1.1) saturate(2.5) !important;
 }

 .profitRanking {
   background: #FFFDF8 !important;
   border: 1px solid #F4E4DB !important;
   border-radius: 16px !important;
   box-shadow: 0 4px 15px rgba(139, 0, 0, 0.05) !important;
 }

 .mainContainer_profitContainer_title {
   color: #4A3A3F !important;
 }

 .mainContainer_profitContainer_amount {
   color: #FF0000 !important;
 }

 .mainContainer_profitContainer_bg svg,
 .mainContainer_profitContainer_bg svg path {
   fill: #FFFFFF !important;
 }

 .GameContainer_games>div img[src*="WinGo"],
 .GameContainer_games>div img[src*="K3"],
 .GameContainer_games>div img[src*="5D"],
 .GameContainer_games>div img[src*="Trx"],
 .GameContainer_games>div img[src*="Moto"] {
   filter: saturate(1.2) hue-rotate(-10deg) !important;
   -webkit-filter: saturate(1.2) hue-rotate(-10deg) !important;
 }

 .TimeLeft__C,
 .videowingo .TimeLeft__C,
 .PreSaleRule .head {
   background-image: none !important;
   background-color: #FFFFFF !important;
   border: 1px solid #F4E4DB !important;
   border-radius: 12px !important;
   box-shadow: 0 4px 16px rgba(139, 0, 0, 0.05) !important;
 }

 .TimeLeft__C {
   color: #4A3A3F !important;
 }

 .TimeLeft__C-id,
 .TimeLeft__C-text,
 .TimeLeft__C-time>div {
   color: #4A3A3F !important;
 }

 .Betting__C-mark {
   background: rgba(255, 253, 248, 0.85) !important;
   backdrop-filter: blur(4px) !important;
   -webkit-backdrop-filter: blur(4px) !important;
 }

 .Betting__C-mark>div {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   color: #FFFFFF !important;
   box-shadow: 0 8px 30px rgba(139, 0, 0, 0.25) !important;
   border: 2px solid #FFFFFF !important;
   text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
 }

 .GameList__C-time .item.active {
   background: linear-gradient(135deg, #FF0000 0%, #FF3333 100%) !important;
   color: #FFFFFF !important;
 }

 .GameList__C-time .item.active::before,
 .GameList__C-time .item.active::after {
   background: radial-gradient(circle at 0 0, rgba(139, 0, 0, 0) 0.4rem, #FF0000 0.41333rem) !important;
 }

 .videowingo,
 .lottery-container {
   background-color: #FFFDF8 !important;
 }

 .Betting__C {
   background-color: #FFFFFF !important;
   border: 1px solid #F4E4DB !important;
 }

 .profit-rank {
     background: linear-gradient(135deg, #FEF1E6 0%, #F4E4DB 100%) !important;
     border: 2px solid #FFFFFF !important;
     border-radius: 16px !important;
     box-shadow: 0 4px 16px rgba(139, 0, 0, 0.08) !important;
     margin-bottom: 20px !important;
 }

 .profit-rank__list {
     background: #FFFFFF !important;
     border: 1px solid #F4E4DB !important;
     border-radius: 12px !important;
     box-shadow: 0 2px 8px rgba(139, 0, 0, 0.04) !important;
 }

 .profit-rank__podium-item__name {
     color: #4A3A3F !important;
     font-weight: 500 !important;
 }
 .profit-rank__podium-item__amount {
     background: #FEF1E6 !important;
     color: #FF0000 !important;
     border: 1px solid #F4E4DB !important;
 }

 .profit-rank__list-item__name {
     color: #4A3A3F !important;
 }
 .profit-rank__list-item__amount {
     color: #FF0000 !important;
     font-weight: 700 !important;
 }
 .profit-rank__list-item__rank i {
     color: #FF0000 !important;
 }
 .profit-rank__list-item {
     border-bottom: 1px solid #F4E4DB !important;
 }

.partner-logos__grid-item {
    border-radius: 12px !important;
    border: 1px solid #F4E4DB !important;
    box-shadow: 0 4px 12px rgba(139, 0, 0, 0.08) !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #FEF1E6 100%) !important;
    overflow: hidden !important;
}

.partner-logos__grid-item img {
    width: 100% !important;
    display: block !important;
    border-radius: 12px !important;
    mix-blend-mode: multiply !important;
    filter: hue-rotate(65deg) brightness(1.1) saturate(2.5) !important;
}

.progressBars {
    margin-bottom: 16px !important;
}

.van-skeleton--animate .van-skeleton__row,
.van-skeleton--animate .van-skeleton__title {
    background: linear-gradient(90deg, #FEF1E6 25%, #FFFDF8 37%, #FEF1E6 63%) !important;
    background-size: 400px 100% !important;
    animation: van-skeleton-blink 1.8s ease infinite !important;
}

.van-toast {
    background-color: rgba(74, 58, 63, 0.8) !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
}
.van-toast__text {
    color: #FFFFFF !important;
}













/* Swap Header Items */
.purple-home__nav {
  
  justify-content: center !important; /* fallback */
}
.purple-home__nav-left {
  position: absolute !important;
  right: 0.32rem !important; top: 50% !important; transform: translateY(-50%) !important;
  left: auto !important;
  margin: 0 !important;
}
.purple-home__nav-center {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important; transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}
.purple-home__nav-right {
  position: absolute !important;
  left: 0.32rem !important; top: 50% !important; transform: translateY(-50%) !important;
  right: auto !important;
  margin: 0 !important;
}



/* Hide broken app items in download center */
.app-list .app-item {
    display: none !important;
}

/* Increase Top Center Logo Size */
.purple-home__nav-center .purple-home__nav-logo {
    max-width: 3.3rem !important;
    height: 1.3rem !important;
    
}