/*
 * Lion2 Signal — Wave 1 immutable image-parts assembly, revision 1.
 *
 * This file intentionally has a versioned path. The production CDN can retain
 * prior CSS bodies independently of query strings, so Wave 1 composition must
 * not depend on an in-place cache refresh of the established owner modules.
 * Live labels, balances, odds, administrator slides and service banners remain
 * DOM/data owned; this layer supplies only material, frame and hardware.
 */

@media screen and (min-width: 981px) {
    /* Header and two navigation plates. */
    body.lion2-skin.lion-skin .top_wrap {
        background-image: var(--signal-part-header-shell) !important;
        background-position: center top !important;
        background-size: 100% var(--lion-main-art-height) !important;
        background-repeat: no-repeat !important;
    }

    body.lion2-skin.lion-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.lion-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.lion-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;
    }

    /* Rails are cap + repeat-y middle + neutral surface, never full-height stretch. */
    body.lion2-skin.lion-skin .left_content {
        background-image:
            linear-gradient(90deg, rgb(218 216 207 / 12%), transparent),
            var(--signal-part-rail-left-top),
            var(--signal-part-rail-left-bottom),
            var(--signal-part-rail-left-mid),
            var(--signal-part-concrete) !important;
        background-position: center, left top, left bottom, left top, center !important;
        background-size: cover, 100% auto, 100% auto, 100% auto, 256px 256px !important;
        background-repeat: no-repeat, no-repeat, no-repeat, repeat-y, repeat !important;
    }

    body.lion2-skin.lion-skin .right_content {
        background-image:
            linear-gradient(270deg, rgb(218 216 207 / 12%), transparent),
            var(--signal-part-rail-right-top),
            var(--signal-part-rail-right-bottom),
            var(--signal-part-rail-right-mid),
            var(--signal-part-concrete) !important;
        background-position: center, right top, right bottom, right top, center !important;
        background-size: cover, 100% auto, 100% auto, 100% auto, 256px 256px !important;
        background-repeat: no-repeat, no-repeat, no-repeat, repeat-y, repeat !important;
    }

    /* Left rack controls. */
    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .menu a {
        background:
            var(--signal-part-key-dark) center / 100% 100% no-repeat,
            #15191a !important;
    }

    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .menu a:is(
        .ybg,
        .menu-active,
        .is-current,
        [aria-current='page']
    ) {
        background:
            var(--signal-part-key-yellow) center / 100% 100% no-repeat,
            #cba500 !important;
    }

    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .lion-left-promo {
        border: 5px solid transparent !important;
        border-image-source: var(--signal-part-nav-dark) !important;
        border-image-slice: var(--signal-slice-control) fill !important;
        border-image-width: 5px !important;
        border-image-repeat: stretch !important;
        background: #15191a !important;
    }

    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .sports-left-search {
        border: 6px solid transparent !important;
        border-image-source: var(--signal-part-nav-dark) !important;
        border-image-slice: var(--signal-slice-control) fill !important;
        border-image-width: 6px !important;
        border-image-repeat: stretch !important;
        background:
            var(--signal-part-concrete) center / 192px 192px repeat,
            #111415 !important;
    }

    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .sports-left-search__form {
        background:
            var(--signal-part-input-well) center / 100% 100% no-repeat,
            #090b0c !important;
    }

    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .sports-left-search__button {
        background:
            var(--signal-part-key-dark) center / 100% 100% no-repeat,
            #232728 !important;
    }

    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu h4 {
        background:
            var(--signal-part-title-signal) center / 100% 100% no-repeat,
            #202628 !important;
    }

    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu :is(
        .bg-category-orange1,
        .bg-location-orange1,
        .bg-league-orange1
    ) {
        background-image: var(--signal-part-key-dark) !important;
        background-position: center !important;
        background-size: 100% 100% !important;
    }

    body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .freematch.w_sport_left_menu
        :is(.bg-category-orange1, .bg-location-orange1, .bg-league-orange1) small {
        background:
            var(--signal-part-badge) center / 100% 100% no-repeat,
            #202628 !important;
    }

    /* Right member console, keys, slip chassis and DB-driven service cards. */
    body.lion2-skin.lion-skin .right_content .rightMenu > :is(.login_box, .lion-account-console),
    body.lion2-skin.lion-skin .right_content :is(.lion-main-betslip, .lion-betslip-panel),
    body.lion2-skin.lion-skin .right_content .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.lion-skin .right_content .rightMenu > .lion-account-console .bgy,
    body.lion2-skin.lion-skin .right_content :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.lion-skin .right_content .lion-account-balance {
        background:
            var(--signal-part-input-well) center / 100% 100% no-repeat,
            #0b0e0f !important;
    }

    body.lion2-skin.lion-skin .right_content .rmenu a,
    body.lion2-skin.lion-skin .right_content :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.lion-skin .right_content .r_banner > .signal-service-banner > img {
        filter: saturate(.78) contrast(1.04) !important;
    }

    /* Main hero: campaign image well + separate live instrument bay. */
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content .mpslide {
        border: 10px solid transparent !important;
        border-image-source: var(--signal-part-frame-heavy) !important;
        border-image-slice: var(--signal-slice-frame-heavy) !important;
        border-image-width: 10px !important;
        border-image-repeat: stretch !important;
        background:
            var(--signal-part-concrete) center / 256px 256px repeat,
            #080b0c !important;
        box-shadow: 0 8px 20px rgb(0 0 0 / 46%) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-container {
        inset: 0 auto 0 0 !important;
        width: 74% !important;
        height: 100% !important;
        border-right: 8px solid #4a4f50 !important;
        box-shadow:
            inset -2px 0 #9b9d98,
            10px 0 20px rgb(0 0 0 / 52%) !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .signal-hero-market-panel {
        z-index: 9 !important;
        top: 7px !important;
        right: 7px !important;
        bottom: 7px !important;
        display: grid !important;
        width: calc(26% - 12px) !important;
        padding: clamp(8px, .72vw, 14px) !important;
        border: 9px solid transparent !important;
        border-image-source: var(--signal-part-frame-heavy) !important;
        border-image-slice: var(--signal-slice-frame-heavy) !important;
        border-image-width: 9px !important;
        border-image-repeat: stretch !important;
        background:
            var(--signal-part-concrete) center / 192px 192px repeat,
            #090c0d !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-market-panel > span {
        padding-left: clamp(38px, 2.8vw, 54px) !important;
        border: 1px solid #6c6751 !important;
        background:
            var(--signal-part-key-dark) center / 100% 100% no-repeat,
            #111415 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .signal-hero-market-panel > span::before {
        left: clamp(4px, .42vw, 8px) !important;
        width: clamp(26px, 2.15vw, 42px) !important;
        border: 0 !important;
        background: var(--signal-part-medallion) center / contain no-repeat !important;
        box-shadow: none !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .signal-hero-copy {
        display: none !important;
    }

    /* Boards, category tiles and provider rack use one hardware family. */
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .main_notice_area .notice_box .inn,
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 > a:not(.mobile),
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content .footer {
        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;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .main_notice_area .notice_box h1 {
        background:
            var(--signal-part-title-light) center / 100% 100% no-repeat,
            #aaa9a3 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpmenu1 > a::before {
        background:
            var(--signal-part-key-yellow) center / 100% 100% no-repeat,
            #d8ac00 !important;
    }

    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content .footer {
        border-width: 10px !important;
        border-image-width: 10px !important;
        background:
            var(--signal-part-concrete) center / 256px 256px repeat,
            #090c0d !important;
    }
}

/* Sports glyphs stay live vector/icon-font content on a shared metal base. */
body.lion2-skin.lion-skin #ajax-content .spo_jong .sports-type .signal-sport-icon,
body.lion2-skin.lion-skin #sidebar#sidebar .leftMenu .signal-sport-icon {
    color: var(--signal-yellow-hot, #ffd316) !important;
    background: var(--signal-part-medallion) center / contain no-repeat !important;
    filter: none !important;
}