/* Phase 28 — StreamLumi discovery shell overrides */

body.sl-streamlumi-shell-active.sl-front-shell-active{
    background:#000!important;
    color:#f8f8f8;
    font-family:Inter,"Helvetica Neue",Roboto,Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:1.45;
}

body.sl-streamlumi-shell-active .sl-front-shell{
    background:linear-gradient(135deg,#12081f 0%,#231452 42%,#1a1035 100%);
    border-bottom:1px solid rgba(167,139,250,.22);
    box-shadow:0 10px 28px rgba(0,0,0,.45);
}

body.sl-streamlumi-shell-active .sl-front-main{
    height:56px;
    padding:0 18px;
    background:transparent;
    grid-template-columns:auto minmax(280px,1fr) auto;
}

body.sl-streamlumi-shell-active .sl-front-brand{
    gap:14px;
    min-width:auto;
}

body.sl-streamlumi-shell-active .sl-front-top-link{
    color:#d1d5db;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}
body.sl-streamlumi-shell-active .sl-front-top-link:hover{
    color:#fff;
}

body.sl-streamlumi-shell-active .sl-front-live{
    background:transparent;
    border:0;
    padding:0;
    font-size:13px;
    font-weight:700;
    letter-spacing:.02em;
    text-transform:none;
    color:#f3f4f6;
}
body.sl-streamlumi-shell-active .sl-front-live-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 4px rgba(34,197,94,.18);
}

body.sl-streamlumi-shell-active .sl-front-search{
    max-width:760px;
    background:rgba(8,6,18,.55);
    border:1px solid rgba(196,181,253,.28);
    border-radius:999px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
body.sl-streamlumi-shell-active .sl-front-search i{
    color:#c4b5fd;
}
body.sl-streamlumi-shell-active .sl-front-search input{
    font-size:14px;
    font-weight:400;
    color:#f9fafb;
}
body.sl-streamlumi-shell-active .sl-front-search input::placeholder{
    color:#a78bfa;
}
body.sl-streamlumi-shell-active .sl-front-search button{
    background:linear-gradient(135deg,#facc15 0%,#f59e0b 100%);
    color:#1f1147;
    font-size:13px;
    font-weight:800;
    padding:12px 18px;
    border:0;
    border-left:1px solid rgba(255,255,255,.12);
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex-shrink:0;
    line-height:1;
}
body.sl-streamlumi-shell-active .sl-front-search button:hover{
    color:#12081f;
    background:linear-gradient(135deg,#fde047 0%,#fbbf24 100%);
}
body.sl-streamlumi-shell-active .sl-front-search button i{
    display:none;
}

body.sl-streamlumi-shell-active .sl-front-btn{
    min-height:36px;
    padding:8px 14px;
    border-radius:8px;
    font-size:13px;
    font-weight:600;
    background:transparent;
    border:1px solid rgba(255,255,255,.18);
    color:#f3f4f6;
}
body.sl-streamlumi-shell-active .sl-front-btn:hover{
    border-color:rgba(255,255,255,.32);
    background:rgba(255,255,255,.04);
}
body.sl-streamlumi-shell-active .sl-front-btn.primary{
    background:linear-gradient(135deg,#facc15 0%,#f59e0b 100%);
    border-color:#facc15;
    color:#1f1147;
    font-weight:800;
}
body.sl-streamlumi-shell-active .sl-front-btn.primary:hover{
    background:linear-gradient(135deg,#fde047 0%,#fbbf24 100%);
    color:#12081f;
}

body.sl-streamlumi-shell-active .sl-front-tabs{
    height:44px;
    background:#0a0a0a;
    border-top:1px solid rgba(255,255,255,.06);
    padding:0 16px;
    gap:0;
}
body.sl-streamlumi-shell-active .sl-front-tab,
body.sl-streamlumi-shell-active .sl-front-tab:visited{
    position:relative;
    background:transparent;
    border:0;
    border-radius:0;
    color:#9ca3af;
    font-size:14px;
    font-weight:600;
    padding:12px 18px;
    min-height:44px;
}
body.sl-streamlumi-shell-active .sl-front-tab:hover,
body.sl-streamlumi-shell-active .sl-front-tab:focus{
    color:#fff;
    background:transparent;
}
body.sl-streamlumi-shell-active .sl-front-tab.is-active,
body.sl-streamlumi-shell-active .sl-front-tab[aria-current="page"]{
    color:#fff;
}
body.sl-streamlumi-shell-active .sl-front-tab.is-active::after,
body.sl-streamlumi-shell-active .sl-front-tab[aria-current="page"]::after{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:0;
    height:2px;
    background:#fff;
    border-radius:2px 2px 0 0;
}

body.sl-streamlumi-shell-active.sl-front-shell-active{
    padding-top:64px!important;
}
body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-tabs{
    padding-top:var(--sl-header-stack,100px)!important;
}

body.sl-streamlumi-shell-active .sl-front-tabs{
    background:rgba(10,6,22,.72);
    border-top:1px solid rgba(167,139,250,.14);
}
body.sl-streamlumi-shell-active .sl-front-tab,
body.sl-streamlumi-shell-active .sl-front-link{
    color:#ddd6fe;
}
body.sl-streamlumi-shell-active .sl-front-tab:hover,
body.sl-streamlumi-shell-active .sl-front-link:hover{
    color:#fff;
}

body.sl-streamlumi-shell-active .col-md-10.no-padding,
body.sl-streamlumi-shell-active .thumbnail-grid,
body.sl-streamlumi-shell-active #card,
body.sl-streamlumi-shell-active .cbp-rfgrid{
    background:#000;
}

body.sl-streamlumi-shell-active .sl-home-sponsored-row,
body.sl-streamlumi-shell-active .sl-front-tabs-ad,
body.sl-streamlumi-shell-active .sl-front-tabs-ad-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    margin:0;
    padding:12px 14px;
    gap:12px;
    min-height:88px;
    width:100%;
    box-sizing:border-box;
    background:rgba(10,6,22,.55);
    border-bottom:1px solid rgba(167,139,250,.12);
    overflow:visible!important;
}
body.sl-streamlumi-shell-active .sl-front-tabs-ad .sl-front-ad-pair,
body.sl-streamlumi-shell-active .sl-front-tabs-ad-row .sl-front-ad-pair{
    display:flex!important;
    flex:1 1 auto!important;
    width:100%!important;
    max-width:none!important;
    gap:12px!important;
    overflow:visible!important;
    align-items:stretch!important;
    min-height:58px!important;
}
body.sl-streamlumi-shell-active .sl-front-tabs-ad .sl-front-ad-unit,
body.sl-streamlumi-shell-active .sl-front-tabs-ad-row .sl-front-ad-unit,
body.sl-streamlumi-shell-active .sl-home-sponsored-row .sl-front-ad-unit{
    position:relative!important;
    flex:1 1 0!important;
    min-width:0!important;
    min-height:58px!important;
    opacity:1!important;
    animation:none!important;
    inset:auto!important;
    height:auto!important;
    border-radius:10px;
    overflow:visible!important;
    align-items:stretch!important;
}
body.sl-streamlumi-shell-active .sl-front-tabs-ad .sl-front-ad-unit:only-child{
    flex:1 1 100%!important;
    max-width:100%!important;
}
body.sl-streamlumi-shell-active .sl-front-ad-unit .sl-demo-ad{
    min-height:58px!important;
    height:100%!important;
}
body.sl-streamlumi-shell-active .sl-front-topbar-ad{
    display:none;
}
@media (max-width:860px){
    body.sl-streamlumi-shell-active .sl-front-tabs-ad-row{
        display:none!important;
    }
    body.sl-streamlumi-shell-active .sl-front-topbar-ad{
        display:none!important;
    }
    body.sl-streamlumi-shell-active .sl-home-mobile-inline-ad{
        margin:10px 12px 0;
        padding:0;
        border:0;
        background:transparent;
    }
    body.sl-streamlumi-shell-active .sl-home-mobile-inline-ad-row{
        min-height:52px!important;
        max-height:72px;
        border-radius:10px;
        overflow:hidden;
    }
    body.sl-streamlumi-shell-active .sl-home-mobile-inline-ad-row .sl-front-ad-empty{
        display:none!important;
    }
}

body.sl-streamlumi-shell-active.sl-conversion-bar-active{
    padding-bottom:56px!important;
}
body.sl-streamlumi-shell-active .sl-conversion-bar{
    width:min(920px,calc(100vw - 24px));
    padding:8px 40px 8px 12px;
    bottom:8px;
    border-radius:8px;
    background:rgba(18,18,18,.96);
}
body.sl-streamlumi-shell-active .sl-conversion-copy strong{
    font-size:14px;
}
body.sl-streamlumi-shell-active .sl-conversion-copy span{
    font-size:12px;
}
body.sl-streamlumi-shell-active .sl-conversion-primary,
body.sl-streamlumi-shell-active .sl-conversion-secondary{
    min-height:32px;
    padding:6px 12px;
    font-size:12px;
}

body.sl-streamlumi-shell-active .sl-lang-switcher-trigger{
    background:#151515;
    border-color:rgba(255,255,255,.10);
}

@media (max-width:860px){
    body.sl-streamlumi-shell-active .sl-front-main{
        grid-template-columns:auto 1fr auto;
        gap:8px;
        padding:0 10px;
    }
    body.sl-streamlumi-shell-active .sl-front-top-link{
        display:none;
    }
    body.sl-streamlumi-shell-active .sl-front-search button span{
        display:none;
    }
}
