/* ===== COMPLETE BLUE-GREEN THEME ===== */

html, body {
  background: #0a0e27 !important;
}

#app {
  background: linear-gradient(180deg, #0a0e27 0%, #0d1b2a 100%) !important;
}

:root {
  --main-color: #00d4aa !important;
  --main_gradient-color: linear-gradient(90deg, #00b4d8 0%, #00d4aa 100%) !important;
  --main_gradient-color2: linear-gradient(180deg, #0077b6 0%, #00d4aa 100%) !important;
  --bg_color_L1: #0d1b2a !important;
  --bg_color_L2: #112240 !important;
  --bg_color_L3: #1a3a5c !important;
  --text_color_L1: #ffffff !important;
  --text_color_L2: #90e0ef !important;
  --text_color_L3: #48cae4 !important;
  --text_color_L4: #ffffff !important;
  --Dividing-line_color: #1a3a5c !important;
  --sheet_detail_bg_color: #112240 !important;
  --van-background: #0d1b2a !important;
  --van-background-2: #112240 !important;
  --van-background-3: #112240 !important;
  --van-text-color: #ffffff !important;
  --van-text-color-2: #90e0ef !important;
  --van-text-color-3: #48cae4 !important;
  --van-picker-background: #112240 !important;
  --van-dialog-background: #112240 !important;
  --van-circle-layer-color: #1a3a5c !important;
  --van-field-input-text-color: #ffffff !important;
  --van-picker-option-text-color: #90e0ef !important;
  --van-button-primary-background: linear-gradient(90deg,#00b4d8,#00d4aa) !important;
  --van-button-primary-border-color: #00d4aa !important;
  --van-gray-1: #0d1b2a !important;
  --van-gray-2: #112240 !important;
  --van-gray-3: #1a3a5c !important;
  --van-gray-4: #1a3a5c !important;
  --van-gray-5: #48cae4 !important;
  --van-gray-6: #90e0ef !important;
  --van-gray-7: #caf0f8 !important;
  --van-gray-8: #ffffff !important;
  --norm_green-color: #00d4aa !important;
  --norm_red-color: #00b4d8 !important;
  --norm_secondary-color: #ffd166 !important;
  --norm_bule-color: #48cae4 !important;
}

/* ===== HEADER / NAVBAR ===== */
.van-nav-bar,
header,
.home__header,
[class*="header"] {
  background: linear-gradient(90deg, #023e8a 0%, #0077b6 50%, #00b4d8 100%) !important;
  box-shadow: 0 4px 20px rgba(0,180,216,0.5) !important;
}

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

/* ===== PAGE BACKGROUND ===== */
.van-tabs__content,
.van-tab__panel,
[class*="page"],
[class*="container"],
[class*="wrapper"],
[class*="content"],
[class*="home__"] {
  background: #0d1b2a !important;
}

/* ===== NOTICE BAR ===== */
.van-notice-bar,
.home__notice,
[class*="notice"] {
  background: linear-gradient(90deg, #023e8a, #00b4d8) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}
.van-notice-bar__content,
.van-notice-bar__wrap {
  color: #ffffff !important;
}

/* ===== CATEGORY ICONS SECTION ===== */
[class*="game__nav"],
[class*="category"],
.gamen_box,
.home__games {
  background: #112240 !important;
  border-radius: 16px !important;
  padding: 8px !important;
}

.gamen_item {
  border-radius: 12px !important;
  border: 1px solid rgba(0,212,170,0.3) !important;
  box-shadow: 0 2px 10px rgba(0,180,216,0.2) !important;
  background-size: cover !important;
  background-position: center !important;
}

[class*="game__nav"] span,
[class*="gamen"] span,
[class*="category"] span {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* ===== GAME CARDS (Win Go, K3, 5D etc) ===== */
.van-grid-item__content {
  background: linear-gradient(135deg, #023e8a 0%, #0077b6 50%, #00b4d8 100%) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,212,170,0.4) !important;
  box-shadow: 0 4px 15px rgba(0,180,216,0.35) !important;
}

.van-grid-item__text {
  color: #ffffff !important;
  font-weight: bold !important;
}

/* ===== LOTTERY TABS ===== */
.van-tabs__nav {
  background: #112240 !important;
}

.van-tabs__line {
  background: linear-gradient(90deg, #00b4d8, #00d4aa) !important;
}

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

.van-tab--active {
  color: #00d4aa !important;
  font-weight: bold !important;
}

.van-tabs__nav--card {
  background: #112240 !important;
  border: 1px solid #00d4aa !important;
  border-radius: 25px !important;
}

.van-tabs__nav--card .van-tab {
  color: #90e0ef !important;
}

.van-tabs__nav--card .van-tab--active {
  background: linear-gradient(90deg, #00b4d8, #00d4aa) !important;
  color: #ffffff !important;
  border-radius: 20px !important;
}

/* ===== SECTION TITLES ===== */
h1, h2, h3, h4, h5, h6,
[class*="title"],
[class*="heading"] {
  color: #ffffff !important;
}

/* ===== ALL TEXT ===== */
p, span, div, label {
  color: inherit;
}

[class*="text"],
[class*="label"],
[class*="desc"] {
  color: #caf0f8 !important;
}

/* ===== CELLS ===== */
.van-cell {
  background: #112240 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #1a3a5c !important;
}
.van-cell__title { color: #ffffff !important; }
.van-cell__value { color: #00d4aa !important; }
.van-cell::after { border-color: #1a3a5c !important; }

/* ===== BUTTONS ===== */
.van-button--primary {
  background: linear-gradient(90deg, #00b4d8, #00d4aa) !important;
  border: none !important;
  border-radius: 25px !important;
  box-shadow: 0 4px 15px rgba(0,212,170,0.4) !important;
  color: #ffffff !important;
  font-weight: bold !important;
}

.van-button--default {
  background: #1a3a5c !important;
  border-color: #00d4aa !important;
  color: #00d4aa !important;
}

/* Detail button */
[class*="detail"],
.detail-btn {
  background: linear-gradient(90deg, #00b4d8, #00d4aa) !important;
  border-radius: 25px !important;
  color: #ffffff !important;
  border: none !important;
}

/* ===== BOTTOM TAB BAR ===== */
.van-tabbar {
  background: linear-gradient(180deg, #071428, #040d1a) !important;
  border-top: 2px solid #00d4aa !important;
  box-shadow: 0 -4px 20px rgba(0,212,170,0.3) !important;
}

.van-tabbar-item {
  color: #48cae4 !important;
}

.van-tabbar-item--active {
  color: #00d4aa !important;
}

.van-tabbar-item--active .van-icon,
.van-tabbar-item--active svg path,
.van-tabbar-item--active svg rect {
  color: #00d4aa !important;
  fill: #00d4aa !important;
}

/* ===== POPUP / DIALOG / OVERLAY ===== */
.van-popup,
.van-dialog,
.van-action-sheet {
  background: #112240 !important;
  color: #ffffff !important;
}

.van-overlay {
  background: rgba(0,5,20,0.85) !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 4px !important; }
::-webkit-scrollbar-track { background: #0d1b2a !important; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(#00b4d8, #00d4aa) !important;
  border-radius: 4px !important;
}

/* ===== SIDEBAR LIGHT GRADIENT FIX ===== */
.scroll__box {
  background: linear-gradient(180deg, #112240, #0d1b2a) !important;
}

/* ===== SWIPER / BANNER ===== */
.swiper-pagination-bullet {
  background: #90e0ef !important;
}
.swiper-pagination-bullet-active {
  background: #00d4aa !important;
}

/* ===== INPUT FIELDS ===== */
.van-field__control,
.van-field {
  background: #1a3a5c !important;
  color: #ffffff !important;
}

.van-field__control::placeholder {
  color: #90e0ef !important;
}

/* ===== DIVIDERS ===== */
.van-divider {
  border-color: #1a3a5c !important;
  color: #90e0ef !important;
}

/* ===== LOGO AREA ===== */
[class*="logo"] {
  filter: drop-shadow(0 0 10px rgba(0,212,170,0.6)) !important;
}

/* ===== GAME CARDS BLUE-GREEN OVERRIDE ===== */
.van-grid-item__content,
.lottery__item,
[class*="lottery"] .van-grid-item__content,
[class*="slots"] .van-grid-item__content,
[class*="game"] .van-grid-item__content {
  background: linear-gradient(135deg, #023e8a 0%, #0077b6 50%, #00b4d8 100%) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,212,170,0.5) !important;
  box-shadow: 0 4px 15px rgba(0,180,216,0.4) !important;
}

.van-grid-item__text {
  color: #ffffff !important;
  font-weight: bold !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

/* Slots section cards */
.van-grid-item__content[style*="background"] {
  border-radius: 14px !important;
  border: 1px solid rgba(0,212,170,0.5) !important;
  box-shadow: 0 4px 15px rgba(0,180,216,0.4) !important;
}

/* ===== GAME CARDS - RED TO BLUE-GREEN ===== */
.hot_container .popular .list .item,
.skeleton_hot .hot_list div,
.lotteryGamesList__container-item,
[class*="lottery"] [class*="item"],


/* Har jagah red gradient replace */
[style*="#ff8e89"],
[style*="#ffc3a2"],
[style*="#f95959"],
[style*="#ff9a8e"] {
  background: linear-gradient(135deg, #023e8a, #00b4d8) !important;
}

/* Van grid items */
.van-grid-item__content {
  background: linear-gradient(135deg, #023e8a 0%, #0077b6 55%, #00b4d8 100%) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,212,170,0.5) !important;
  box-shadow: 0 4px 15px rgba(0,180,216,0.35) !important;
}

.van-grid-item__text {
  color: #ffffff !important;
  font-weight: bold !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.6) !important;
}

/* gamen_item - sirf border, background-image preserve karo */
.gamen_item {
  border-radius: 16px !important;
  border: 2px solid rgba(0,212,170,0.6) !important;
  box-shadow: 0 4px 15px rgba(0,180,216,0.4) !important;
  background-color: transparent !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.gamen_item.active {
  border: 2px solid #00d4aa !important;
  box-shadow: 0 0 18px rgba(0,212,170,0.8) !important;
}

/* ===== BOTTOM NAV BAR ===== */
.tabbar__container {
  background: linear-gradient(180deg, #071428 0%, #040d1a 100%) !important;
  background-image: none !important;
  border-top: 2px solid #00d4aa !important;
  box-shadow: 0 -4px 20px rgba(0,212,170,0.4) !important;
}

.tabbar__container-item {
  color: #48cae4 !important;
}

.tabbar__container-item span {
  color: #48cae4 !important;
}

.tabbar__container-item svg {
  fill: #48cae4 !important;
  color: #48cae4 !important;
}

.tabbar__container-item svg path,
.tabbar__container-item svg rect,
.tabbar__container-item svg circle {
  fill: #48cae4 !important;
  stroke: #48cae4 !important;
}

.tabbar__container-item.active {
  color: #00d4aa !important;
}

.tabbar__container-item.active span {
  color: #00d4aa !important;
}

.tabbar__container-item.active svg path,
.tabbar__container-item.active svg rect {
  fill: #00d4aa !important;
  stroke: #00d4aa !important;
}

/* Promotion center button */
.tabbar__container-item:nth-of-type(3) .promotionBg {
  background: #112240 !important;
  border: 2px solid #00d4aa !important;
}

.tabbar__container-item:nth-of-type(3) .promotionBg:after {
  background: linear-gradient(180deg, #0077b6 0%, #00d4aa 100%) !important;
}