/* ==========================================================================
   OrcaScore — "Derin Okyanus" görünüm katmanı (docs/REBRAND-ORCASCORE.md, kimlik A) + yerleşim v2 kabuğu (dosyanın ikinci yarısı)
   Tüm sayfa stillerinden SONRA yüklenir (layouts/base.php; ardından yalnızca sayfanın 'styles-v2' yığını). Seçiciler kalıcı
   <html data-ui="orca"> / data-layout="v2" kancalarına bağlı (özgüllük korunur). Palet tokens.css'te; burada uygulama düzeyi
   türetilmiş değişkenler (app.css'in eşi) ve bileşen inceltmeleri var:
   kontrol yarıçapı 12 px, kart 18 px, seçili durumlar çerçeveli vurgu, koyu temada düz (gölgesiz) yüzeyler.
   Kural: renk yalnızca değişkenden; işaretleme sınıfları değişmez (testler / JS bunlara bağlı); yalnızca çakışmayan
   özellikler ezilir (yarıçap, gölge, çerçeve) — hover / seçili durumlarının arka planı değişkenlerle gelir.
   ========================================================================== */

/* ---------------------------------------------------------------- Türetilmiş değişkenler (app.css "Uygulama düzeyi"nin eşi) */
:root[data-ui="orca"],
:root[data-ui="orca"][data-theme="dark"] {
  --muted: #8394AC;                   /* AA: surface2 (#13203A) üzerinde ≥ 4.5:1 */
  --link: var(--volt-400);
  --primary-text: var(--volt-400);
  --btn-primary-bg: var(--volt-400);
  --btn-primary-bg-hover: var(--volt-300);
  --btn-primary-fg: #04121C;
  --home: #3FD0FF;
  --draw: #3A4D6B;
  --away: #7C8CFF;
  --series-for: #1FB8EB;
  --series-against: #7C8CFF;
  --grid: #1A2A45;
  --chip-bg: var(--surface);
  --header-bg: rgba(6, 11, 20, 0.84);
  --glow-a: rgba(124, 140, 255, 0.10);
  --glow-b: rgba(63, 208, 255, 0.13);
  --pitch-a: #0E2A2B;
  --pitch-b: #113230;
  --pitch-line: rgba(255, 255, 255, 0.16);
  --prob-0: var(--prob-0-dark);
  --prob-1: var(--prob-1-dark);
  --prob-2: var(--prob-2-dark);
  --prob-3: var(--prob-3-dark);
  --heat: 63, 208, 255;
  --success-text: var(--success);
  --danger-text: var(--danger);
  --warning-text: var(--warning);
  --live-text: #FF6B84;
  --orca-ctl: 12px;                   /* düğme, girdi, menü öğesi */
  --orca-card: 18px;                  /* kart, blok, tablo kabı */
  --orca-panel: 24px;                 /* kahraman / öne çıkan yüzey */
  --orca-card-shadow: none;
  --orca-league-head: #101C30;
}
:root[data-ui="orca"][data-theme="light"] {
  --muted: #52627A;
  --link: var(--volt-700);
  --primary-text: var(--volt-700);
  --btn-primary-bg: var(--volt-700);
  --btn-primary-bg-hover: var(--volt-800);
  --btn-primary-fg: #FFFFFF;
  --home: #0A6F9C;
  --draw: #C7D3E1;
  --away: #4F5BD5;
  --series-for: #0A6F9C;
  --series-against: #4F5BD5;
  --grid: #E3EAF3;
  --chip-bg: var(--surface);
  --header-bg: rgba(255, 255, 255, 0.88);
  --glow-a: rgba(79, 91, 213, 0.06);
  --glow-b: rgba(10, 111, 156, 0.08);
  --pitch-a: #2E7A55;
  --pitch-b: #33855B;
  --pitch-line: rgba(255, 255, 255, 0.45);
  --prob-0: var(--prob-0-light);
  --prob-1: var(--prob-1-light);
  --prob-2: var(--prob-2-light);
  --prob-3: var(--prob-3-light);
  --heat: 10, 111, 156;
  --success-text: #0A6644;
  --danger-text: #B0223A;
  --warning-text: #855300;
  --live-text: #B0102C;
  --orca-card-shadow: var(--elev1);
  --orca-league-head: #EEF3F9;
}
@media (prefers-color-scheme: light) {
  :root[data-ui="orca"]:not([data-theme]) {
    --muted: #52627A;
    --link: var(--volt-700);
    --primary-text: var(--volt-700);
    --btn-primary-bg: var(--volt-700);
    --btn-primary-bg-hover: var(--volt-800);
    --btn-primary-fg: #FFFFFF;
    --home: #0A6F9C;
    --draw: #C7D3E1;
    --away: #4F5BD5;
    --series-for: #0A6F9C;
    --series-against: #4F5BD5;
    --grid: #E3EAF3;
    --chip-bg: var(--surface);
    --header-bg: rgba(255, 255, 255, 0.88);
    --glow-a: rgba(79, 91, 213, 0.06);
    --glow-b: rgba(10, 111, 156, 0.08);
    --pitch-a: #2E7A55;
    --pitch-b: #33855B;
    --pitch-line: rgba(255, 255, 255, 0.45);
    --prob-0: var(--prob-0-light);
    --prob-1: var(--prob-1-light);
    --prob-2: var(--prob-2-light);
    --prob-3: var(--prob-3-light);
    --heat: 10, 111, 156;
    --success-text: #0A6644;
    --danger-text: #B0223A;
    --warning-text: #855300;
    --live-text: #B0102C;
    --orca-card-shadow: var(--elev1);
    --orca-league-head: #EEF3F9;
  }
}

