/* =====================================================
   TASHAN WIN - SOFT BLUE/PEACH MIX THEME
   Source-verified. All icons preserved. Soft gradient bg.
   ===================================================== */

 /* ── DESIGN TOKENS ─────────────────────────────────── */
 :root, html, body, .van-theme-dark, [data-theme="dark"] {
   --main-color: #6ba6ed !important; /* Soft Blue Accent */
   --bg_color_L1: transparent !important;
   --bg_color_L2: transparent !important;
   --bg_color_L3: transparent !important;
   --text_color_L1: #333333 !important;
   --text_color_L2: #666666 !important;
   --text_color_L3: #999999 !important;
   --text_color_L4: #ffffff !important;
   --Dividing-line_color: #dbeafe !important;
   --borderColor-5: #dbeafe !important;
   --bgColor-10: rgba(255, 255, 255, 0.5) !important;
   --bgcolor-54: #dbeafe !important;
   --main_gradient-color: linear-gradient(90deg, #6ba6ed 0%, #a3c7f7 100%) !important;
   --main_gradient-color2: linear-gradient(180deg, #6ba6ed 0%, #4a8cdb 100%) !important;
   --light-main_gradient-color: linear-gradient(90deg, #6ba6ed 0%, #a3c7f7 100%) !important;
   --norm_red-color: #EF4444 !important;
   --norm_green-color: #22C55E !important;
   --norm_secondary-color: #f5b953 !important; /* Soft Gold */
   --norm_bule-color: #6ba6ed !important;
   --button_dis_color: #e5e7eb !important;
   
   --van-primary-color: #6ba6ed !important;
   --van-text-color: #333333 !important;
   --van-border-color: #dbeafe !important;
   --van-background: transparent !important;
   --van-background-2: transparent !important;
   --van-background-3: transparent !important;
   --van-cell-background: transparent !important;
   --van-dialog-background: #ffffff !important;
   --van-popup-background: #ffffff !important;
   --van-button-primary-background: #6ba6ed !important;
   --van-button-primary-border-color: #6ba6ed !important;
   --light-bg_white: transparent !important;
   --darkBg: transparent !important;

   /* Soft gold accent border for finishing polish */
   --blue-accent-border: #f5b953 !important;
 }

 /* ── GLOBAL BODY & FULL PAGE MIXING GRADIENT ─────────────────────────────────────── */
 html, 
 body, 
 #app, 
 .content, 
 .van-theme-dark, 
 .van-theme-dark body, 
 .van-theme-dark #app,
 .app-bg,
 .bg-color,
 .main-bg {
   /* 2 COLOR MIX - Soft Blue to Soft Peach/Yellow */
   background: linear-gradient(145deg, #e0f2fe 0%, #fff5e0 100%) !important;
   background-attachment: fixed !important;
   background-size: cover !important;
   min-height: 100vh !important;
   color: #333333 !important;
 }

 /* Force any generic dark blocks to be transparent so the gradient shows */
 .page-container, .main-container, .main, .layout-main {
    background: transparent !important;
 }

 /* ── TOP HEADER / HANG BAR ───────────────────────────── */
 .hangBar .hang,
 body .hangBar .hang {
   background: linear-gradient(90deg, #9333EA 0%, #A855F7 100%) !important;
   border-bottom: 1px solid #C084FC !important;
 }

 /* Main navbar (homepage top bar) - MIXING GRADIENT */
 .navbar.main .navbar-fixed,
 .navbar.downBar .navbar-fixed {
   background: linear-gradient(90deg, #9333EA 0%, #A855F7 100%) !important;
   background-image: none !important;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
 }

 /* Other page navbars - MIXING GRADIENT */
 .navbar-fixed,
 .van-nav-bar {
   background: linear-gradient(90deg, #9333EA 0%, #A855F7 100%) !important;
   background-image: none !important;
   border-bottom: 1px solid #C084FC !important;
   box-shadow: 0 2px 12px rgba(107, 166, 237, 0.1) !important;
 }

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

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

 /* ═══════════════════════════════════════════════════════
   HOME PAGE TOP NAVBAR FIX
   ═══════════════════════════════════════════════════════ */
 .purple-home__nav {
   background: linear-gradient(90deg, #9333EA 0%, #A855F7 100%) !important;
   border-bottom: 1px solid #C084FC !important;
   box-shadow: 0 2px 12px rgba(147, 51, 234, 0.1) !important;
 }

 /* Hide the legacy purple gradient image in the nav */
 .purple-home__nav-bg {
   display: none !important;
 }

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

 .purple-home__nav-chip__amount {
   color: #ffffff !important;
 }

 /* Login/Register Buttons in Navbar */
 .purple-home__nav-auth__login {
   background: transparent !important;
   color: #ffffff !important;
   border: 1px solid #ffffff !important;
   box-shadow: 0 2px 8px rgba(147, 51, 234, 0.07) !important;
 }

 .purple-home__nav-auth__register {
   background: linear-gradient(90deg, #f5b953 0%, #fbd588 100%) !important;
   color: #ffffff !important;
   border: none !important;
   box-shadow: 0 4px 14px rgba(245, 185, 83, 0.2) !important;
 }

 /* ═══════════════════════════════════════════════════════
   BOTTOM TABBAR
   ═══════════════════════════════════════════════════════ */

 .tabbar, .van-tabbar, .tabbar__items {
   /* Reverted to let original theme handle it */
 }

 .van-tabbar-item {
   background: transparent !important;
   color: #999999 !important;
 }
 .van-tabbar-item--active {
   background: transparent !important;
   color: #6ba6ed !important;
 }

 /* ── NOTIFICATION BADGES FIX ───────────────────────── */
 .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-color: #6ba6ed !important;
   color: #ffffff !important;
   border: 1px solid #ffffff !important;
   box-shadow: 0 2px 4px rgba(107, 166, 237, 0.2) !important;
 }

 /* ═══════════════════════════════════════════════════════
   HOME PAGE — BLENDED CONTAINERS
   ═══════════════════════════════════════════════════════ */

 .purple-home {
   background: transparent !important;
 }

 .purple-home__section-card,
 .recommended-games,
 .game-section,
 .partner-logos,
 .gameTypeHome {
   background: rgba(255, 255, 255, 0.8) !important;
   border: 1px solid #ffffff !important;
   border-radius: 16px !important;
   box-shadow: 0 4px 16px rgba(107, 166, 237, 0.08) !important;
   backdrop-filter: blur(8px) !important;
   -webkit-backdrop-filter: blur(8px) !important;
 }

 /* Lottery section header */
 .section-header,
 .game-section .section-header {
   background: transparent !important;
   color: #333333 !important;
 }

 /* GameList container */
 #app .GameList__C {
   background: transparent !important;
 }

 .GameList__C-item {
   background: rgba(255, 255, 255, 0.7) !important;
   border: 1px solid #ffffff !important;
 }

 body .GameList__C-item.active {
   background: linear-gradient(135deg, #6ba6ed 0%, #a3c7f7 100%) !important;
   color: #ffffff !important;
 }

 /* Notice bar */
 .noticeBar__container,
 #app .noticeBar__container {
   background: rgba(255, 255, 255, 0.6) !important;
   background-image: none !important;
   border: 1px solid #ffffff !important;
   box-shadow: none !important;
   filter: none !important;
 }

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

 .noticeBar__container .notice_svg {
   filter: none !important;
 }

 /* Game tab pills */
 .game-tabs__scroll-item {
   background: rgba(255, 255, 255, 0.8) !important;
   color: #555555 !important;
   border: 1px solid #ffffff !important;
   border-radius: 8px !important;
 }

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

 .game-tabs__scroll-item.active {
   background: linear-gradient(135deg, #f5b953, #fbd588) !important;
   border-color: transparent !important;
 }

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

 .game-tabs__scroll--sticky {
   background: rgba(224, 242, 254, 0.8) !important;
   backdrop-filter: blur(15px) !important;
   -webkit-backdrop-filter: blur(15px) !important;
   box-shadow: 0 4px 16px rgba(107, 166, 237, 0.1) !important;
 }

 /* Lottery cards */
 .lottery-info,
 .lottery-container {
   background: transparent !important;
 }

 /* ═══════════════════════════════════════════════════════
   VANT COMPONENTS
   ═══════════════════════════════════════════════════════ */

 .van-cell {
   background-color: transparent !important;
   color: #333333 !important;
 }

 .van-cell::after {
   border-color: rgba(107, 166, 237, 0.2) !important;
 }

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

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

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

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

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

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

 .van-tabs__line {
   background-color: #6ba6ed !important;
 }

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

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

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

 .van-action-sheet__cancel {
   color: #999999 !important;
   background-color: #f9f9f9 !important;
 }

 .van-popup,
 .van-dialog {
   background: rgba(255, 255, 255, 0.95) !important;
   backdrop-filter: blur(10px) !important;
   border-radius: 20px !important;
   border: 1px solid #ffffff !important;
   box-shadow: 0 20px 50px rgba(107, 166, 237, 0.15) !important;
 }

 .van-overlay,
 .popup-overlay {
   background-color: rgba(0, 0, 0, 0.3) !important;
   backdrop-filter: blur(4px) !important;
   -webkit-backdrop-filter: blur(4px) !important;
 }

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

 .van-dialog__confirm,
 body .van-dialog__confirm {
   background: linear-gradient(90deg, #6ba6ed 0%, #a3c7f7 100%) !important;
   color: #ffffff !important;
   border: none !important;
 }

 .van-dialog__cancel,
 body .van-dialog__cancel {
   background: #e5e7eb !important;
   color: #333333 !important;
 }

 .van-notice-bar {
   background-color: rgba(255, 255, 255, 0.6) !important;
   color: #6ba6ed !important;
 }

 .van-switch--on {
   background-color: #6ba6ed !important;
 }

 .van-tag--primary {
   background-color: #6ba6ed !important;
 }

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

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

 .van-skeleton__row,
 .van-skeleton__title {
   background-color: rgba(107, 166, 237, 0.1) !important;
 }

 /* ═══════════════════════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════════════════════ */
 .van-button--primary,
 .btn-primary {
   background: linear-gradient(90deg, #6ba6ed 0%, #a3c7f7 100%) !important;
   border: none !important;
   color: #ffffff !important;
   box-shadow: 0 4px 14px rgba(107, 166, 237, 0.2) !important;
   border-radius: 12px !important;
 }

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

 .van-button--default {
   background-color: rgba(255, 255, 255, 0.8) !important;
   border: 1.5px solid #a3c7f7 !important;
   color: #6ba6ed !important;
   border-radius: 12px !important;
 }

 /* ═══════════════════════════════════════════════════════
   WALLET PAGE
   ═══════════════════════════════════════════════════════ */
 #app .Wallet__C:before {
   background: linear-gradient(90deg, #6ba6ed 0%, #a3c7f7 100%) !important;
 }

 #app .Wallet__C-balance {
   background-color: rgba(255, 255, 255, 0.5) !important;
   background-image: none !important;
 }

 /* ═══════════════════════════════════════════════════════
   INPUTS
   ═══════════════════════════════════════════════════════ */
 input,
 textarea {
   color: #333333 !important;
   background-color: rgba(255, 255, 255, 0.9) !important;
   border: 1px solid #dbeafe !important;
   border-radius: 8px !important;
 }

 input:focus,
 textarea:focus {
   border-color: #6ba6ed !important;
   box-shadow: 0 0 0 3px rgba(107, 166, 237, 0.1) !important;
   outline: none !important;
 }

 /* ═══════════════════════════════════════════════════════
   CARDS
   ═══════════════════════════════════════════════════════ */
 .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: rgba(255, 255, 255, 0.85) !important;
   border: 1px solid #ffffff !important;
   border-radius: 14px !important;
   box-shadow: 0 4px 16px rgba(107, 166, 237, 0.08) !important;
   backdrop-filter: blur(8px) !important;
 }

 /* ═══════════════════════════════════════════════════════
   SCROLLBAR
   ═══════════════════════════════════════════════════════ */
 ::-webkit-scrollbar {
   width: 5px;
   height: 5px;
 }

 ::-webkit-scrollbar-track {
   background: transparent !important;
 }

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

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

 .start-page {
   background: linear-gradient(145deg, #e0f2fe 0%, #fff5e0 100%) !important;
 }

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

 /* Fix website info bottom text so it's readable */
 .websit_info,
 .websit_info *,
 .copy-right,
 .copy-right *,
 .GameContainer_games~div,
 .GameContainer_games~div * {
   color: #666666 !important;
 }

 /* ═══════════════════════════════════════════════════════
   TODAY'S EARNINGS CHART & LOTTERY GAMES
   ═══════════════════════════════════════════════════════ */

 .Winningdata {
   background: transparent !important;
   filter: none !important;
   -webkit-filter: none !important;
 }

 .profitRanking {
   background: rgba(255, 255, 255, 0.8) !important;
   border: 1px solid #ffffff !important;
   border-radius: 16px !important;
   box-shadow: 0 4px 15px rgba(107, 166, 237, 0.1) !important;
 }

 .mainContainer_profitContainer_title {
   color: #333333 !important;
 }

 .mainContainer_profitContainer_amount {
   color: #6ba6ed !important;
 }

 .mainContainer_profitContainer_bg svg,
 .mainContainer_profitContainer_bg svg path {
   fill: rgba(255, 255, 255, 0.6) !important;
 }

 /* ═══════════════════════════════════════════════════════
   WINGO / LOTTERY GAME PAGE FIXES
   ═══════════════════════════════════════════════════════ */

 .TimeLeft__C,
 .videowingo .TimeLeft__C,
 .PreSaleRule .head {
   background-image: none !important;
   background-color: rgba(255, 255, 255, 0.9) !important;
   border: 1px solid #ffffff !important;
   border-radius: 12px !important;
   box-shadow: 0 4px 16px rgba(107, 166, 237, 0.1) !important;
 }

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

 .Betting__C-mark {
   background: rgba(0, 0, 0, 0.5) !important;
   backdrop-filter: blur(4px) !important;
 }

 .Betting__C-mark>div {
   background-color: #6ba6ed !important;
   color: #ffffff !important;
   box-shadow: 0 8px 30px rgba(107, 166, 237, 0.3) !important;
   border: 2px solid #ffffff !important;
 }

 .GameList__C-time .item.active {
   background-color: #6ba6ed !important;
   color: #ffffff !important;
 }

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

 .videowingo,
 .lottery-container {
   background: transparent !important;
 }

 .Betting__C {
   background-color: rgba(255, 255, 255, 0.8) !important;
   border: 1px solid #ffffff !important;
 }

 /* Profit Ranking Section */
 .profit-rank {
     background: linear-gradient(135deg, rgba(224, 242, 254, 0.8) 0%, rgba(255, 245, 224, 0.8) 100%) !important;
     border: 2px solid #ffffff !important;
     border-radius: 16px !important;
     box-shadow: 0 4px 16px rgba(107, 166, 237, 0.1) !important;
     margin-bottom: 20px !important;
 }

 .profit-rank__list {
     background: rgba(255, 255, 255, 0.9) !important;
     border: 1px solid #ffffff !important;
     border-radius: 12px !important;
 }

 .profit-rank__podium-item__name {
     color: #333333 !important;
 }
 .profit-rank__podium-item__amount {
     background: rgba(224, 242, 254, 0.6) !important;
     color: #6ba6ed !important;
     border: 1px solid #dbeafe !important;
 }

 .profit-rank__list-item__name {
     color: #333333 !important;
 }
 .profit-rank__list-item__amount {
     color: #6ba6ed !important;
 }
 .profit-rank__list-item__rank i {
     color: #6ba6ed !important;
 }
 .profit-rank__list-item {
     border-bottom: 1px solid rgba(107, 166, 237, 0.1) !important;
 }

/* SAFE PARTNER LOGOS */
.partner-logos__grid-item {
    border-radius: 12px !important;
    border: 1px solid #ffffff !important;
    box-shadow: 0 4px 12px rgba(107, 166, 237, 0.1) !important;
    background: rgba(255, 255, 255, 0.8) !important;
    overflow: hidden !important;
}

.partner-logos__grid-item img {
    width: 100% !important;
    display: block !important;
    border-radius: 12px !important;
    mix-blend-mode: darken !important;
}

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

/* SKELETON PLACEHOLDER FIX */
.van-skeleton--animate .van-skeleton__row,
.van-skeleton--animate .van-skeleton__title {
    background: linear-gradient(90deg, rgba(224, 242, 254, 0.5) 25%, rgba(255, 255, 255, 0.8) 37%, rgba(224, 242, 254, 0.5) 63%) !important;
    background-size: 400px 100% !important;
}

.van-toast {
    background-color: rgba(0, 0, 0, 0.75) !important;
    color: #ffffff !important;
    border: none !important;
}
.van-toast__text {
    color: #ffffff !important;
}

/* User Request: Change Front Page Background to Cream + Light Blue */
.public5BlackGoldHome,
.home-page,
#app,
body,
.gameListGrid__container,
.gameListGrid__container-wrapper,
.minGame_container,
.all_container,
.hot_container,
.lotterySlotItem,
.onlineGamesItem__container .item,
.allGame .item {
    background: linear-gradient(135deg, #fff5e0 0%, #e0f2fe 100%) !important; /* Cream + Light Blue */
}