/*
 * Lion2 Signal — Wave 1 shell bridge, immutable revision 2.
 *
 * 20-shell.css intentionally owns a named cascade layer. Important declarations
 * in that layer outrank later unlayered rules, so the image-parts shell bridge
 * rejoins the same layer and wins by source order without changing geometry.
 * The right-rack selectors include its stable ID so legacy :first-child border
 * shorthands cannot reset the generated 9-slice chassis.
 */

@layer lion2-signal-shell {
    @media screen and (min-width: 981px) {
        body.lion2-skin .top_wrap {
            background-image: var(--signal-part-header-shell) !important;
        }

        body.lion2-skin .top_wrap .scrollNotice-copy {
            border: 6px solid transparent !important;
            border-image-source: var(--signal-part-notice-well) !important;
            border-image-slice: var(--signal-slice-control) fill !important;
            border-image-width: 6px !important;
            border-image-repeat: stretch !important;
            background: #0b0e0f !important;
        }

        body.lion2-skin .top_wrap .userm_wrap ul.submenu {
            border: 7px solid transparent !important;
            border-image-source: var(--signal-part-nav-light) !important;
            border-image-slice: var(--signal-slice-control) fill !important;
            border-image-width: 7px !important;
            border-image-repeat: stretch !important;
            background: #aaa9a3 !important;
        }

        body.lion2-skin .top_wrap .nav_wrap .navdiv {
            border: 7px solid transparent !important;
            border-image-source: var(--signal-part-nav-light) !important;
            border-image-slice: var(--signal-slice-control) fill !important;
            border-image-width: 7px !important;
            border-image-repeat: stretch !important;
            background: #aaa9a3 !important;
        }
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .rightMenu > :is(.login_box, .lion-account-console),
    body.lion2-skin .right_content#sidebar-right#sidebar-right
        :is(.lion-main-betslip, .lion-betslip-panel),
    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .r_banner > :is(a, .banner-no-link, .banner-copy) {
        border: 8px solid transparent !important;
        border-image-source: var(--signal-part-frame-heavy) !important;
        border-image-slice: var(--signal-slice-frame-heavy) !important;
        border-image-width: 8px !important;
        border-image-repeat: stretch !important;
        background:
            var(--signal-part-concrete) center / 256px 256px repeat,
            #0c0f10 !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .rightMenu > .lion-account-console .bgy,
    body.lion2-skin .right_content#sidebar-right#sidebar-right
        :is(.lion-main-betslip, .lion-betslip-panel) .bgy.title {
        background:
            var(--signal-part-title-signal) center / 100% 100% no-repeat,
            #222627 !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .lion-account-balance {
        background:
            var(--signal-part-input-well) center / 100% 100% no-repeat,
            #0b0e0f !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .rmenu a,
    body.lion2-skin .right_content#sidebar-right#sidebar-right
        :is(.lion-main-betslip, .lion-betslip-panel)
        :is(.lion-slip-tabs button, .betmoney button) {
        background:
            var(--signal-part-key-dark) center / 100% 100% no-repeat,
            #171a1b !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .rightMenu > .lion-account-console .bgy .signal-logout {
        background:
            var(--signal-part-key-dark) center / 100% 100% no-repeat,
            #0d1011 !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .rightMenu > .lion-account-console .bgy .signal-logout:is(:hover, :focus-visible) {
        background:
            var(--signal-part-key-yellow) center / 100% 100% no-repeat,
            var(--signal-yellow-hot, #ffd316) !important;
    }
}