/* /moderne/sport/sesongar/sesongar.css */

.ss-world .sport-mainnav{
    margin-bottom:10px;
}

.ss-page-head{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin:8px 0 9px;
}
.ss-page-icon{
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#eaf5ee;
    font-size:17px;
}
.ss-page-head h2{
    margin:0;
    font-size:1.08rem;
    line-height:1.05;
}
.ss-page-head p{
    margin:3px 0 0;
    color:#64748b;
    font-size:.69rem;
}

.ss-layout{
    display:grid;
    grid-template-columns:285px minmax(0,1fr);
    gap:18px;
    align-items:start;
}

.ss-sidebar{
    position:sticky;
    top:12px;
    display:flex;
    flex-direction:column;
    max-height:calc(100vh - 220px);
    overflow:hidden;
    border:1px solid #ccd8df;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.06);
}

.ss-sidebar-head{
    flex:0 0 auto;
    padding:14px 15px 13px;
    background:linear-gradient(135deg,#0b4f2d,#126b40);
    color:#fff;
}
.ss-sidebar-head strong{
    display:block;
    font-size:1rem;
}
.ss-sidebar-head span{
    display:block;
    margin-top:2px;
    color:rgba(255,255,255,.72);
    font-size:.67rem;
    font-weight:700;
}

.ss-filter-block{
    flex:0 0 auto;
    padding:13px;
    border-bottom:1px solid #e8edf1;
    background:#f9fbfa;
}
.ss-filter-block label{
    display:block;
    margin-bottom:7px;
    color:#23352b;
    font-size:.69rem;
    font-weight:950;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.ss-filter-block select{
    width:100%;
    min-height:42px;
    padding:8px 34px 8px 10px;
    border:1px solid #ccd7df;
    border-radius:11px;
    background:#fff;
    color:#0f172a;
    font:inherit;
    font-size:.8rem;
    font-weight:800;
    cursor:pointer;
}
.ss-filter-block small{
    display:block;
    margin-top:5px;
    color:#718096;
    font-size:.65rem;
}
.ss-team-select-wrap{
    position:relative;
    padding-left:48px;
}
.ss-team-select-wrap img{
    position:absolute;
    z-index:2;
    left:2px;
    top:50%;
    width:40px;
    height:40px;
    object-fit:contain;
    transform:translateY(-50%);
    pointer-events:none;
}

.ss-current{
    flex:0 0 auto;
    padding:12px 13px;
    border-bottom:1px solid #cfe3d7;
    background:#eaf6ef;
}
.ss-current > span{
    display:block;
    color:#60746a;
    font-size:.59rem;
    font-weight:950;
    letter-spacing:.08em;
}
.ss-current strong{
    display:block;
    margin-top:2px;
    color:#0c4d2b;
    font-size:1rem;
}
.ss-current small{
    display:block;
    margin-top:2px;
    color:#60746a;
    font-size:.65rem;
}

.ss-year-list{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:7px;
    scrollbar-gutter:stable;
}
.ss-year{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:3px 0;
    padding:9px 10px;
    border-radius:10px;
    color:#13251a;
    text-decoration:none;
}
.ss-year:hover{
    background:#f0f7f3;
}
.ss-year.is-active{
    background:#dff2e6;
    box-shadow:inset 3px 0 0 #13834d;
}
.ss-year strong{
    font-size:.78rem;
}
.ss-year span{
    color:#6b7d72;
    font-size:.64rem;
    font-weight:800;
}

.ss-main{
    min-width:0;
}
.ss-season-content{
    min-width:0;
    padding:14px;
    overflow:hidden;
    border:1px solid #ccd8df;
    border-radius:17px;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.06);
}

/* Skjul global header/footer og gamle eigne side-/venstremenyar i innhaldet. */
.ss-season-content header,
.ss-season-content footer,
.ss-season-content .site-header,
.ss-season-content .top-header,
.ss-season-content .main-header{
    display:none !important;
}

.ss-season-content > .wrap > aside,
.ss-season-content .wrap > aside,
.ss-season-content .season-sidebar,
.ss-season-content .sesong-sidebar,
.ss-season-content .left-menu,
.ss-season-content .leftmenu{
    display:none !important;
}

.ss-season-content .wrap,
.ss-season-content > .wrap{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

/* Hovudinnhaldet skal bruke heile høgresida. */
.ss-season-content main,
.ss-season-content .main,
.ss-season-content .content,
.ss-season-content .season-main,
.ss-season-content .sesong-main,
.ss-season-content .hb-season-main,
.ss-season-content .hb-main,
.ss-season-content .main-col{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
}

.ss-season-content img{
    max-width:100% !important;
    height:auto !important;
}

.ss-empty{
    padding:60px 20px;
    border:1px solid #d6dee5;
    border-radius:17px;
    background:#fff;
    text-align:center;
    color:#64748b;
}
.ss-empty > span{
    display:block;
    margin-bottom:8px;
    font-size:2rem;
}
.ss-empty h2{
    margin:0;
    color:#10291c;
}
.ss-empty p{
    margin:7px 0 0;
}

/* Handballfilene har ofte eigen hovud-/sidekolonne. Behald begge i hovudfeltet. */
.ss-season-content .season-shell,
.ss-season-content .hb-season-shell,
.ss-season-content .hb-page,
.ss-season-content .hb-wrap,
.ss-season-content .season-grid,
.ss-season-content .hb-season-grid{
    width:100% !important;
    max-width:none !important;
}

@media(min-width:901px){
    .ss-season-content .season-grid,
    .ss-season-content .hb-season-grid{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 300px !important;
        gap:18px !important;
        align-items:start !important;
    }
}

@media(max-width:980px){
    .ss-layout{
        grid-template-columns:1fr;
    }
    .ss-sidebar{
        position:relative;
        top:auto;
        display:block;
        max-height:none;
    }
    .ss-year-list{
        max-height:330px;
    }
}

@media(max-width:720px){
    .ss-page-head{
        justify-content:flex-start;
    }
    .ss-layout{
        gap:10px;
    }
    .ss-sidebar{
        border-radius:13px;
    }
    .ss-season-content{
        padding:7px;
        border-radius:13px;
    }

    .ss-season-content .season-grid,
    .ss-season-content .hb-season-grid{
        display:block !important;
        grid-template-columns:1fr !important;
    }

    .ss-season-content table{
        width:100% !important;
        max-width:100% !important;
        font-size:12px !important;
    }
}

/* =========================================================
   V2 – gamle sesongoversikter skal fylle heile hovudfeltet
   ========================================================= */

/* Alle vanlege ytter-wrapperar frå dei gamle sesongfilene */
.ss-season-content .page,
.ss-season-content .page-wrap,
.ss-season-content .season-page,
.ss-season-content .sesong-page,
.ss-season-content .season-wrap,
.ss-season-content .sesong-wrap,
.ss-season-content .container,
.ss-season-content .content-wrap{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/*
 * Fotball herrer brukar typisk:
 * .wrap > main.grid > aside + div
 * Vi fjernar den gamle sidekolonna og lar innhalds-diven fylle alt.
 */
.ss-season-content .wrap{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
}

.ss-season-content .wrap > main.grid,
.ss-season-content main.grid{
    display:block !important;
    grid-template-columns:none !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}

.ss-season-content .wrap > main.grid > aside,
.ss-season-content main.grid > aside,
.ss-season-content aside.season-sidebar,
.ss-season-content aside.sesong-sidebar{
    display:none !important;
}

.ss-season-content .wrap > main.grid > div,
.ss-season-content main.grid > div{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
}

/* Kort og panel skal ikkje arve gamle smale kolonnebreidder */
.ss-season-content .wrap > main.grid > div > .card,
.ss-season-content .card,
.ss-season-content .panel,
.ss-season-content .season-card,
.ss-season-content .sesong-card,
.ss-season-content .stat-card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
}

/* KPI / statistikk-kort får bruke breidda */
.ss-season-content .kpi,
.ss-season-content .kpis,
.ss-season-content .stats-grid,
.ss-season-content .stat-grid{
    width:100% !important;
    max-width:none !important;
}

/* Gamle to-kolonnegrid for handball */
.ss-season-content .season-shell,
.ss-season-content .hb-season-shell,
.ss-season-content .hb-page,
.ss-season-content .hb-wrap,
.ss-season-content .season-grid,
.ss-season-content .hb-season-grid{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
}

@media(min-width:901px){
    .ss-season-content .season-grid,
    .ss-season-content .hb-season-grid{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 300px !important;
        gap:18px !important;
        align-items:start !important;
    }

    .ss-season-content .season-side,
    .ss-season-content .hb-season-side,
    .ss-season-content .hb-sidebar,
    .ss-season-content .side-col{
        width:300px !important;
        max-width:300px !important;
    }
}

/* Tabellar må bruke tilgjengeleg plass */
.ss-season-content table{
    max-width:100% !important;
}

/* Spesielt for element som har hardkoda 300–320px frå gammal side */
.ss-season-content [style*="width:300px"],
.ss-season-content [style*="width: 300px"],
.ss-season-content [style*="max-width:300px"],
.ss-season-content [style*="max-width: 300px"]{
    width:100% !important;
    max-width:none !important;
}

@media(max-width:900px){
    .ss-season-content .season-grid,
    .ss-season-content .hb-season-grid{
        display:block !important;
        grid-template-columns:1fr !important;
    }

    .ss-season-content .season-side,
    .ss-season-content .hb-season-side,
    .ss-season-content .hb-sidebar,
    .ss-season-content .side-col{
        width:100% !important;
        max-width:none !important;
    }
}

/* =========================================================
   V3 – KRITISK: grid-klassa ligg på .wrap, ikkje på <main>
   ========================================================= */
.ss-season-content .wrap.grid{
    display:block !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    gap:0 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}

.ss-season-content .wrap.grid > aside{
    display:none !important;
}

.ss-season-content .wrap.grid > main{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}

.ss-season-content .wrap.grid > main > .card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
}

/* Same vern dersom nokon av dei andre sesongfilene brukar .grid på ytterwrapper */
.ss-season-content > .grid,
.ss-season-content .page.grid,
.ss-season-content .page-wrap.grid{
    width:100% !important;
    max-width:none !important;
    grid-template-columns:1fr !important;
}