/* =========================================================
   MOTOETKINLIK STANDINGS — COMPACT / EDITORIAL / PREMIUM
========================================================= */

.standings-hub--motogp,
.standings-hub--wsbk{
    padding-top:20px;
    padding-bottom:36px;
}

/* =========================================================
   HERO
========================================================= */
.standings-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(250px,300px);
    gap:18px;
    align-items:end;
    margin:0 0 20px;
    padding:26px;
    border-radius:22px;
    background:
        radial-gradient(circle at top right, rgba(177,18,23,.24), transparent 30%),
        linear-gradient(135deg, #090b10 0%, #10141b 56%, #1c1117 100%);
    border:1px solid rgba(255,255,255,.06);
    box-shadow:0 18px 50px rgba(0,0,0,.16);
    overflow:hidden;
}

.standings-hero__content{
    min-width:0;
}

.standings-hero__eyebrow{
    display:none;
}

.standings-hero__title{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(30px,3.4vw,54px);
    line-height:1;
    font-weight:900;
    letter-spacing:-.04em;
}

.standings-hero__subtitle{
    margin:0;
    max-width:720px;
    color:rgba(255,255,255,.74);
    font-size:14px;
    line-height:1.5;
    font-weight:500;
}

.standings-hero__stats{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}

.standings-hero__stat{
    min-width:0;
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
}

