/* ==========================================================================
   SKOR TAHMİN — yeni site diliyle UYUM katmanı (07.10.2026)
   --------------------------------------------------------------------------
   Kullanıcı: "eski tasarım güzel, sadece yeni tasarımla uyumlu hâle getir".
   Kompozisyon, metinler, görseller ve işlev nx-timed-events.css +
   nx-score-predict.css'te olduğu gibi kalır; bu dosya onlardan SONRA yüklenir
   ve yalnız şunları değiştirir: yazı tipi (Titillium), lacivert/siyah zemin
   ve kenarlar (--rs-* mor palet), camgöbeği/mavi ve gül kırmızısı vurgular
   (altın/mor), seçili durumlar (altın hap + koyu yazı), sayfa genişliği
   (1310px). Bütün seçiciler .sp-page / .sp-modal altında, başka sayfaya sızmaz.
   ========================================================================== */

/* Titillium takma adı: eski tasarımın 500/650/750/800/850/950 ağırlıkları
   sitenin mevcut dosyalarına eşlenir (yoksa tarayıcı çoğunu 900'e çeker). */
@font-face{font-family:'SK Sans';font-style:normal;font-weight:100 499;font-display:swap;src:url('vendor/fonts/titillium-web-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'SK Sans';font-style:normal;font-weight:100 499;font-display:swap;src:url('vendor/fonts/titillium-web-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'SK Sans';font-style:normal;font-weight:500 649;font-display:swap;src:url('vendor/fonts/titillium-web-latin-ext-600.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'SK Sans';font-style:normal;font-weight:500 649;font-display:swap;src:url('vendor/fonts/titillium-web-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'SK Sans';font-style:normal;font-weight:650 879;font-display:swap;src:url('vendor/fonts/titillium-web-latin-ext-700.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'SK Sans';font-style:normal;font-weight:650 879;font-display:swap;src:url('vendor/fonts/titillium-web-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'SK Sans';font-style:normal;font-weight:880 1000;font-display:swap;src:url('vendor/fonts/titillium-web-latin-ext-900.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'SK Sans';font-style:normal;font-weight:880 1000;font-display:swap;src:url('vendor/fonts/titillium-web-latin-900.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- tokenlar: lacivert/gri-mavi yerine mor panel + beyaz saydamlık ---------- */
.te-page.sp-page, .sp-modal{
  --te-pane:#22144d; --te-pane-2:var(--rs-panel);
  --te-line:var(--rs-cizgi); --te-line-2:rgba(255,255,255,.16);
  --te-tx:#fff; --te-tx-2:rgba(255,255,255,.78); --te-tx-3:rgba(255,255,255,.58); --te-tx-4:rgba(255,255,255,.46);
  --te-cyan:var(--rs-vurgu);
  --sp-line:var(--rs-cizgi); --sp-line-2:rgba(255,255,255,.16);
  --sp-tx:#fff; --sp-tx-2:rgba(255,255,255,.72); --sp-tx-3:rgba(255,255,255,.5);
  font-family:'SK Sans',var(--rs-f);
}
.te-page.sp-page :is(h1,h2,h3,button,input,select,textarea),
.sp-modal :is(h3,button,input,label){font-family:inherit}

/* ---------- sayfa genişliği: diğer sayfalarla aynı konteyner ---------- */
.te-page.sp-page{max-width:1310px; width:100%; margin:0 auto}

/* ---------- hero ---------- */
.te-page.sp-page .te-hero{
  border-color:rgba(245,196,81,.2);
  background:
    radial-gradient(90% 130% at 88% 55%, rgba(139,92,246,.32), transparent 62%),
    radial-gradient(55% 90% at 0% 0%, rgba(245,196,81,.12), transparent 60%),
    linear-gradient(100deg,#160c36 0%,var(--rs-panel) 42%,#24154f 72%,#2c1862 100%);
  box-shadow:0 30px 80px -46px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.06);
}
/* dar ekran perdesi Süreli Etkinlikler illüstrasyonu içindi; burada metnin
   altına akan armaları karartıyordu */
.te-page.sp-page .te-hero::after{content:none}
.te-page.sp-page .te-eyebrow{color:var(--rs-vurgu)}
.te-page.sp-page .te-hero p{color:rgba(255,255,255,.62)}
.te-page.sp-page .te-hero p strong{color:#fff}
.te-page.sp-page .sp-hero-chip{background:linear-gradient(180deg,rgba(34,20,78,.96),rgba(15,8,34,.98))}
.te-page.sp-page .sp-hero-chip em{color:rgba(255,255,255,.4)}
.te-page.sp-page .sp-cp-in:has(.sp-cp-kit), .te-page.sp-page .sp-cp-in.is-kit{
  background:linear-gradient(158deg,rgba(34,20,78,.96),rgba(15,8,34,.98));
  border-color:color-mix(in srgb, var(--c1) 46%, rgba(255,255,255,.18));
}

/* ---------- KPI şeridi ---------- */
.te-page.sp-page .te-kpi{
  background:linear-gradient(158deg,#22144d,var(--rs-panel));
  border-color:var(--rs-cizgi);
  box-shadow:0 20px 46px -34px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.05);
}
.te-page.sp-page .te-kpi:hover{border-color:rgba(245,196,81,.3)}
.te-page.sp-page .sp-kpi-ikon::after{background:radial-gradient(ellipse at center, rgba(167,139,250,.34), transparent 70%)}

/* ---------- sekme + süzgeç: seçili = altın hap + koyu yazı ---------- */
.te-page.sp-page .sp-seg{gap:2px; padding:4px; border-radius:12px; background:var(--rs-panel); border-color:var(--rs-cizgi)}
.te-page.sp-page .sp-seg a{border-radius:9px; color:rgba(255,255,255,.55); font-size:12px; font-weight:700}
.te-page.sp-page .sp-seg a:hover{color:rgba(255,255,255,.9)}
.te-page.sp-page .sp-seg a.is-on{color:var(--rs-vurgu-yazi); background:var(--rs-vurgu); box-shadow:0 2px 10px rgba(245,196,81,.28)}
.te-page.sp-page .sp-chip{background:var(--rs-panel); border-color:var(--rs-cizgi); color:rgba(255,255,255,.7); font-size:11px; font-weight:700}
.te-page.sp-page .sp-chip:hover{color:#fff; border-color:rgba(255,255,255,.18)}
.te-page.sp-page .sp-chip.is-on{color:var(--rs-vurgu-yazi); background:var(--rs-vurgu); border-color:transparent; box-shadow:0 2px 10px rgba(245,196,81,.28)}
.te-page.sp-page .sp-count{color:rgba(255,255,255,.45)}
.te-page.sp-page .sp-clear{color:var(--rs-vurgu)}

/* ---------- maç kartı ---------- */
.te-page.sp-page .sp-card{
  border-color:var(--rs-cizgi);
  background:linear-gradient(150deg,#24154f,var(--rs-panel) 45%,#170d38);
  box-shadow:0 20px 50px -25px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.08);
}
.te-page.sp-page .sp-card:hover{border-color:rgba(245,196,81,.38)}
.te-page.sp-page .sp-league{color:rgba(255,255,255,.7)}
.te-page.sp-page .sp-badge{color:#ffe08a; background:rgba(245,196,81,.1); border-color:rgba(245,196,81,.5)}
.te-page.sp-page .sp-stadium{
  background-color:#150c33;
  background-image:linear-gradient(180deg,rgba(15,8,34,.06),rgba(15,8,34,.1) 55%,rgba(28,18,64,.97)),url('/assets/score-fixed/stadium-4155e2218b3d.jpg');
}
.te-page.sp-page .sp-match-date{
  border-color:rgba(255,255,255,.14);
  background:linear-gradient(110deg,rgba(21,12,51,.96),rgba(34,20,78,.93));
  box-shadow:0 3px 14px rgba(0,0,0,.3);
}
.te-page.sp-page .sp-kickoff>i{color:#c4b5fd}
.te-page.sp-page .sp-kickoff small{color:rgba(255,255,255,.55)}
.te-page.sp-page .sp-deadline{border-left-color:rgba(255,255,255,.16); color:var(--rs-vurgu)}

.te-page.sp-page .sp-pred{background:rgba(255,255,255,.035); border-color:rgba(255,255,255,.08)}
.te-page.sp-page .sp-pred-l{color:rgba(255,255,255,.6)}
.te-page.sp-page .sp-pred-v b{background:linear-gradient(145deg,#2b1b60,#1f1349); border-color:rgba(255,255,255,.12)}
.te-page.sp-page .sp-pred-v.is-hit{color:var(--rs-vurgu)}
.te-page.sp-page .sp-pred-v.is-over{color:#c4b5fd}
.te-page.sp-page .sp-pred-v.is-miss{color:rgba(255,255,255,.55)}
.te-page.sp-page .sp-verdict.over{color:#ddd6fe; background:rgba(139,92,246,.1); border-color:rgba(139,92,246,.32)}
.te-page.sp-page .sp-verdict.no{color:rgba(255,255,255,.55); background:rgba(255,255,255,.03); border-color:var(--rs-cizgi)}

.te-page.sp-page .sp-metrics{border-bottom-color:rgba(255,255,255,.08)}
.te-page.sp-page .sp-metrics>span{color:rgba(255,255,255,.62); border-left-color:rgba(255,255,255,.14)}
.te-page.sp-page .sp-metrics i{color:var(--rs-vurgu)}
.te-page.sp-page .sp-metrics .sp-xp, .te-page.sp-page .sp-metrics .sp-xp i{color:#a78bfa}

.te-page.sp-page .sp-time-l{color:rgba(255,255,255,.6)}
.te-page.sp-page .sp-time-l i{color:var(--rs-vurgu)}
.te-page.sp-page .sp-prog{background:rgba(255,255,255,.08)}
.te-page.sp-page .sp-prog i{background:linear-gradient(90deg,#ffd66e,var(--rs-vurgu)); box-shadow:0 0 10px rgba(245,196,81,.5)}
.te-page.sp-page .sp-state.void{color:rgba(255,255,255,.5); background:rgba(255,255,255,.03); border-color:var(--rs-cizgi)}

/* ana düğme: sitenin altın düğmesi */
.te-page.sp-page .sp-go{
  color:var(--rs-vurgu-yazi);
  background:linear-gradient(135deg,#ffe08a,#f5c451 45%,#e9a72b);
  box-shadow:0 12px 26px -14px rgba(245,196,81,.75), inset 0 1px 0 rgba(255,255,255,.5);
}
.te-page.sp-page .sp-go:focus-visible{outline-color:var(--rs-vurgu)}
.te-page.sp-page .sp-go.need{color:#fff; background:linear-gradient(135deg,#f59e0b,#d97706); box-shadow:0 12px 25px -18px #f59e0b}
.te-page.sp-page .sp-go.is-off{color:rgba(255,255,255,.5); background:rgba(255,255,255,.05); border:1px solid var(--rs-cizgi); box-shadow:none}

/* ---------- tahmin penceresi ---------- */
.sp-modal .sp-modal-bg{background:rgba(8,4,22,.8)}
.sp-modal .sp-modal-box{
  border-color:var(--rs-cizgi);
  background:radial-gradient(70% 40% at 50% 0%,rgba(245,196,81,.09),transparent 70%),linear-gradient(170deg,#22134f,#140a34);
}
.sp-modal .sp-modal-metrics span:nth-child(2) i{color:#a78bfa}
.sp-modal .sp-crest{background:#140a34; border-color:var(--rs-cizgi)}
.sp-modal .sp-crest i{color:rgba(255,255,255,.35)}
.sp-modal .sp-rules{background:rgba(255,255,255,.035)}
.sp-modal .sp-step button{background:rgba(255,255,255,.06)}
.sp-modal .sp-step button:hover{background:rgba(245,196,81,.14); color:var(--rs-vurgu)}
.sp-modal .sp-step input{background:rgba(8,4,22,.6); border-color:rgba(255,255,255,.12)}
.sp-modal .sp-submit{
  color:var(--rs-vurgu-yazi);
  background:linear-gradient(135deg,#ffe08a,#f5c451 45%,#e9a72b);
  box-shadow:0 16px 32px -18px rgba(245,196,81,.9), inset 0 1px 0 rgba(255,255,255,.5);
}

/* durum şeritleri: yeşil/sarı ton mor zeminde laciverte kaçmasın diye nötr zemin */
.te-page.sp-page .sp-state.done{background:rgba(255,255,255,.035); border-color:rgba(52,211,153,.3)}
.te-page.sp-page .sp-state.wait{background:rgba(255,255,255,.035); border-color:rgba(251,191,36,.3)}
.te-page.sp-page .te-hero p strong{font-weight:700}
/* odak: genel camgöbeği halka (nexus-premium.css, !important) yerine altın */
.sp-modal .sp-modal-box .sp-step input:focus{
  border-color:rgba(245,196,81,.55);
  box-shadow:0 0 0 4px rgba(245,196,81,.14), 0 0 24px -10px rgba(245,196,81,.7), inset 0 2px 4px rgba(0,0,0,.3)!important;
}