/* ============================================================
   YELLOW GOLD THEME OVERRIDE
   Apply this file AFTER your existing CSS files to convert
   the app to a Yellow Gold color scheme.
   ============================================================ */

/* ── 1. ROOT CSS VARIABLES ─────────────────────────────────── */
:root,
:host {
  --main-color:              #FFB800;
  --main_gradient-color:     linear-gradient(135deg, #FFD700 0%, #FF8C00 100%);
  --main_gradient-color2:    linear-gradient(135deg, #FFD700 0%, #FFA500 100%);

  /* Backgrounds */
  --bg_color_L1:             #1A1400;
  --bg_color_L2:             #241C00;
  --bg_color_L3:             #2E2400;
  --bgcolor-32:              rgba(26, 20, 0, 0.92);

  /* Text */
  --text_color_L1:           #FFE57A;
  --text_color_L2:           #C8A43A;
  --text_color_L3:           #8C6E1A;
  --text_color_L4:           #1A1400;

  /* Dark overrides used inside components */
  --darkBg:                  #241C00;
  --darkTextW:               #FFE57A;

  /* Box shadow accent */
  --BoxShadowColor-20:       0 4px 16px rgba(255, 184, 0, 0.20);

  /* Vant primary */
  --van-primary-color:       #FFB800;

  /* Swiper accent */
  --swiper-theme-color:      #FFB800;
}

/* ── 2. VANT DARK THEME ─────────────────────────────────────── */
.van-theme-dark {
  --van-background:   #1A1400;
  --van-background-2: #241C00;
  --van-background-3: #2E2400;
  --van-text-color:   #FFE57A;
  --van-text-color-2: #C8A43A;
  --van-text-color-3: #8C6E1A;
  --van-border-color: #4A3800;
  --van-active-color: #2E2400;
}

/* ── 3. HEADER (Casino page) ────────────────────────────────── */
.header[data-v-1aca5679] {
  background: #1A1400 !important;
}

.header_title[data-v-1aca5679] {
  background: linear-gradient(180deg, #FFD700 0%, #FF8C00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ── 4. LUCKY WINNERS ───────────────────────────────────────── */
.luckyWinners__container > h1[data-v-ffb14677] {
  color: #FFE57A !important;
}
.luckyWinners__container > h1[data-v-ffb14677]::before {
  background: #FFB800 !important;
}
.luckyWinners__container-wrapper__item[data-v-ffb14677] {
  background: #241C00 !important;
}
.luckyWinners__container-wrapper__item-info h1[data-v-ffb14677] {
  color: #FFE57A !important;
}
.luckyWinners__container-wrapper__item-info span[data-v-ffb14677] {
  color: #C8A43A !important;
}
.luckyWinners__container-wrapper__item-winType img[data-v-ffb14677] {
  background: linear-gradient(135deg, #FFD700, #FFA500) !important;
  box-shadow: 0 4px 16px rgba(255, 184, 0, 0.20) !important;
}
.luckyWinners__container-wrapper__item-winAmount h1[data-v-ffb14677] {
  color: #FFE57A !important;
}
.luckyWinners__container-wrapper__item-winAmount span[data-v-ffb14677] {
  color: #C8A43A !important;
}

/* ── 5. PROFIT RANKING CONTAINER ───────────────────────────── */
.mainContainer_profitContainer[data-v-74b37c48] {
  background: #241C00 !important;
}
.mainContainer_profitContainer_title[data-v-74b37c48] {
  color: #FFE57A !important;
}
.mainContainer_profitContainer_amount[data-v-74b37c48] {
  color: #FFB800 !important;
}
.mainContainer_profitContainer_bg svg[data-v-74b37c48] {
  fill: #1A1400 !important;
}
.mainContainer_profitContainer_img[data-v-74b37c48] {
  border-color: rgba(255, 184, 0, 0.25) !important;
}

/* ── 6. ORIGINAL MAIN CONTAINER (Casino page header bar) ────── */
.originalmainContainer[data-v-e152b4a0] {
  background: #241C00 !important;
}
.originalmainContainer_title[data-v-e152b4a0] {
  background: linear-gradient(180deg, #FFD700 -2.72%, rgba(255, 200, 0, 0) 219.64%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ── 7. GAME CONTAINER ──────────────────────────────────────── */
.WinningContainer[data-v-e152b4a0] {
  background: linear-gradient(180deg, #FFD700 -2.72%, rgba(255, 200, 0, 0) 219.64%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.profitRanking[data-v-e152b4a0] {
  background: #241C00 !important;
}

/* ── 8. PROFIT RANK (home-other page) ──────────────────────── */
.profit-rank[data-v-68403b00] {
  background: linear-gradient(
    257deg,
    rgba(255, 236, 100, 0.9)  0%,
    rgba(255, 184, 0,   0.9) 33%,
    rgba(230, 140, 0,   0.9) 66%,
    rgba(200, 100, 0,   0.9) 100%
  ) !important;
  box-shadow: 0 0 0.02667rem #4A3800 inset,
              0 0.05333rem 0.05333rem rgba(0,0,0,0.40) !important;
}

/* ── 9. DIALOG (home-other page) ───────────────────────────── */
.dialog__container[data-v-c0caae78] {
  background: #241C00 !important;
}
.dialog__container-title[data-v-c0caae78] {
  color: #FFE57A !important;
}
.dialog__container-content[data-v-c0caae78] {
  color: #C8A43A !important;
}
.dialog__container-footer button[data-v-c0caae78] {
  color: #FFB800 !important;
  border-color: #FFB800 !important;
}
.dialog__container-footer button:last-of-type[data-v-c0caae78] {
  background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%) !important;
  color: #1A1400 !important;
}

/* ── 10. PURPLE HOME → GOLD REBRAND ────────────────────────── */
/* Nav bar */
.purple-home__nav[data-v-6666ec94],
.purple-home__header[data-v-6666ec94] {
  background: linear-gradient(180deg, #1A1400 0%, #241C00 100%) !important;
}

/* Coin amount text */
.purple-home__nav-chip__amount[data-v-6666ec94] {
  color: #FFB800 !important;
}

/* Notice bar */
.purple-home[data-v-6666ec94] .noticeBar__container {
  background: #2E2400 !important;
  border-color: #4A3800 !important;
}
.purple-home[data-v-6666ec94] .noticeBar__container svg {
  color: #FFB800 !important;
}
.purple-home[data-v-6666ec94] .noticeBar__container .noticeBar__container-body-text {
  color: rgba(255, 229, 122, 0.70) !important;
}

/* Lucky winners inside purple home */
.purple-home[data-v-6666ec94] .luckyWinners__container-wrapper__item-info h1 {
  color: #C8A43A !important;
}
.purple-home[data-v-6666ec94] .luckyWinners__container-wrapper__item-winAmount h1 {
  color: #FFB800 !important;
}

/* Swiper dot active */
.purple-home[data-v-6666ec94] .swiper_box .swiper-button span.active {
  background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%) !important;
}

/* Login / Register buttons */
.purple-home__nav-auth__login[data-v-6666ec94] {
  background:
    linear-gradient(#1A1400, #1A1400) padding-box,
    linear-gradient(95deg, #FFD700, #FF8C00, #FFE57A, #FFA500) border-box !important;
  color: #FFE57A !important;
}
.purple-home__nav-auth__register[data-v-6666ec94] {
  background:
    linear-gradient(95deg, #FFD700 3%, #FFA500 50%, #FF8C00 100%) padding-box,
    linear-gradient(95deg, #FFD700, #FF8C00) border-box !important;
  color: #1A1400 !important;
}

/* Van dialog inside purple home */
.purple-home[data-v-6666ec94] .van-dialog__content .promptHeader {
  background: linear-gradient(135deg, #7A5000, #FFB800) !important;
}
.purple-home[data-v-6666ec94] .van-dialog__confirm {
  background: linear-gradient(135deg, #7A5000, #FFB800) !important;
}

/* ── 11. LIST (home-other page) ─────────────────────────────── */
.list .item span[data-v-29e221c4] {
  color: #FFE57A !important;
}
.list .checked[data-v-29e221c4] {
  background: #241C00 !important;
}

/* ── 12. CG BUTTON ──────────────────────────────────────────── */
.cg-default.van-button {
  background: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%) !important;
  color: #1A1400 !important;
  border: none !important;
}

/* ── 13. MEDAL NUMBER ───────────────────────────────────────── */
.numberMedal[data-v-74b37c48] {
  color: #FFB800 !important;
}

/* ============================================================
   END OF YELLOW GOLD THEME OVERRIDE
   ============================================================ */