.standings-hero__stat-label{
    display:block;
    margin:0 0 6px;
    color:rgba(255,255,255,.64);
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.standings-hero__stat-value{
    display:block;
    color:#fff;
    font-size:15px;
    line-height:1.2;
    font-weight:800;
    word-break:break-word;
}

.standings-hero__filter{
    display:flex;
    align-items:end;
    justify-content:stretch;
    height:100%;
}

.standings-hero .standings-season-filter{
    width:100%;
    margin:0;
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
}

.standings-hero .standings-season-filter .results-hub-field{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.standings-hero .standings-season-filter label{
    margin:0;
    color:rgba(255,255,255,.74);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.standings-hero .standings-season-filter .results-hub-select{
    width:100%;
    height:46px;
    padding:0 42px 0 14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background-color:rgba(255,255,255,.97);
    color:#111;
    font-size:15px;
    font-weight:800;
    line-height:46px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    box-shadow:none;
    background-image:
        linear-gradient(45deg, transparent 50%, #666 50%),
        linear-gradient(135deg, #666 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px);
    background-size:6px 6px, 6px 6px;
    background-repeat:no-repeat;
}

/* =========================================================
   TABS
========================================================= */
.standings-tabs-nav{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 18px;
    padding:8px;
    border-radius:16px;
    background:#f3f4f6;
    border:1px solid rgba(0,0,0,.06);
}

.standings-tab-btn{
    appearance:none;
    border:0;
    outline:0;
    background:transparent;
    color:#1f2937;
    padding:10px 14px;
    border-radius:12px;
    font-size:13px;
    line-height:1;
    font-weight:800;
    cursor:pointer;
    transition:all .2s ease;
}

.standings-tab-btn:hover{
    background:rgba(177,18,23,.08);
    color:#b11217;
}

.standings-hub--motogp .standings-tab-btn[data-tab="motogp"].is-active,
.standings-hub--wsbk .standings-tab-btn[data-tab="worldsbk"].is-active{
    background:#b11217;
    color:#fff;
    box-shadow:0 8px 22px rgba(177,18,23,.22);
}

.standings-hub--motogp .standings-tab-btn[data-tab="moto2"].is-active{
    background:#4f46e5;
    color:#fff;
    box-shadow:0 8px 22px rgba(79,70,229,.22);
}

.standings-hub--motogp .standings-tab-btn[data-tab="moto3"].is-active{
    background:#f59e0b;
    color:#fff;
    box-shadow:0 8px 22px rgba(245,158,11,.22);
}

.standings-hub--wsbk .standings-tab-btn[data-tab="worldssp"].is-active{
    background:#2563eb;
    color:#fff;
    box-shadow:0 8px 22px rgba(37,99,235,.22);
}

.standings-tab-panel{
    border-radius:18px;
    padding:0;
    background:transparent;
}

/* =========================================================
   TABLE SHELL
========================================================= */
.standings-table-shell{
    border-radius:20px;
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 10px 28px rgba(0,0,0,.06);
    overflow:hidden;
}

.standings-table-headline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-bottom:1px solid rgba(0,0,0,.06);
    background:linear-gradient(180deg, #fff 0%, #fafafa 100%);
}

.standings-table-headline h2{
    margin:0;
    color:#111;
    font-size:17px;
    line-height:1.15;
    font-weight:800;
}

.standings-table-headline p{
    display:none;
}

.standings-table-scroll{
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
}

.standings-table--matrix{
    min-width:max-content;
}

/* =========================================================
   MATRIX GRID
========================================================= */
.standings-header--matrix,
.standings-row--matrix{
    display:grid;
    grid-template-columns:42px 220px 56px 62px repeat(var(--race-count), 28px);
    align-items:center;
    gap:0;
}

.standings-header--matrix{
    position:sticky;
    top:0;
    z-index:4;
    background:#08090c;
    color:rgba(255,255,255,.88);
    font-size:10px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.standings-header--matrix > span,
.standings-row--matrix > span{
    min-height:40px;
    padding:6px 3px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right:1px solid rgba(0,0,0,.06);
    box-sizing:border-box;
}

.standings-header--matrix > span{
    border-right-color:rgba(255,255,255,.06);
}

.standings-header--matrix > span:last-child,
.standings-row--matrix > span:last-child{
    border-right:0;
}

.standings-row--matrix{
    background:#fff;
    border-top:1px solid rgba(0,0,0,.055);
    font-size:12px;
    line-height:1.1;
}

.standings-row--matrix:hover{
    background:#fafafa;
}

.standings-header--matrix .col-driver,
.standings-row--matrix .col-driver{
    justify-content:flex-start;
    text-align:left;
}

.standings-header--matrix .col-gap,
.standings-header--matrix .col-total,
.standings-row--matrix .col-gap,
.standings-row--matrix .col-total{
    text-align:center;
}

/* SADECE satırlarda olsun */
.standings-row--matrix .col-total{
    border-right:1px solid #e6e6e6 !important;
}

/* header'da tamamen kaldır */
.standings-header--matrix .col-total{
    border-right:none !important;
}
/* =========================================================
   CELLS
========================================================= */
.standings-row--matrix .col-rank{
    font-size:12px;
    font-weight:800;
    color:#111;
}

.standings-row--matrix.rank-1{
    background:linear-gradient(90deg, rgba(177,18,23,.05) 0%, rgba(177,18,23,0) 34%);
}

.standings-row--matrix .driver{
    display:flex;
    align-items:center;
    gap:7px;
    min-width:0;
}

.standings-row--matrix .driver > img,
.standings-row--matrix .driver .flag-image,
.standings-row--matrix .driver .race-weekend-flag,
.standings-row--matrix .driver .motoetkinlik-flag,
.standings-row--matrix .driver [class*="flag"] img,
.standings-row--matrix .driver img{
    width:15px;
    height:auto;
    border-radius:2px;
    box-shadow:0 1px 4px rgba(0,0,0,.14);
    flex:0 0 auto;
}

.standings-hub .driver-meta{
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
}

.standings-hub .driver-line{
    display:flex;
    align-items:center;
    gap:4px;
    min-width:0;
}

.standings-hub .driver-line strong{
    color:#111;
    font-size:12px;
    line-height:1.1;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.standings-hub .driver-line em{
    color:#667085;
    font-style:normal;
    font-size:10px;
    font-weight:700;
    line-height:1;
}

.standings-hub .driver-team{
    color:#6b7280;
    font-size:10px;
    line-height:1.1;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.standings-row--matrix .col-gap{
    color:#475467;
    font-size:11px;
    font-weight:700;
}

.standings-row--matrix .col-total{
    justify-content:center;
}

.standings-row--matrix .points{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:999px;
    background:#e5e7eb;
    color:#111;
    font-size:11px;
    font-weight:800;
    line-height:1;
    flex:0 0 28px;
}

.standings-row--matrix.rank-1 .points{
    background:#b11217;
    color:#fff;
}

.standings-row--matrix.rank-2 .points{
    background:#d8dde3;
    color:#111;
}

.standings-row--matrix.rank-3 .points{
    background:#e3e6ea;
    color:#111;
}

/* =========================================================
   ROUND COLUMNS
========================================================= */
.standings-header--matrix .col-round,
.standings-row--matrix .col-round,
.standings-row--matrix .round-points{
    padding-left:2px !important;
    padding-right:2px !important;
}

.standings-header--matrix .col-round{
    display:flex;
    flex-direction:column;
    gap:0;
}

.round-flag{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    line-height:1;
}

.round-flag img,
.standings-round-flag{
    display:block;
    width:14px;
    height:auto;
    border-radius:2px;
    box-shadow:0 1px 4px rgba(0,0,0,.14);
}

.round-label{
    display:none;
}

.standings-round-fallback{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:14px;
    height:14px;
    color:rgba(255,255,255,.65);
    font-size:10px;
}

.round-points{
    color:#111;
    font-size:10px;
    font-weight:800;
    line-height:1;
}

/* =========================================================
   EMPTY
========================================================= */
.standings-empty{
    padding:24px 18px;
    color:#6b7280;
    font-size:14px;
    font-weight:600;
}

/* =========================================================
   LEGACY SAFETY
========================================================= */
.standings-page-head,
.standings-toolbar,
.me-season-filter{
    display:none;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 1200px){
    .standings-hero{
        grid-template-columns:1fr;
    }

    .standings-hero__stats{
        grid-template-columns:repeat(3, minmax(0,1fr));
    }
}

@media (max-width: 768px){
    .standings-hero{
        padding:20px;
        border-radius:18px;
    }

    .standings-hero__title{
        font-size:30px;
    }

    .standings-hero__subtitle{
        font-size:13px;
    }

    .standings-hero__stats{
        grid-template-columns:1fr;
        gap:10px;
    }

    .standings-hero__stat{
        padding:12px;
    }

    .standings-tabs-nav{
        gap:8px;
        padding:6px;
    }

    .standings-tab-btn{
        flex:1 1 auto;
        justify-content:center;
    }

    .standings-table-headline{
        padding:12px 14px;
    }

    .standings-header--matrix,
    .standings-row--matrix{
        grid-template-columns:38px 190px 52px 58px repeat(var(--race-count), 26px);
    }
}
/* =========================================================
   STANDINGS – ULTRA COMPACT MODE
========================================================= */

.standings-table-wrap{
    overflow-x:auto;
}

.standings-table{
    font-size:12px;
    line-height:1.15;
}

.standings-table th,
.standings-table td{
    padding:4px 4px;
}

/* header */
.standings-header--matrix th{
    padding:4px 4px;
    font-size:11px;
    line-height:1;
    height:36px;
}

/* kolon genişlikleri */
.standings-header--matrix .col-rank,
.standings-row--matrix .col-rank{
    width:40px;
    min-width:40px;
    max-width:40px;
    text-align:center;
}

.standings-header--matrix .col-driver,
.standings-row--matrix .col-driver{
    width:250px;
    min-width:250px;
    max-width:250px;
}

.standings-header--matrix .col-gap,
.standings-row--matrix .col-gap{
    width:52px;
    min-width:52px;
    max-width:52px;
    text-align:center;
}

.standings-header--matrix .col-total,
.standings-row--matrix .col-total{
    width:58px;
    min-width:58px;
    max-width:58px;
    text-align:center;
}

/* header’da divider olmasın */
.standings-header--matrix .col-total{
    border-right:none !important;
}

/* body’de total sonrası ayraç */
.standings-row--matrix .col-total{
    border-right:1px solid #e6e6e6 !important;
}

/* yarış kolonları */
.standings-header--matrix .col-race,
.standings-row--matrix .col-race{
    width:24px;
    min-width:24px;
    max-width:24px;
    text-align:center;
    padding-left:2px;
    padding-right:2px;
}

/* bayraklar */
.standings-header--matrix .col-race img,
.standings-header--matrix .col-race .fi,
.standings-header--matrix .col-race .flag-icon{
    width:14px;
    height:auto;
    display:block;
    margin:0 auto;
}

/* satır yüksekliği */
.standings-row--matrix td{
    height:34px;
    vertical-align:middle;
}

/* sürücü hücresi */
.standings-driver{
    display:flex;
    align-items:center;
    gap:6px;
}

.standings-driver-flag,
.standings-driver .driver-flag,
.standings-driver img{
    width:14px;
    height:auto;
    flex:0 0 14px;
}

.standings-driver-meta{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:1px;
}

.standings-driver-name{
    font-size:11px;
    line-height:1.1;
    font-weight:700;
    margin:0;
}

.standings-driver-team{
    font-size:9px;
    line-height:1.1;
    opacity:.72;
    margin:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* fark / toplam */
.standings-row--matrix .col-gap,
.standings-row--matrix .col-total{
    font-size:11px;
    font-weight:700;
    text-align:center;
}

/* toplam içindeki puan pill */
.standings-row--matrix .col-total .points,
.standings-row--matrix .col-total .points-pill{
    width:22px;
    height:22px;
    min-width:22px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
    font-weight:700;
    line-height:1;
    margin:0 auto;
}

/* ilk 3 daha sade */
.standings-row--matrix:nth-child(1) .col-total .points,
.standings-row--matrix:nth-child(1) .col-total .points-pill{
    transform:none;
}

.standings-row--matrix:nth-child(2) .col-total .points,
.standings-row--matrix:nth-child(2) .col-total .points-pill,
.standings-row--matrix:nth-child(3) .col-total .points,
.standings-row--matrix:nth-child(3) .col-total .points-pill{
    transform:none;
}

/* yarış puanları */
.standings-row--matrix .race-points,
.standings-row--matrix .col-race span{
    font-size:10px;
    line-height:1;
    font-weight:600;
    display:inline-block;
}

/* sekmeler biraz sıkılaşsın */
.standings-tabs{
    gap:8px;
}

.standings-tabs a,
.standings-tab{
    padding:8px 14px;
    font-size:13px;
}

/* üst kartlar da hafif sıkı */
.standings-stat-card,
.standings-hero-stat,
.standings-summary-card{
    padding:12px 14px;
}

.standings-stat-label,
.standings-summary-label{
    font-size:10px;
}

.standings-stat-value,
.standings-summary-value{
    font-size:24px;
    line-height:1.05;
}