/* ==========================================================================
   SHREEWIN / DAMAN WEBSITE THEME & COLOR SYSTEM
   Generated & Synchronized by Theme Studio
   ========================================================================== */

:root, html, body, #app, .norem-app {
    --main-color: #F07F24;
    --main_gradient-color: linear-gradient(90deg, #F07F24 0%, #F3964B 100%);
    --main_gradient-color2: linear-gradient(135deg, #F07F24 0%, #F3964B 100%);
    --light-main_gradient-color: linear-gradient(90deg, #F07F24 0%, #F3964B 100%);
    --light-main-color: #F07F24;
    --gold_gradient-color: linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);
    --norm_secondary-color: #fbbf24;
    --norm_red-color: #ef4444;
    --norm_green-color: #10b981;
    --norm_Purple-color: #F3964B;
    --norm_bule-color: #F3964B;
    --norm_blue_color: #F3964B;
    --norm_blue2_color: #F3964B;
    --norm_blue3_color: #F3964B;
    --norm_Orange_color: #fbbf24;
    --norm_Orange2_color: #fbbf24;
    --body-bg-color: #000000;
    --bg_color_L1: #000000;
    --bg_color_L2: #141414;
    --bg_color_L3: #242424;
    --bg_color_L4: #141414;
    --darkBg: #141414;
    --bgDark-2: #141414;
    --bgDark-3: #242424;
    --bgDark-4: #000000;
    --van-background: #000000;
    --van-background-2: #141414;
    --van-background-3: #242424;
    --van-gray-1: #141414;
    --van-gray-2: #242424;
    --van-gray-3: #242424;
    --button_dis_color: linear-gradient(90deg, #6C3910 15.38%, #6C3910 98.73%);
    --win-row-bg-from: #141414;
    --win-row-bg-to: #242424;
    --win-row-border: #333333;
    --header_bg_color: #000000;
    --header_text_color: #FCFCFC;
    --home-logo-bar-color: #000000;
    --activity-logo-bar-color: #00C9CC;
    --promotion-logo-bar-color: #00C9CC;
    --wallet-logo-bar-color: #00C9CC;
    --center-logo-bar-color: #00C9CC;
    --agency-logo-bar-color: #00C9CC;
    --subpage-logo-bar-color: #00C9CC;
    --tabbar_bg_color: #000000;
    --tabbar_border_color: #333333;
    --tabbar_inactive_color: #929292;
    --tabbar_active_color: #F07F24;
    --notice_bg_color: #000000;
    --notice_text_color: #fbbf24;
    --notice_icon_color: #fbbf24;
    --game_nav_bg: transparent;
    --game_nav_inactive_text: #929292;
    --game_nav_active_text: #F07F24;
    --sheet_nva_color: #000000;
    --text_color_L1: #FCFCFC;
    --text_color_L2: #929292;
    --text_color_L3: #929292;
    --text_color_L4: #FFFFFF;
    --darkTextW: #FCFCFC;
    --text_white: #FFFFFF;
    --textW: #FFFFFF;
    --text_muted-color: #929292;
    --colorText-2: #929292;
    --colorText-3: #929292;
    --van-text-color: #FCFCFC;
    --van-text-color-2: #929292;
    --van-text-color-3: #929292;
    --Dividing-line_color: #333333;
    --sheet_border_color: #333333;
    --van-border-color: #333333;
    --card_border_color: #333333;
    --brand_glow: 0 0 16px #F07F2455;
    --btn_primary_bg: linear-gradient(90deg, #F07F24 0%, #F3964B 100%);
    --btn_primary_text: #FFFFFF;
    --btn_secondary_border: #F07F24;
    --btn_secondary_text: #F07F24;
    --input_bg: #141414;
    --input_border: #333333;
    --input_text: #FCFCFC;
    --input_placeholder: #929292;
}

/* ==========================================================================
   GLOBAL SEAMLESS LAYOUT & HOME PAGE STYLES
   ========================================================================== */
html, body {
    background-color: var(--body-bg-color) !important;
    color: var(--text_color_L1) !important;
    min-height: 100vh;
}
#app, .norem-app {
    background-color: var(--body-bg-color) !important;
    color: var(--text_color_L1) !important;
}
.content, .main-page, .p8-home, .d5-record, .wingo-record, .k3-record, .winGo3, .binguo_count {
    background-color: var(--body-bg-color) !important;
}

/* Base text contrast rules */
h1, h2, h3, h4, h5, h6, .van-nav-bar__title, .title, .van-cell__title, .game__name, .amount {
    color: var(--text_color_L1) !important;
}

p, span, .text-secondary, .van-cell__value, .desc, .info, .time, .date {
    color: inherit;
}

/* Primary Action Buttons */
.van-button--primary,
.van-button--info,
.ar-btn-primary,
.btn-primary,
.confirm-btn,
.bet-btn,
.recharge-btn,
.submit-btn,
.login-btn {
    background: var(--btn_primary_bg) !important;
    border-color: var(--main-color) !important;
    color: var(--btn_primary_text) !important;
    box-shadow: var(--brand_glow) !important;
}

/* Clean transparent Category Navigation with active brand text */
.game__nav-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.game__nav-item .game__nav-label {
    color: var(--text_color_L2, #94a3b8) !important;
    transition: color 0.2s ease;
}
.game__nav-item.is-active {
    background: transparent !important;
    border: none !important;
}
.game__nav-item.is-active .game__nav-label {
    color: var(--main-color) !important;
    font-weight: 700 !important;
    text-shadow: 0 0 10px rgba(0, 201, 204, 0.45) !important;
}

/* Transparent Get Rs500 tabbar badge */
#app .tabbar__container-item .turntable-text,
.tabbar__container-item .turntable-text {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--main-color, #00C9CC) !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.9) !important;
}

/* Cards & Surface Containers */
.van-cell,
.van-cell-group,
.van-card,
.van-dialog,
.van-popup,
.ar-card,
.game-card,
.record-card,
.wallet-card,
.user-info-box,
.notice-bar,
.van-notice-bar,
.record-box,
.p5tg-terms,
.rank-list-card {
    background-color: var(--bg_color_L2) !important;
    color: var(--text_color_L1) !important;
    border-color: var(--Dividing-line_color) !important;
}

/* Tabbar & Bottom Navigation */
.van-tabbar,
.tabbar__container,
.nav-bottom,
.app-bottom-nav {
    background-color: var(--tabbar_bg_color) !important;
    border-top: 1px solid var(--tabbar_border_color) !important;
}
.van-tabbar-item {
    color: var(--tabbar_inactive_color) !important;
}
.van-tabbar-item--active,
.tabbar__container-item.active,
.tabbar__container-item.active span,
.tabbar__container-item.is-active {
    color: var(--main-color) !important;
}

/* Global Navbar & Logo Bar Default (Subpages) */
#app .navbar,
#app .navbar .navbar-fixed,
#app .navbar .navbar__content,
#app .van-nav-bar,
#app .van-nav-bar__content,
.van-nav-bar,
.van-nav-bar__content {
    background: var(--subpage-logo-bar-color, var(--header_bg_color)) !important;
    background-color: var(--subpage-logo-bar-color, var(--header_bg_color)) !important;
    border-bottom: 1px solid var(--Dividing-line_color) !important;
}

/* Route-Specific Logo Bars */
html.route-home body #app .navbar,
html.route-home body #app .navbar .navbar-fixed,
html.route-home body #app .navbar .navbar__content,
html.route-home body #app .van-nav-bar,
html.route-home body #app .van-nav-bar__content,
html body #app #home .navbar,
html body #app #home .navbar .navbar-fixed,
html body #app #home .navbar .navbar__content {
    background: var(--home-logo-bar-color, #000000) !important;
    background-color: var(--home-logo-bar-color, #000000) !important;
}

html.route-activity body #app .navbar,
html.route-activity body #app .navbar .navbar-fixed,
html.route-activity body #app .navbar .navbar__content,
html.route-activity body #app .van-nav-bar,
html.route-activity body #app .van-nav-bar__content {
    background: var(--activity-logo-bar-color, var(--main-color)) !important;
    background-color: var(--activity-logo-bar-color, var(--main-color)) !important;
}

html.route-promotion body #app .navbar,
html.route-promotion body #app .navbar .navbar-fixed,
html.route-promotion body #app .navbar .navbar__content,
html.route-promotion body #app .van-nav-bar,
html.route-promotion body #app .van-nav-bar__content {
    background: var(--promotion-logo-bar-color, var(--main-color)) !important;
    background-color: var(--promotion-logo-bar-color, var(--main-color)) !important;
}

html.route-wallet body #app .navbar,
html.route-wallet body #app .navbar .navbar-fixed,
html.route-wallet body #app .navbar .navbar__content,
html.route-wallet body #app .van-nav-bar,
html.route-wallet body #app .van-nav-bar__content {
    background: var(--wallet-logo-bar-color, var(--main-color)) !important;
    background-color: var(--wallet-logo-bar-color, var(--main-color)) !important;
}

html.route-center body #app .navbar,
html.route-center body #app .navbar .navbar-fixed,
html.route-center body #app .navbar .navbar__content,
html.route-center body #app .van-nav-bar,
html.route-center body #app .van-nav-bar__content {
    background: var(--center-logo-bar-color, var(--main-color)) !important;
    background-color: var(--center-logo-bar-color, var(--main-color)) !important;
}

html.route-agency body #app .navbar,
html.route-agency body #app .navbar .navbar-fixed,
html.route-agency body #app .navbar .navbar__content,
html.route-agency body #app .van-nav-bar,
html.route-agency body #app .van-nav-bar__content {
    background: var(--agency-logo-bar-color, var(--main-color)) !important;
    background-color: var(--agency-logo-bar-color, var(--main-color)) !important;
}

/* Form Inputs & Fields */
.van-field__control,
.van-field__value input,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="tel"] {
    background-color: var(--input_bg) !important;
    color: var(--input_text) !important;
}

/* Tabs & Indicators */
.van-tabs__nav {
    background-color: var(--bg_color_L2) !important;
}
.van-tab--active {
    color: var(--main-color) !important;
    font-weight: 700 !important;
}
.van-tabs__line {
    background: var(--main-color) !important;
}