/*
 * Lion2 Signal — Wave 1 tone and service-plate bridge, immutable revision 2.
 *
 * The campaign artwork remains administrator-owned. This layer only applies
 * a restrained shared grade and mounts the live label/CTA on the same bright
 * brushed-steel hardware used by the approved reference shell. It rejoins the
 * shell layer because its important declarations must outrank legacy resets.
 */

@layer lion2-signal-shell {
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide > img,
    body.lion2-skin.lion-skin[data-lion-page='home'] #ajax-content#ajax-content#ajax-content
        .mpslide.has-admin-slides .swiper-slide > a > img {
        filter: saturate(.6) contrast(1.04) brightness(.9) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .r_banner > .signal-service-banner {
        background:
            var(--signal-part-concrete) center / 256px 256px repeat,
            #111415 !important;
        box-shadow:
            inset 0 0 0 1px rgb(255 255 255 / 10%),
            0 5px 12px rgb(0 0 0 / 42%) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .r_banner > .signal-service-banner > img {
        filter: saturate(.5) contrast(.96) brightness(.94) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .r_banner .signal-banner-label {
        --signal-banner-accent: var(--signal-yellow-hot, #ffd316) !important;
        inset: 4px 4px 4px 35% !important;
        padding: 6px 9px !important;
        overflow: hidden !important;
        border: 2px solid #3f4344 !important;
        border-left: 3px solid #b58d00 !important;
        background:
            var(--signal-part-nav-light) center / 100% 100% no-repeat,
            #b8b7b1 !important;
        box-shadow:
            inset 0 1px rgb(255 255 255 / 60%),
            inset 0 -2px rgb(0 0 0 / 22%),
            0 2px 6px rgb(0 0 0 / 46%) !important;
        color: #111415 !important;
        text-shadow: 0 1px rgb(255 255 255 / 55%) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .r_banner .signal-banner-label > strong {
        color: #111415 !important;
        -webkit-text-fill-color: #111415 !important;
        font-size: clamp(11px, .72vw, 14px) !important;
        letter-spacing: -.045em !important;
        text-shadow: 0 1px rgb(255 255 255 / 62%) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .r_banner .signal-banner-label > small {
        color: #363b3c !important;
        -webkit-text-fill-color: #363b3c !important;
        font-weight: 800 !important;
        text-shadow: 0 1px rgb(255 255 255 / 45%) !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right
        .r_banner .signal-banner-cta {
        min-width: clamp(58px, 4.65vw, 82px) !important;
        border: 1px solid #705800 !important;
        background:
            var(--signal-part-key-yellow) center / 100% 100% no-repeat,
            #d8ac00 !important;
        box-shadow: inset 0 1px rgb(255 255 255 / 38%) !important;
        color: #080a0b !important;
        -webkit-text-fill-color: #080a0b !important;
    }

    body.lion2-skin .right_content#sidebar-right#sidebar-right .r_banner
        > :is(a, .banner-copy):is(:hover, :focus-visible) .signal-banner-cta {
        background:
            linear-gradient(rgb(255 255 255 / 12%), rgb(255 255 255 / 12%)),
            var(--signal-part-key-yellow) center / 100% 100% no-repeat,
            #e7bd0b !important;
        color: #050606 !important;
        -webkit-text-fill-color: #050606 !important;
        box-shadow:
            inset 0 1px rgb(255 255 255 / 52%),
            0 0 0 1px rgb(255 211 22 / 42%) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lion2-skin.lion-skin .right_content .r_banner > .signal-service-banner,
    body.lion2-skin.lion-skin .right_content .r_banner .signal-banner-cta {
        transition: none !important;
    }
}