/*
========================================================
 LADYXENAMAROC LIVE ANALYTICS — BLACK & GOLD
 Affichage automatique après la pagination
========================================================
*/

.lx-live-stats{
    position:relative !important;
    width:calc(100% - 36px) !important;
    max-width:1180px !important;
    margin:28px auto 38px !important;
    padding:22px 28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:34px !important;
    overflow:hidden !important;
    clear:both !important;
    box-sizing:border-box !important;

    background:
        radial-gradient(circle at 50% -120%,rgba(212,175,55,.20),transparent 48%),
        linear-gradient(145deg,#0c0c0c 0%,#050505 58%,#0d0a04 100%) !important;

    border:1px solid rgba(212,175,55,.36) !important;
    border-radius:24px !important;

    box-shadow:
        0 22px 55px rgba(0,0,0,.58),
        inset 0 1px 0 rgba(255,255,255,.04),
        0 0 30px rgba(212,175,55,.08) !important;
}

.lx-live-stats__shine{
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(
        110deg,
        transparent 0%,
        transparent 35%,
        rgba(244,196,91,.06) 48%,
        transparent 61%,
        transparent 100%
    ) !important;
}

.lx-live-stat{
    position:relative !important;
    z-index:2 !important;
    flex:1 1 0 !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:16px !important;
    padding:8px 18px !important;
}

.lx-live-stat__icon{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    font-size:25px !important;

    background:linear-gradient(145deg,#20180a,#0c0c0c) !important;
    border:1px solid rgba(212,175,55,.38) !important;

    box-shadow:
        inset 0 0 18px rgba(212,175,55,.10),
        0 0 20px rgba(212,175,55,.12) !important;
}

.lx-live-stat__content{
    display:grid !important;
    grid-template-columns:auto auto !important;
    grid-template-areas:
        "label label"
        "value suffix" !important;
    column-gap:8px !important;
    align-items:end !important;
}

.lx-live-stat__label{
    grid-area:label !important;
    display:block !important;
    margin-bottom:3px !important;
    color:#f4c45b !important;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:1.15px !important;
    line-height:1.3 !important;
    text-transform:uppercase !important;
}

.lx-live-stat__value{
    grid-area:value !important;
    color:#ffffff !important;
    font-size:31px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-shadow:0 0 16px rgba(212,175,55,.22) !important;
}

.lx-live-stat__suffix{
    grid-area:suffix !important;
    color:#d4af37 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
}

.lx-live-stats__divider{
    width:1px !important;
    height:62px !important;
    flex:0 0 1px !important;
    background:linear-gradient(
        to bottom,
        transparent,
        rgba(212,175,55,.55),
        transparent
    ) !important;
}

@media(max-width:768px){
    .lx-live-stats{
        width:calc(100% - 18px) !important;
        margin:20px auto 28px !important;
        padding:18px 10px !important;
        gap:8px !important;
        border-radius:18px !important;
    }

    .lx-live-stat{
        gap:8px !important;
        padding:6px 4px !important;
    }

    .lx-live-stat__icon{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        font-size:18px !important;
    }

    .lx-live-stat__label{
        font-size:9px !important;
        letter-spacing:.6px !important;
    }

    .lx-live-stat__value{
        font-size:22px !important;
    }

    .lx-live-stat__suffix{
        font-size:10px !important;
    }

    .lx-live-stats__divider{
        height:50px !important;
    }
}

@media(max-width:430px){
    .lx-live-stats{
        align-items:stretch !important;
    }

    .lx-live-stat{
        flex-direction:column !important;
        text-align:center !important;
        gap:7px !important;
    }

    .lx-live-stat__content{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "label"
            "value"
            "suffix" !important;
        row-gap:3px !important;
        justify-items:center !important;
    }
}