/* Static replica interaction layer. Kept separate from the original site CSS. */

#home_page, #live_page, #hot_page, #today_page, #soon_page, #early_page,
#outrights_page, #parlay_page, #virtual_page, #header_tv, #header_myGame,
#header_historydata, #header_todaywagers, #header_credit, #myAcc_page,
#menu_sport, #menu_tv, #menu_betslip, #menu_myGame, #menu_todaywagers,
#menu_history, #menu_acc_page, #footer_help_faq, #footer_help_sys,
#footer_help_term, #footer_rules_general, #right_creditlogs, #right_message,
#right_account_security, #right_contactus, #right_logout,
#btn_forgot, #btn_login, .btn_language, .btn_footer, .btn_nav, .btn_header,
.league_tab, .btn_switch, .btn_acc_menu, .btn_acc_sub, .btn_popup_selec {
    cursor: pointer;
}

#back_login_sys, #back_login_bottom, #chromeandr, #chromeios, #chromewin,
#chromemac, #QQandr, #QQios, #safios, #safmac, #firewin, #firemac {
    cursor: pointer;
}

/* Right account drawer */
body.static-menu-open { overflow: hidden !important; }

#myAcc_show {
    display: block !important;
    visibility: hidden !important;
    position: fixed !important;
    top: 0 !important;
    left: auto !important;
    right: 0 !important;
    width: 320px !important;
    max-width: 88vw !important;
    height: 100% !important;
    z-index: 80 !important;
    background: #fff !important;
    overflow-y: auto !important;
    transform: translateX(100%);
    transition: transform .24s ease, visibility .24s ease;
    box-shadow: -8px 0 28px rgba(0, 0, 0, .18);
}

#myAcc_show.open {
    visibility: visible !important;
    transform: translateX(0);
}

.static-mask {
    position: fixed;
    inset: 0;
    z-index: 75;
    background: rgba(0, 0, 0, .42);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
}

.static-mask.show {
    opacity: 1;
    pointer-events: auto;
}

/* Bet slip */
#betslip_show {
    display: none !important;
    visibility: visible !important;
    z-index: 82 !important;
}

#betslip_show.open {
    display: block !important;
}

/* Language switch */
.static-lang-switch {
    position: fixed;
    right: 14px;
    bottom: 16px;
    z-index: 90;
    display: flex;
    gap: 2px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(22, 29, 39, .92);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
}

.static-lang-switch button {
    min-width: 38px;
    padding: 6px 10px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #aeb8c6;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
}

.static-lang-switch button.active {
    background: #fff;
    color: #111;
}

@media (max-width: 767px) {
    .static-lang-switch {
        right: 10px;
        bottom: 74px;
    }
}

/* Toast */
#static-toast {
    position: fixed;
    left: 50%;
    top: 72px;
    z-index: 9999;
    max-width: min(92vw, 520px);
    padding: 12px 18px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-left: 4px solid #d64b4b;
    border-radius: 6px;
    background: rgba(25, 31, 40, .96);
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -8px);
    transition: opacity .18s ease, transform .18s ease;
}

#static-toast.show {
    opacity: 1;
    transform: translate(-50%, 0);
}

#static-toast[data-type="info"] {
    border-left-color: #3b8f6a;
}

/* Login feedback */
.box_login.shake {
    animation: static-shake .42s ease;
}

@keyframes static-shake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-6px); }
    40% { transform: translateX(6px); }
    60% { transform: translateX(-4px); }
    80% { transform: translateX(4px); }
}

#text_error {
    color: #d64b4b !important;
}

body[data-page="forgot"] {
    background: #fff !important;
}

body[data-page="forgot"] .chg_acc {
    min-height: 100vh;
}

body[data-page="system-req"] {
    background: #f5f5f5 !important;
}

body[data-page="system-req"] .wrapper {
    min-height: 100vh;
}

/* Active tab states */
.league_tab.on, .btn_switch.on, .btn_header.on, .btn_nav.on {
    color: #1c8a62;
}

/* Right drawer popup display */
#selec_language.on, #footer_selec_language.on {
    visibility: visible;
    opacity: 1;
}