/*
 * Lion2 Signal — Wave 2 live semantic sports/market icons, revision 1.
 *
 * API sport_img values remain available to application data, while rendered
 * betting UI uses the self-hosted Flaticon glyphs and Signal hardware chrome.
 */

body.lion2-skin {
    --signal-live-sport-color: var(--signal-yellow-hot, #ffd316);
    --signal-live-sport-fill: rgb(255 211 22 / 14%);
    --signal-live-sport-glow: rgb(255 211 22 / 30%);
}

body.lion2-skin .signal-live-sport-icon {
    display: inline-grid !important;
    box-sizing: border-box;
    width: 26px !important;
    min-width: 26px;
    height: 26px !important;
    flex: 0 0 26px;
    margin: 0;
    padding: 5px;
    place-items: center;
    border: 1px solid var(--signal-live-sport-color);
    border-radius: 50%;
    background:
        radial-gradient(circle at 34% 26%, rgb(255 255 255 / 28%), transparent 34%),
        linear-gradient(145deg, rgb(55 61 63 / 96%), rgb(12 15 16 / 98%));
    color: var(--signal-live-sport-color) !important;
    box-shadow:
        inset 0 0 0 1px rgb(255 255 255 / 7%),
        inset 0 -4px 8px rgb(0 0 0 / 42%),
        0 0 10px var(--signal-live-sport-glow);
    font-size: 15px !important;
    font-style: normal;
    line-height: 1;
    vertical-align: middle;
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='6046'] {
    --signal-live-sport-color: #34d399;
    --signal-live-sport-glow: rgb(52 211 153 / 30%);
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='154914'] {
    --signal-live-sport-color: #fb7185;
    --signal-live-sport-glow: rgb(251 113 133 / 30%);
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='48242'] {
    --signal-live-sport-color: #fb923c;
    --signal-live-sport-glow: rgb(251 146 60 / 30%);
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='154830'] {
    --signal-live-sport-color: #38bdf8;
    --signal-live-sport-glow: rgb(56 189 248 / 30%);
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='35232'] {
    --signal-live-sport-color: #60a5fa;
    --signal-live-sport-glow: rgb(96 165 250 / 30%);
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='131506'] {
    --signal-live-sport-color: #c084fc;
    --signal-live-sport-glow: rgb(192 132 252 / 30%);
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='35709'] {
    --signal-live-sport-color: #facc15;
    --signal-live-sport-glow: rgb(250 204 21 / 30%);
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='687890'] {
    --signal-live-sport-color: #22d3ee;
    --signal-live-sport-glow: rgb(34 211 238 / 30%);
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='265917'] {
    --signal-live-sport-color: #f472b6;
    --signal-live-sport-glow: rgb(244 114 182 / 30%);
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='54094'] {
    --signal-live-sport-color: #a3e635;
    --signal-live-sport-glow: rgb(163 230 53 / 30%);
}

body.lion2-skin .signal-live-sport-icon[data-sport-id='154919'] {
    --signal-live-sport-color: #f43f5e;
    --signal-live-sport-glow: rgb(244 63 94 / 30%);
}

body.lion2-skin #ajax-content
    :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
    .league_info > .signal-live-sport-icon {
    margin-left: auto;
}

body.lion2-skin #ajax-content
    :is(#europe_sport_img, #inplay_sport_img) {
    width: 30px !important;
    min-width: 30px;
    height: 30px !important;
    flex-basis: 30px;
    font-size: 18px !important;
}

body.lion2-skin #ajax-content
    :is(.w_mybet, .w_customer) :is(.betting_content .gleague, .mybet-mobile-match__league)
    .signal-live-sport-icon {
    width: 22px !important;
    min-width: 22px;
    height: 22px !important;
    flex-basis: 22px;
    margin-right: 5px;
    padding: 4px;
    font-size: 13px !important;
}

body.lion2-skin .signal-market-icon {
    display: inline-grid;
    box-sizing: border-box;
    min-width: 24px;
    min-height: 22px;
    place-items: center;
    border: 1px solid #60686a;
    border-radius: 2px;
    background:
        linear-gradient(135deg, rgb(255 211 22 / 8%), transparent 48%),
        linear-gradient(180deg, #2d3233, #111415);
    color: var(--signal-yellow-hot, #ffd316);
    box-shadow:
        inset 0 0 0 1px rgb(255 255 255 / 5%),
        0 2px 5px rgb(0 0 0 / 34%);
    line-height: 1;
    vertical-align: middle;
}

body.lion2-skin .signal-market-icon--match-winner {
    min-width: 30px;
    padding: 3px 4px;
}

body.lion2-skin .signal-market-icon--match-winner > span {
    color: inherit;
    font-family: var(--signal-font-numeric, monospace);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1;
}

body.lion2-skin .signal-market-icon--locked {
    width: 25px;
    min-width: 25px;
    height: 25px;
    color: #aeb6b7;
    font-size: 13px;
}

body.lion2-skin #ajax-content
    :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
    .btn-sports.active .signal-market-icon--match-winner {
    border-color: #171a1a;
    background: #171a1a;
    color: var(--signal-yellow-hot, #ffd316);
}

body.lion2-skin #ajax-content
    :is(.left-home-lock-orange1, .left-vs-lock-orange1, .left-away-lock-orange1)
    .signal-market-icon--locked {
    animation: signal-lock-pulse 1.8s ease-in-out infinite;
}

@keyframes signal-lock-pulse {
    0%, 100% {
        border-color: #60686a;
        box-shadow: inset 0 0 0 1px rgb(255 255 255 / 5%), 0 0 0 rgb(255 211 22 / 0%);
    }

    50% {
        border-color: var(--signal-yellow-hot, #ffd316);
        box-shadow: inset 0 0 0 1px rgb(255 255 255 / 8%), 0 0 10px rgb(255 211 22 / 28%);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.lion2-skin #ajax-content
        :is(.left-home-lock-orange1, .left-vs-lock-orange1, .left-away-lock-orange1)
        .signal-market-icon--locked {
        animation: none;
    }
}

@media (width <= 767px) {
    body.lion2-skin #ajax-content
        :is(.w_cross, .w_special, .w_realtime, .w_europe, .w_inplay)
        .league_info > .signal-live-sport-icon {
        width: 24px !important;
        min-width: 24px;
        height: 24px !important;
        flex-basis: 24px;
        padding: 4px;
        font-size: 14px !important;
    }
}