/* ---------------------------------------------------------------- Temel */
[data-ui="orca"] body { font-feature-settings: 'cv11', 'ss01', 'tnum' 0; }
[data-ui="orca"] h1, [data-ui="orca"] h2, [data-ui="orca"] h3 { letter-spacing: -0.02em; }
[data-ui="orca"] ::selection { background: color-mix(in srgb, var(--primary) 28%, transparent); }

/* ---------------------------------------------------------------- Üst bilgi + marka */
[data-ui="orca"] .header__inner { height: 64px; }
[data-ui="orca"] .brand { color: var(--text); }
[data-ui="orca"] .brand svg { width: 32px; height: 32px; }
[data-ui="orca"] .brand__name { font-size: 1.34rem; letter-spacing: -0.02em; }
[data-ui="orca"] .brand__accent { color: var(--primary-text); }
[data-ui="orca"] .nav__link { border-radius: 10px; }
[data-ui="orca"] .nav__link[aria-current="page"] { color: var(--primary-text); background: var(--primary-soft); }
[data-ui="orca"] .nav__link[aria-current="page"]::after { display: none; }
[data-ui="orca"] .menu__panel,
[data-ui="orca"] .search__panel { border-radius: 14px; }
[data-ui="orca"] .menu__item,
[data-ui="orca"] .search__item { border-radius: 9px; }
[data-ui="orca"] .avatar { color: #04121C; }
[data-ui="orca"] .drawer__link { border-radius: var(--orca-ctl); }
@media (max-width: 639px) {
  [data-ui="orca"] .header__inner { height: 58px; }
  [data-ui="orca"] .brand__name { font-size: 1.18rem; }
  [data-ui="orca"] .brand svg { width: 28px; height: 28px; }
}

/* ---------------------------------------------------------------- Düğmeler, çipler, rozetler */
[data-ui="orca"] .btn { border-radius: var(--orca-ctl); }
[data-ui="orca"] .btn--primary { box-shadow: 0 8px 20px -12px color-mix(in srgb, var(--btn-primary-bg) 80%, transparent); }
[data-ui="orca"] .btn--ai { color: #04121C; }
[data-ui="orca"] .btn--ai:hover { color: #04121C; }
[data-ui="orca"] .chip { background: var(--chip-bg); }
[data-ui="orca"] .chip[aria-current="page"],
[data-ui="orca"] .chip[aria-pressed="true"],
[data-ui="orca"] .chip.is-active {
  background: color-mix(in srgb, var(--primary) 14%, var(--surface));
  border-color: var(--primary); color: var(--text);
}
[data-ui="orca"] .chip[aria-current="page"] .chip__count,
[data-ui="orca"] .chip[aria-pressed="true"] .chip__count { background: var(--surface3); color: var(--text-secondary); }
[data-ui="orca"] .badge--ai { color: #04121C; }
[data-ui="orca"] .pick-chip { border-radius: 8px; }
[data-ui="orca"] .seg { border-radius: var(--orca-ctl); }
[data-ui="orca"] .seg a, [data-ui="orca"] .seg button { border-radius: 9px; }
[data-ui="orca"] .pager a, [data-ui="orca"] .pager span { border-radius: 10px; }
[data-ui="orca"] .datestrip__day { border-radius: var(--orca-ctl); }
[data-ui="orca"] .datestrip__day[aria-current="date"] { background: color-mix(in srgb, var(--primary) 16%, var(--surface)); border-color: var(--primary); }
[data-ui="orca"] .datestrip__day[aria-current="date"] span { color: var(--primary-text); }
[data-ui="orca"] .datestrip__day[aria-current="date"] strong { color: var(--text); }

/* ---------------------------------------------------------------- Yüzeyler: kart, blok, tablo */
[data-ui="orca"] .card,
[data-ui="orca"] .league-block,
[data-ui="orca"] .stat-tile,
[data-ui="orca"] .table-wrap,
[data-ui="orca"] .mcard,
[data-ui="orca"] .empty--card { border-radius: var(--orca-card); box-shadow: var(--orca-card-shadow); }
[data-ui="orca"] .live-card { border-radius: 16px; }
[data-ui="orca"] .card--elev { box-shadow: var(--elev2); }
[data-ui="orca"] .card--ai {
  background:
    linear-gradient(var(--surface), var(--surface)) padding-box,
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 80%, transparent), color-mix(in srgb, var(--primary) 60%, transparent)) border-box;
}
[data-ui="orca"] .league-head { background: var(--orca-league-head); }
[data-ui="orca"] .table th { background: var(--orca-league-head); }
[data-ui="orca"] .input,
[data-ui="orca"] .select,
[data-ui="orca"] .textarea { border-radius: var(--orca-ctl); }
[data-ui="orca"] .alert,
[data-ui="orca"] .toast { border-radius: 14px; }
[data-ui="orca"] .modal { border-radius: 20px; }

/* ---------------------------------------------------------------- Bölüm başlıkları */
[data-ui="orca"] .section-head h2 { font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.5rem); }
[data-ui="orca"] .section-head h2 .icon { color: var(--primary-text); }

/* ---------------------------------------------------------------- Arena: giriş paneli (tasarım: degrade panel + başlık) */
[data-ui="orca"] .kpi-pill { border-radius: var(--orca-ctl); }
[data-ui="orca"] .spot { border-radius: var(--orca-panel); }

/* ---------------------------------------------------------------- Sabit renk kalıntıları (eski paletin elle yazılmış değerleri)
   Afiş temaları veritabanında 'volt' / 'violet' adıyla saklanır (ad kalır, görünüm yeni palet); momentum / şut haritası tanımsız
   --violet'e bakıp hep yedek mora düşüyordu; oran grafiği, takip ekranı ve keşfet çağrısının sabit renkleri. */
:root[data-ui="orca"] { --violet: var(--violet-400); }
[data-ui="orca"] .banner--volt { background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 20%, transparent), color-mix(in srgb, var(--primary) 2%, transparent) 60%), var(--surface); }
[data-ui="orca"] .banner--violet { background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 26%, transparent), color-mix(in srgb, var(--primary) 6%, transparent) 60%), var(--surface); }
[data-ui="orca"] .ex-cta {
  background: linear-gradient(var(--surface), var(--surface)) padding-box,
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 75%, transparent), color-mix(in srgb, var(--primary) 55%, transparent)) border-box;
}
[data-ui="orca"] .ochart { --oc-s1: #1FB8EB; --oc-s2: #7C8CFF; --oc-n: #8394AC; }
[data-ui="orca"][data-theme="light"] .ochart { --oc-s1: #0A6F9C; --oc-s2: #4F5BD5; --oc-n: #52627A; }
@media (prefers-color-scheme: light) { [data-ui="orca"]:not([data-theme]) .ochart { --oc-s1: #0A6F9C; --oc-s2: #4F5BD5; --oc-n: #52627A; } }
[data-ui="orca"] .trk { --trk-home: #3FD0FF; --trk-away: #9CA6FF; }
/* Puan durumu bölgeleri (app.css :root'ta sabit): vurgu buzul mavisiyle karışmasın diye Avrupa kupası mavisi daha koyu / doygun */
:root[data-ui="orca"] { --zone-ucl: #3B8FF0; --zone-uel: #F59E0B; --zone-uecl: #10B981; --zone-promotion: #34D399; --zone-playoff: #7C8CFF; --zone-relegation: #EF4444; }

/* ---------------------------------------------------------------- Açık tema kontrast: tonlu rozet metni (kendi renginin %14'ü
   üzerinde aynı renk 4.5:1'in altında kalıyordu — görsel düzenek / axe) ve seçili tarih etiketi */
[data-ui="orca"][data-theme="light"] .news-badge { color: color-mix(in srgb, var(--tone) 70%, #000); }
[data-ui="orca"][data-theme="light"] .datestrip__day[aria-current="date"] span { color: var(--volt-800); }
@media (prefers-color-scheme: light) {
  [data-ui="orca"]:not([data-theme]) .news-badge { color: color-mix(in srgb, var(--tone) 70%, #000); }
  [data-ui="orca"]:not([data-theme]) .datestrip__day[aria-current="date"] span { color: var(--volt-800); }
}

/* ---------------------------------------------------------------- Tam ölçüm (33 sayfa × 3 tarayıcı) bulguları: eski dolgulu
   seçili gün tasarımının yazı rengi çerçeveli tasarımda zeminle aynı kalıyordu (1.2–1.4:1); basketbol sayı akışı kutuları
   (çivit üzerinde beyaz 2.97, açık temada mavi üzerinde koyu 3.53); canlı takip olay listesi ikincil yazısı (4.07) */
[data-ui="orca"] .datestrip__day[aria-current="date"] small,
[data-ui="orca"] .datestrip__day[aria-current="date"] .datestrip__count { color: var(--text-secondary); opacity: 1; }
[data-ui="orca"] .pbp__row--home .pbp__pts,
[data-ui="orca"] .pbp__row--away .pbp__pts { color: #04121C; }
[data-ui="orca"][data-theme="light"] .pbp__row--home .pbp__pts,
[data-ui="orca"][data-theme="light"] .pbp__row--away .pbp__pts { color: #FFFFFF; }
@media (prefers-color-scheme: light) {
  [data-ui="orca"]:not([data-theme]) .pbp__row--home .pbp__pts,
  [data-ui="orca"]:not([data-theme]) .pbp__row--away .pbp__pts { color: #FFFFFF; }
}
[data-ui="orca"] .trk__tick-p,
[data-ui="orca"] .trk__tick-team { color: var(--text-secondary); }

/* ---------------------------------------------------------------- Alt bilgi, alt gezinme */
[data-ui="orca"] .footer .brand__name { font-size: 1.2rem; }
[data-ui="orca"] .bnav a[aria-current="page"] { color: var(--primary-text); }

/* ==========================================================================
   OrcaScore — yerleşim v2: kabuk (tüm portal sayfaları). docs/REBRAND-ORCASCORE.md "Yerleşim v2".
   Aşama 7'ye dek ayrı dosyaydı (shell-v2.css, orca.css'ten hemen sonra); buraya aynı sırayla eklendi — basamaklanma aynı.
   İşaretleme sınıfları / data-* korunur; davranış shell-v2.js'te (menü taşması ölçümle).
   Kurallar: renk yalnızca değişkenden (tokens.css / bu dosyanın üstü); mantıksal özellikler (RTL); koyu + açık; odak görünür;
   "hareketi azalt"a saygı. Genişlik: --page-max 1600 px, kenar boşluğu clamp(16px, 2.2vw, 40px) — üst bilgi, spor şeridi,
   Trendler, içerik ve alt bilgi aynı hizada. Metin ağırlıklı iç sayfalar okunur genişlikte kalır (en altta).
   ========================================================================== */

:root[data-layout="v2"] {
  --page-max: 1600px;
  --page-gutter: clamp(16px, 2.2vw, 40px);
  --shell-header: 64px;
  --shell-bar: 48px;
  --shell-ticker: 52px;
  --shell-hairline: color-mix(in srgb, var(--border) 88%, transparent);
  --shell-glass: color-mix(in srgb, var(--bg) 82%, transparent);
}
@media (max-width: 767px) {
  :root[data-layout="v2"] { --shell-header: 56px; --shell-bar: 46px; --shell-ticker: 48px; }
}
[data-layout="v2"] { scroll-padding-top: calc(var(--shell-header) + 16px); }

/* ---------------------------------------------------------------- Genişlik (tek hiza) */
[data-layout="v2"] .container,
[data-layout="v2"] .container--wide { max-width: var(--page-max); padding-inline: var(--page-gutter); }
[data-layout="v2"] .main { padding-block: var(--space-6) var(--space-16); }
@media (max-width: 767px) { [data-layout="v2"] .main { padding-block: var(--space-4) calc(88px + env(safe-area-inset-bottom)); } }

/* ---------------------------------------------------------------- Üst bilgi: tek satır, 64 px, cam, ince alt çizgi */
[data-layout="v2"] .header {
  background: var(--shell-glass);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-block-end: 1px solid var(--shell-hairline);
}
[data-layout="v2"] .header__inner { height: var(--shell-header); gap: var(--space-4); }
[data-layout="v2"] .brand { margin-inline-end: var(--space-2); }
[data-layout="v2"] .brand svg { width: 30px; height: 30px; }
[data-layout="v2"] .brand__name { font-size: 1.28rem; }

/* Menü: metin bağlantıları; seçili = vurgu rengi + üst bilginin alt kenarında 2 px çizgi (hap arka planı yok) */
@media (min-width: 1024px) {
  [data-layout="v2"] .nav { flex: 1 1 0; min-width: 0; align-self: stretch; gap: 0; }
  [data-layout="v2"] .nav__link {
    height: auto; align-self: stretch; padding-inline: 11px; border-radius: 0; background: none;
    font-size: 0.90625rem; font-weight: 600; letter-spacing: -0.005em; color: var(--text-secondary);
  }
  [data-layout="v2"] .nav__link:hover { color: var(--text); background: none; }
  [data-layout="v2"] .nav__link:focus-visible { outline-offset: -6px; border-radius: 10px; }
  [data-layout="v2"] .nav__link[aria-current="page"] { color: var(--primary-text); background: none; }
  [data-layout="v2"] .nav__link[aria-current="page"]::after,
  [data-layout="v2"] .nav__more.is-active > .nav__link::after {
    content: ''; display: block; position: absolute; inset-inline: 11px; inset-block-end: -1px; width: auto; height: 2px; margin: 0;
    border-radius: 2px 2px 0 0; background: var(--primary);
  }
  [data-layout="v2"] .nav__more.is-active > .nav__link { color: var(--primary-text); }
  [data-layout="v2"] .nav__more { display: flex; align-self: stretch; }
  [data-layout="v2"] .nav__more > .nav__link { gap: 4px; }
  [data-layout="v2"] .nav__more .menu__panel { inset-block-start: calc(100% + 6px); min-width: 240px; }
  [data-layout="v2"] .nav__count {
    min-width: 22px; padding: 0 6px; text-align: center; line-height: 18px; font-family: var(--font-display);
    background: var(--live-soft); color: var(--live-text);
  }
}
/* Öncelik + (shell-v2.js data-pp): sığmayan bağlantılar satırdan "Daha fazla"ya; JS yoksa v1'in kırılım kuralları geçerli.
   v1'in :has() kuralları yüksek özgüllükte olduğundan JS'nin yönettiği durum !important ile yazılır */
[data-layout="v2"] .nav[data-pp] > .nav__link { display: inline-flex !important; }
[data-layout="v2"] .nav[data-pp] > .nav__link.is-overflow { display: none !important; }
[data-layout="v2"] .nav[data-pp] > .nav__more { display: flex !important; }
[data-layout="v2"] .nav[data-pp]:not(.has-overflow) > .nav__more { display: none !important; }
[data-layout="v2"] .nav[data-pp] .nav__more .menu__item { display: none !important; }
[data-layout="v2"] .nav[data-pp] .nav__more .menu__item.is-overflow { display: flex !important; }
/* Ölçüm sırasında (tek kare) her şey satırda; titreme olmasın diye görünmez */
[data-layout="v2"] .nav.is-measuring { visibility: hidden; }

/* Arama: hap (ikon + "/" kısayolu); ~1180 px altında simge düğmesine katlanır (katman başlığın altında açılır) */
[data-layout="v2"] .header__search { display: block; flex: 0 0 auto; width: clamp(220px, 17.5vw, 340px); max-width: none; margin-inline-start: 0; }
[data-layout="v2"] .header__search .search__input {
  height: 40px; padding-inline: 40px 44px; border-color: var(--shell-hairline);
  background: color-mix(in srgb, var(--surface) 72%, transparent);
}
[data-layout="v2"] .header__search .search__input:hover { border-color: var(--border-strong); }
[data-layout="v2"] .header__search .search__kbd { font-family: var(--font-display); background: var(--surface2); border-color: var(--border); }
[data-layout="v2"] .header__actions { margin-inline-start: auto; gap: 6px; }
[data-layout="v2"] .header .header__search-toggle { display: none; }
[data-layout="v2"] .mobile-search { display: none !important; }
@media (max-width: 1179px) {
  [data-layout="v2"] .header__search { display: none; }
  [data-layout="v2"] .header .header__search-toggle { display: inline-flex; }
  [data-layout="v2"] .mobile-search:not([hidden]) { display: block !important; }
}
[data-layout="v2"] .header__actions .btn--icon { width: 40px; height: 40px; }
[data-layout="v2"] .header__actions .btn--icon:hover { background: var(--surface2); }
[data-layout="v2"] .header__lang > summary.btn { height: 40px; padding-inline: 10px; gap: 6px; font-family: var(--font-display); }
[data-layout="v2"] .header__login { height: 40px; padding-inline: 14px; color: var(--text); }
[data-layout="v2"] .header__actions .btn--primary.btn--sm { height: 40px; padding-inline: 16px; }
[data-layout="v2"] .header .avatar { width: 36px; height: 36px; cursor: pointer; }
[data-layout="v2"] .header .avatar:focus-visible { outline-offset: 3px; border-radius: 50%; }
[data-layout="v2"] .live-pill { height: 32px; }

/* Telefon (< 768): 56 px — menü, marka, canlı hap, arama, giriş / avatar */
@media (max-width: 767px) {
  [data-layout="v2"] .header__inner { gap: 4px; }
  [data-layout="v2"] .brand { margin-inline-end: 0; }
  [data-layout="v2"] .brand svg { width: 26px; height: 26px; }
  [data-layout="v2"] .brand__name { font-size: 1.12rem; }
  [data-layout="v2"] .header__actions { gap: 2px; }
  [data-layout="v2"] .header__actions .btn--icon { width: 38px; height: 38px; }
  [data-layout="v2"] .header__login { height: 36px; padding-inline: 10px; }
  [data-layout="v2"] .live-pill { height: 30px; padding-inline: 8px 10px; }
}
@media (max-width: 379px) {
  [data-layout="v2"] .brand__name { font-size: 1.02rem; }
  [data-layout="v2"] .header__login { padding-inline: 8px; }
}

/* ---------------------------------------------------------------- Spor şeridi: ikinci satır (yapışkan değil), 48 px */
[data-layout="v2"] .sportbar { background: var(--bg); border-block-end: 1px solid var(--shell-hairline); }
[data-layout="v2"] .sportbar__inner { position: relative; min-height: var(--shell-bar); gap: 0; }
[data-layout="v2"] .sportbar.is-scrollable .sportbar__inner { gap: 0; }
[data-layout="v2"] .sportbar__list { align-self: stretch; gap: 2px; padding: 0; }
[data-layout="v2"] .sportbar__list > li { display: flex; }
[data-layout="v2"] .sportbar__item {
  height: var(--shell-bar); gap: 8px; padding-inline: 12px; border: 0; border-radius: 0; background: none;
  font-size: 0.875rem; font-weight: 600; color: var(--text-secondary);
}
[data-layout="v2"] .sportbar__item:first-child { padding-inline-start: 2px; }
[data-layout="v2"] .sportbar__list > li:first-child .sportbar__item { padding-inline-start: 2px; }
[data-layout="v2"] .sportbar__item .icon { width: 16px; height: 16px; color: var(--muted); transition: color var(--motion-fast); }
[data-layout="v2"] .sportbar__item:hover { background: none; color: var(--text); }
[data-layout="v2"] .sportbar__item:hover .icon { color: var(--text-secondary); }
[data-layout="v2"] .sportbar__item:focus-visible { outline-offset: -8px; border-radius: 10px; }
[data-layout="v2"] .sportbar__item[aria-current="page"] { background: none; border: 0; color: var(--primary-text); }
[data-layout="v2"] .sportbar__item[aria-current="page"] .icon { color: var(--primary-text); }
[data-layout="v2"] .sportbar__item[aria-current="page"]::after {
  content: ''; position: absolute; inset-inline: 12px; inset-block-end: 0; height: 2px; border-radius: 2px 2px 0 0; background: var(--primary);
}
[data-layout="v2"] .sportbar__list > li:first-child .sportbar__item[aria-current="page"]::after { inset-inline-start: 2px; }
/* Canlı sayısı: kırmızı nokta + sayı; canlı yoksa günün maç sayısı soluk */
[data-layout="v2"] .sportbar__live,
[data-layout="v2"] .sportbar__today {
  display: inline-flex; align-items: center; gap: 5px; min-width: 0; height: auto; padding: 0; border-radius: 0; background: none;
  font-family: var(--font-display); font-size: 0.75rem; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1;
}
[data-layout="v2"] .sportbar__live { color: var(--live-text); }
[data-layout="v2"] .sportbar__live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--live); flex: none; }
[data-layout="v2"] .sportbar__today { color: var(--muted); font-weight: 600; }
/* Oklar: yalnızca taşınca, fare üstündeyken; şeridin üstüne biner (yer kaplamaz); dokunmatikte yok */
[data-layout="v2"] .sportbar__arrow {
  position: relative; z-index: 2; align-self: center; width: 32px; height: 32px; margin-inline: 0 -32px; opacity: 0;
  background: var(--surface); border-color: var(--border); box-shadow: var(--elev2);
  transition: opacity var(--motion-base) var(--ease), background var(--motion-fast);
}
[data-layout="v2"] .sportbar__arrow[data-rail-next] { margin-inline: -32px 0; }
[data-layout="v2"] .sportbar:hover .sportbar__arrow:not(:disabled),
[data-layout="v2"] .sportbar__arrow:focus-visible { opacity: 1; }
[data-layout="v2"] .sportbar__arrow:disabled { opacity: 0; pointer-events: none; }
[data-layout="v2"] .sportbar.is-scrollable .sportbar__list {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
}
[data-layout="v2"] .sportbar.is-scrollable.is-start .sportbar__list {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent 100%);
  mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent 100%);
}
[data-layout="v2"] .sportbar.is-scrollable.is-end .sportbar__list {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 56px);
  mask-image: linear-gradient(90deg, transparent 0, #000 56px);
}
[data-layout="v2"] .sportbar.is-scrollable.is-start.is-end .sportbar__list,
[dir="rtl"][data-layout="v2"] .sportbar .sportbar__list { -webkit-mask-image: none; mask-image: none; }
@media (hover: none), (max-width: 639px) { [data-layout="v2"] .sportbar__arrow { display: none !important; } }

/* ---------------------------------------------------------------- Trendler şeridi: ince (52 px), çerçevesiz çipler, ince ayraçlar */
[data-layout="v2"] .trends { background: var(--bg-elevated); border-block-end: 1px solid var(--shell-hairline); }
[data-layout="v2"] .trends__inner { height: var(--shell-ticker); gap: 0; }
[data-layout="v2"] .trends__pill {
  position: relative; height: 24px; padding-inline: 7px 9px; gap: 5px; margin-inline-end: 14px; border: 0; border-radius: 7px;
  background: color-mix(in srgb, var(--warning) 14%, transparent); color: var(--text);
  font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
}
[data-layout="v2"] .trends__pill .icon { width: 13px; height: 13px; color: var(--warning-text); }
[data-layout="v2"] .trends__pill::after {
  content: ''; position: absolute; inset-inline-end: -14px; inset-block: -6px; width: 1px; background: var(--shell-hairline);
}
[data-layout="v2"] .trends__track { gap: 0; padding: 0 4px; }
[data-layout="v2"] .trends__group { gap: 0; }
[data-layout="v2"] .trends__group + .trends__group { padding-inline-start: 0; border-inline-start: 0; }
[data-layout="v2"] .trends__day {
  align-self: center; height: 22px; padding-inline: 8px 10px; background: var(--bg-elevated);
  font-size: 0.65625rem; font-weight: 700; letter-spacing: 0.1em; color: var(--muted);
}
[data-layout="v2"] .trends__group + .trends__group .trends__day { margin-inline-start: 6px; box-shadow: -6px 0 0 var(--bg-elevated); }
[data-layout="v2"] .trends__chips { gap: 0; align-items: center; }
[data-layout="v2"] .trends__chips > li { display: flex; align-items: center; }
[data-layout="v2"] .trends__chips > li + li::before {
  content: ''; flex: none; width: 1px; height: 22px; margin-inline: 2px; background: var(--shell-hairline);
}
[data-layout="v2"] .tchip {
  height: 40px; gap: 9px; padding-inline: 9px 11px; border: 0; border-radius: 10px; background: none;
}
[data-layout="v2"] .tchip:hover { background: var(--surface2); }
[data-layout="v2"] .tchip:focus-visible { outline-offset: -2px; border-radius: 10px; }
[data-layout="v2"] .tchip__status { min-width: 34px; font-size: 0.75rem; }
[data-layout="v2"] .tchip__teams { gap: 3px; min-width: 64px; }
[data-layout="v2"] .tchip__row .crest { box-shadow: none; background: none; }
[data-layout="v2"] .tchip__code { font-size: 0.71875rem; color: var(--text); font-weight: 600; letter-spacing: 0.01em; }
[data-layout="v2"] .tchip--live { background: none; border: 0; }
[data-layout="v2"] .tchip--live:hover { background: var(--live-soft); }
[data-layout="v2"] .tchip--finished .tchip__code { color: var(--text-secondary); }
[data-layout="v2"] .tchip--fav::after { inset-block-start: 6px; inset-inline-end: 4px; }
/* Oklar: üstüne binen, yalnızca fare üstündeyken; kenar soluklaşması portal.css'teki maskeyle (.is-start / .is-end) */
[data-layout="v2"] .trends__arrow {
  position: relative; z-index: 2; width: 32px; height: 32px; opacity: 0; margin-inline: 0 -32px;
  background: var(--surface); box-shadow: var(--elev2); transition: opacity var(--motion-base) var(--ease), background var(--motion-fast);
}
[data-layout="v2"] .trends__arrow[data-trends-next] { margin-inline: -32px 0; }
[data-layout="v2"] .trends:hover .trends__arrow:not(:disabled),
[data-layout="v2"] .trends__arrow:focus-visible { opacity: 1; }
[data-layout="v2"] .trends__arrow:disabled { opacity: 0; pointer-events: none; }
/* Kenar soluklaşması: başta yalnızca sağ kenar (JS'den önce de ilk çip / gün etiketi tam görünür); kaydırınca iki kenar, sonda sol */
/* Yaslama yok: yapışkan gün etiketi yüzünden tarayıcı ilk çipe kaydırıp "Bugün"ü soluklaştırıyordu (oklar sayfa sayfa kaydırır) */
[data-layout="v2"] .trends__viewport { scroll-snap-type: none; }
[data-layout="v2"] .trends__viewport,
[data-layout="v2"] .trends.is-start .trends__viewport {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent 100%);
  mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent 100%);
}
[data-layout="v2"] .trends.is-scrollable:not(.is-start) .trends__viewport {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 48px, #000 calc(100% - 48px), transparent 100%);
}
[data-layout="v2"] .trends.is-scrollable.is-end:not(.is-start) .trends__viewport { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 56px); mask-image: linear-gradient(90deg, transparent 0, #000 56px); }
[data-layout="v2"] .trends.is-start.is-end .trends__viewport,
[dir="rtl"][data-layout="v2"] .trends__viewport { -webkit-mask-image: none; mask-image: none; }
@media (max-width: 639px) {
  [data-layout="v2"] .trends__pill { width: 26px; padding: 0; justify-content: center; margin-inline-end: 10px; }
  [data-layout="v2"] .trends__pill::after { inset-inline-end: -10px; }
  [data-layout="v2"] .tchip { height: 38px; }
}

/* ---------------------------------------------------------------- İç sayfalar: geniş kapta okunur genişlik
   Haber makalesi: sütun (başlık 860 · gövde 720 + yan sütun) ortalanmış 1180 px'lik blokta — kapak görseli 1500 px'e büyümez.
   Tam sayfa üye kilidi (/tahminler, /lab, /deger-radari … misafirde): kart 960 px. Formlar (giriş / kayıt / parola) zaten dar
   (.auth kartı); yasal metin .prose 72ch (app.css). */
[data-layout="v2"] .news-article { max-width: 1180px; margin-inline: auto; }
[data-layout="v2"] .locked--page { max-width: 960px; }

/* ---------------------------------------------------------------- Alt bilgi */
[data-layout="v2"] .footer { background: var(--bg-elevated); border-block-start: 1px solid var(--shell-hairline); }

/* ---------------------------------------------------------------- Hareketi azalt */
@media (prefers-reduced-motion: reduce) {
  [data-layout="v2"] .sportbar__arrow, [data-layout="v2"] .trends__arrow { transition: none; }
}