/* ==========================================================================
   PrimeWin Custom Theme V2 (Luxury Golden Edition)
   - Backgrounds: Preserved dark navy/violet dark theme (#171526 / #1C1A3F / #2E2A6A)
   - Accents & Highlights: Converted to Luxury Metallic Gold (#F7B500 / #FFD700)
   - Home Page Login Button: Vibrant Luxury Gold Gradient
   - Home Page Register Button: Sleek Dark Navy with Gold Border & Accent
   - PWA 'Add to Desktop' Button: Luxury Gold Gradient
   - Notice Bar 'Detail' Button: Luxury Gold Gradient
   - Turntable Text: Vibrant Golden Glow
   - Deposit / Recharge Section: Rich Dark Theme with Gold Active CTA Button
   ========================================================================== */

:root {
    /* Main Accent Colors (Golden / Gold Gradient) */
    --main-color: #F7B500 !important;
    --main_gradient-color: linear-gradient(135deg, #FFE270 0%, #F7B500 50%, #D97706 100%) !important;
    --main_gradient-color2: linear-gradient(180deg, #FFE270 0%, #F7B500 50%, #D97706 100%) !important;
    
    /* Yellow / Gold */
    --gold_gradient-color: linear-gradient(135deg, #FFE270 0%, #F7B500 50%, #D97706 100%) !important;
    --gold_btn-shadow: 0 6px 24px rgba(247, 181, 0, 0.45), inset 0 2px 14px rgba(255, 255, 220, 0.5) !important;
    
    /* Original Background Palette (Restored) */
    --bg_color_L1: #1C1A3F !important;
    --bg_color_L2: #2E2A6A !important;
    --bg_color_L3: #3F3A95 !important;
    --darkBg: #2E2A6A !important;
    --Dividing-line_color: #374963 !important;
    --sheet_nva_color: #011341 !important;
    --sheet_detail_bg_color: #3F3A95 !important;
    --pop_bg-color: linear-gradient(180deg, #2E2A6A 0%, #1C1A3F 100%) !important;
    
    /* High contrast text */
    --text_color_L1: #E3EFFF !important;
    --text_color_L2: #92A8E3 !important;
    --text_color_L3: #FFD700 !important;
    --text_color_L4: #FFFFFF !important;
    --text_muted-color: #605D96 !important;
    
    /* Card & Win row styling (Restored) */
    --win-row-bg-from: #3F3A95 !important;
    --win-row-bg-to: #2E2A6A !important;
    --win-row-border: #374963 !important;
    --game_active_gradient: linear-gradient(180deg, #3F3A95 0%, #2E2A6A 50%, #1C1A3F 100%) !important;
    
    /* Vant UI variables */
    --van-picker-background: #2E2A6A !important;
    --van-picker-option-text-color: #92A8E3 !important;
    --van-picker-confirm-action-color: #F7B500 !important;
    --van-dialog-background: #2E2A6A !important;
    --van-popup-background: #1C1A3F !important;
    --van-cell-background: #2E2A6A !important;
    --van-button-primary-background: var(--main_gradient-color) !important;
    --van-button-primary-border-color: #F7B500 !important;
}

/* --------------------------------------------------------------------------
   Global Layout & Background Overrides (Dark Navy #171526 Restored)
   -------------------------------------------------------------------------- */
html, body {
    background-color: #171526 !important;
    color: #E3EFFF !important;
}

#app {
    background-color: #171526 !important;
    min-height: 100vh !important;
}

.p8-home[data-v-38201c54] {
    background: #1C1A3F !important;
}

/* --------------------------------------------------------------------------
   Home Guest Buttons: Login is Luxury Gold, Register is Sleek Dark Navy + Gold
   -------------------------------------------------------------------------- */
/* Home Login button: Vibrant Luxury Gold */
.p8-home__guest-btn--login[data-v-38201c54],
.p8-home__guest-btn--login {
    background: linear-gradient(135deg, #FFE270 0%, #F7B500 50%, #D97706 100%) !important;
    box-shadow: 0 4px 18px rgba(247, 181, 0, 0.45), inset 0 1px 12px rgba(255, 255, 220, 0.5) !important;
    color: #1a0800 !important;
    font-weight: 800 !important;
    border: none !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.p8-home__guest-btn--login:active {
    transform: scale(0.98);
}

/* Home Register button: Dark Navy card with Gold border */
.p8-home__guest-btn--register[data-v-38201c54],
.p8-home__guest-btn--register {
    background: #242065 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35), inset 0 1px 8px rgba(247, 181, 0, 0.2) !important;
    border: 1px solid rgba(247, 181, 0, 0.6) !important;
    color: #FFE270 !important;
    font-weight: 700 !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.p8-home__guest-btn--register:active {
    transform: scale(0.98);
}

/* --------------------------------------------------------------------------
   Golden Accents & Micro-elements
   -------------------------------------------------------------------------- */
/* Turntable text */
.tabbar__container-item:nth-of-type(3) .turntable-text[data-v-d6d95583],
.turntable-text {
    color: #FFD700 !important;
    -webkit-text-stroke: .03rem #7A4E00 !important;
    text-shadow: 0 2px 8px rgba(247, 181, 0, 0.6) !important;
}

/* Hot / Promo tags */
.noticeBar__container .hotIcon,
.p8-home[data-v-38201c54] .noticeBar__container .hotIcon {
    background: linear-gradient(135deg, #FFE270 0%, #F7B500 50%, #D97706 100%) !important;
    color: #1a0800 !important;
    font-weight: 800 !important;
}

/* Notice bar 'Detail' button */
.blue-gradient-btn,
.noticeBar__container button,
.noticeBar__container-right button {
    background: linear-gradient(135deg, #FFE270 0%, #F7B500 50%, #D97706 100%) !important;
    box-shadow: 0 2px 10px rgba(247, 181, 0, 0.4) !important;
    color: #1a0800 !important;
    font-weight: 700 !important;
    border: none !important;
}

/* Add to Desktop PWA button */
#app .btn.pwa-btn,
.pwa-btn,
.pwa-btn[data-v-b3bd7e49] {
    background: linear-gradient(135deg, #FFE270 0%, #F7B500 50%, #D97706 100%) !important;
    box-shadow: 0 6px 24px rgba(247, 181, 0, 0.45) !important;
    border: none !important;
}
#app .btn.pwa-btn .text,
#app .btn.pwa-btn .bonus,
.pwa-btn .text,
.pwa-btn .bonus {
    color: #1a0800 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

/* Active tab text & highlights */
.tabbar__container-item.active .tabbar__container-item-text {
    color: #F7B500 !important;
    font-weight: 700 !important;
}

/* Vant Primary Buttons */
.van-button--primary {
    background: linear-gradient(135deg, #FFE270 0%, #F7B500 50%, #D97706 100%) !important;
    color: #1a0800 !important;
    font-weight: 800 !important;
    border-color: #F7B500 !important;
}

/* --------------------------------------------------------------------------
   Original Card Styles (Restored)
   -------------------------------------------------------------------------- */
.lw__strip[data-v-9065f628] {
    background-color: #242065 !important;
    border-top: .01333rem solid #2c2865 !important;
}

.rank-list-card[data-v-55538c60] {
    background: linear-gradient(180deg, #3F3A95 0%, #2E2A6A 100%) !important;
    border: .02667rem solid #374963 !important;
}

.game__nav.is-sticky[data-v-77b97469] {
    background-color: #2E2A6A !important;
}

.tabbar__container {
    background-color: #171526 !important;
    border-top: 1px solid #374963 !important;
}

/* --------------------------------------------------------------------------
   Deposit / Recharge Section (Original Backgrounds + Gold Accent CTA)
   -------------------------------------------------------------------------- */
.Recharge__box,
.Recharge__box[data-v-36cc3380] {
    background: #1C1A3F !important;
}

.Recharge__container-rechageBtn.rechage_active[data-v-9e03166f],
.Recharge__box .rechage_active[data-v-36cc3380],
.Recharge__container-rechageBtn[data-v-9e03166f].rechage_active {
    background: linear-gradient(135deg, #FFE270 0%, #F7B500 50%, #D97706 100%) !important;
    box-shadow: 0 6px 24px rgba(247, 181, 0, 0.45) !important;
    color: #1a0800 !important;
    font-weight: 800 !important;
}

/* Quick deposit amount bonus indicator in bright red */
.Recharge__content-paymoney__money-list__item {
    min-height: 1.28rem !important;
    padding: .12rem 0 !important;
    gap: .05rem !important;
}

.Recharge__content-paymoney__money-list__item .ar_gift,
.Recharge__content-paymoney__money-list__item .ar_gift[data-v-9e03166f] {
    color: #ff5a58 !important;
    font-size: .28rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    letter-spacing: -0.01rem !important;
}

.Recharge__content-paymoney__money-list__item .ar_gift span,
.Recharge__content-paymoney__money-list__item .ar_gift[data-v-9e03166f] span {
    color: #ff5a58 !important;
    font-weight: 700 !important;
    margin-left: 2px !important;
}

.Recharge__content-paymoney__money-list__item.active .ar_gift,
.Recharge__content-paymoney__money-list__item.active .ar_gift[data-v-9e03166f],
.Recharge__content-paymoney__money-list__item.active .ar_gift span,
.Recharge__content-paymoney__money-list__item.active .ar_gift[data-v-9e03166f] span {
    color: #ffffff !important;
}

/* ==========================================================================
   Bonus Collection / Bounty Modal (BDG WIN Style)
   ========================================================================== */
.reward-dialog,
.reward-dialog[data-v-35a27ba7] {
    background-color: #201E29 !important;
    background-image: url(/assets/png/reward_bg-DFe7unZ5.png) !important;
    background-repeat: no-repeat !important;
    background-position: top right !important;
    background-size: contain !important;
    border-radius: .32rem !important;
    box-shadow: 0 .2rem .8rem rgba(0, 0, 0, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.reward-dialog .title,
.reward-dialog .title[data-v-35a27ba7] {
    color: #F7B500 !important;
    font-size: .56rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.01rem !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

.reward-dialog .container,
.reward-dialog .container[data-v-35a27ba7] {
    background-color: transparent !important;
}

.bonus-item,
.bonus-item[data-v-6f03e28d] {
    background: #2B2836 !important;
    border-radius: .26667rem !important;
    padding: .24rem .32rem !important;
    margin-bottom: .18rem !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.bonus-item-amount,
.bonus-item-amount[data-v-6f03e28d] {
    margin-bottom: .08rem !important;
}

.bonus-item-amount span,
.bonus-item-amount[data-v-6f03e28d] span {
    color: #FEAA57 !important;
    font-size: .42rem !important;
    font-weight: 700 !important;
}

.bonus-item p,
.bonus-item[data-v-6f03e28d] p {
    color: #A4A0B7 !important;
    font-size: .32rem !important;
    margin-bottom: 0 !important;
}

.bonus-item-right,
.bonus-item-right[data-v-6f03e28d] {
    background: linear-gradient(135deg, #FFE270 0%, #E5A344 50%, #D28C2C 100%) !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    font-size: .34rem !important;
    min-width: 1.8rem !important;
    height: .75rem !important;
    border-radius: .66667rem !important;
    box-shadow: 0 .04rem .14rem rgba(229, 163, 68, 0.35) !important;
}

.bonus-item-right span,
.bonus-item-right[data-v-6f03e28d] span {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}