/* ============================================================
   Sports Light Theme — sportsbar_pwa
   ────────────────────────────────────────────────────────────
   Sadece anasayfa dışındaki sayfaların ANA İÇERİK (content)
   alanlarına foam cream zemin uygulanır.

   ÖNEMLİ: Header (utility + navbar), drawer, footer ve
   sticky-cart bu kuralların DIŞINDA. Onlar kendi koyu
   zeminlerini ve cream renklerini korur.

   v2 (2026-05-07): kapsamı daraltıldı — önceki versiyon
   "body.sb-light p, span" gibi geniş selector'lar header'a
   da sızıyor, brand-name ve live-match cream rengini bozuyordu.
============================================================ */

/* ─── 1) Body zemini ─── */
body.sb-light {
    background-color: var(--br-cream) !important;
    color: var(--br-text);
}

/* ─── 2) Sadece ana içerik elementleri (header/footer/ticker dışında) ───
   .sb-section ve .sb-cat-hero zaten sportsbar tema container'ları;
   diğer view'lar .container / .br-page-container kullanıyor.
   Header/footer/ticker bu listede DEĞİL — onlara dokunulmaz. */

body.sb-light .br-page-container,
body.sb-light .container,
body.sb-light .sb-section,
body.sb-light .sb-prod-page,
body.sb-light .sb-list-section,
body.sb-light .sb-menu-page {
    color: var(--br-text);
}

/* Başlıklar — sadece content alanlarındakiler */
body.sb-light .br-page-container h1, body.sb-light .br-page-container h2,
body.sb-light .br-page-container h3, body.sb-light .br-page-container h4,
body.sb-light .container h1, body.sb-light .container h2,
body.sb-light .container h3, body.sb-light .container h4,
body.sb-light .sb-section h1, body.sb-light .sb-section h2,
body.sb-light .sb-section h3, body.sb-light .sb-section h4,
body.sb-light .sb-prod-page h1, body.sb-light .sb-prod-page h2,
body.sb-light .sb-prod-page h3, body.sb-light .sb-prod-page h4 {
    color: var(--br-text);
}

/* Paragraf, list item, span — sadece content alanlarındakiler.
   Header (.sb-utility, .sb-navbar) ve footer (.sb-footer) bu kapsamın DIŞINDA. */
body.sb-light .br-page-container p,
body.sb-light .br-page-container li,
body.sb-light .container p,
body.sb-light .container li,
body.sb-light .sb-section p:not(.sb-section-subtitle):not(.sb-cat-hero-text):not(.sb-stadium-text):not(.sb-product-desc),
body.sb-light .sb-section li,
body.sb-light .sb-prod-page p:not(.sb-prod-eyebrow):not(.sb-prod-desc),
body.sb-light .sb-prod-page li {
    color: var(--br-text-soft);
}

/* ─── 3) Empty mesajları ─── */
body.sb-light .br-empty-msg,
body.sb-light .br-empty-msg-soft,
body.sb-light .sb-list-empty {
    color: var(--br-text-mute);
}

/* ─── 4) Secondary butonlar (legacy br-secondary) ─── */
body.sb-light .br-secondary {
    background: var(--br-cream-warm);
    color: var(--br-bg-1);
    border: 1px solid var(--br-cream-deep);
}
body.sb-light .br-secondary:hover {
    background: var(--br-bg-1);
    color: var(--br-cream);
    border-color: var(--br-bg-1);
}

/* ─── 5) LEGACY THEME-DARK NEUTRALIZER ─── */
/* assets/css/custom.css içinde "body.theme-dark h1...h6 { color: cream !important }"
   gibi geniş kapsamlı eski kurallar var. Bunlar SPORTSBAR content alanlarındaki
   başlıkları "cream-on-cream" yapıp okunmaz hale getiriyor. Sadece sportsbar light
   page'lerde bu eski override'ı geri alıyoruz — başka temaları etkilemez. */

body.theme-dark.sb-light .sb-section h1,
body.theme-dark.sb-light .sb-section h2,
body.theme-dark.sb-light .sb-section h3,
body.theme-dark.sb-light .sb-section h4,
body.theme-dark.sb-light .sb-section h5,
body.theme-dark.sb-light .sb-section h6,
body.theme-dark.sb-light .sb-prod-page h1,
body.theme-dark.sb-light .sb-prod-page h2,
body.theme-dark.sb-light .sb-prod-page h3,
body.theme-dark.sb-light .sb-prod-page h4,
body.theme-dark.sb-light .sb-prod-page h5,
body.theme-dark.sb-light .sb-prod-page h6,
body.theme-dark.sb-light .sb-list-section h1,
body.theme-dark.sb-light .sb-list-section h2,
body.theme-dark.sb-light .sb-list-section h3,
body.theme-dark.sb-light .sb-list-section h4,
body.theme-dark.sb-light .sb-prod-card h3,
body.theme-dark.sb-light .sb-product-card h3,
body.theme-dark.sb-light .sb-cat-tile h3,
body.theme-dark.sb-light .sb-prod-row h3 {
    color: var(--br-bg-7) !important;
}

/* Product detail page özel başlıklar — pitch dark navy üstünde değiller, cream zeminde */
body.theme-dark.sb-light .sb-prod-title,
body.theme-dark.sb-light .sb-cat-hero-title {
    color: var(--br-bg-1) !important;
}

/* sb-cat-hero-title özel durum: dark hero banner içinde cream olmalı */
body.theme-dark.sb-light .sb-cat-hero .sb-cat-hero-title {
    color: var(--br-cream) !important;
}

/* Stadium banner ve dark zeminli alanlar cream'ı korur */
body.theme-dark.sb-light .sb-stadium-banner h1,
body.theme-dark.sb-light .sb-stadium-banner h2,
body.theme-dark.sb-light .sb-stadium-banner h3 {
    color: var(--br-cream) !important;
}

/* Product hero'daki price block (dark zemin) — cream/gold kalır */
body.theme-dark.sb-light .sb-price-label {
    color: var(--br-cream-muted) !important;
}
body.theme-dark.sb-light .sb-price-amount,
body.theme-dark.sb-light .sb-price-currency {
    color: var(--br-gold) !important;
}

/* ════════════════════════════════════════════════════════════
   EVENT DETAIL HERO — sb-light override istisnası
   ────────────────────────────────────────────────────────────
   Detay sayfası hibrit: hero dark, altı (notes/gallery) light.
   Hero içindeki tüm metinler cream KALMALI — body.sb-light
   ve theme-dark legacy kuralları override edilir.
═══════════════════════════════════════════════════════════ */

/* Hero takım isimleri (matchup) — cream/gold */
body.sb-light .sb-event-detail-team-home,
body.theme-dark.sb-light .sb-event-detail-team-home {
    color: var(--br-cream) !important;
}
body.sb-light .sb-event-detail-team-away,
body.theme-dark.sb-light .sb-event-detail-team-away {
    color: var(--br-gold) !important;
}

/* Tek title (matchup yoksa) */
body.sb-light .sb-event-detail-hero .sb-event-detail-title,
body.theme-dark.sb-light .sb-event-detail-hero .sb-event-detail-title {
    color: var(--br-cream) !important;
}

/* Meta info (tarih/saat/ekran) — cream */
body.sb-light .sb-event-detail-meta-item,
body.sb-light .sb-event-detail-meta-item span {
    color: var(--br-cream) !important;
}

/* Lig adı — gold */
body.sb-light .sb-event-detail-league,
body.sb-light .sb-event-detail-league-name,
body.sb-light .sb-event-detail-league-flag {
    color: var(--br-gold) !important;
}

/* Back link — cream-muted */
body.sb-light .sb-event-detail-back,
body.sb-light .sb-event-detail-back span {
    color: var(--br-cream-muted) !important;
}
body.sb-light .sb-event-detail-back:hover {
    color: var(--br-gold) !important;
}

/* VS pill ve Featured rozet kendi renklerini koru */
body.sb-light .sb-event-detail-vs,
body.sb-light .sb-event-detail-featured {
    color: var(--br-cream) !important;
}

/* Reserve CTA buton içi yazı */
body.sb-light .sb-event-detail-cta,
body.sb-light .sb-event-detail-cta span {
    color: var(--br-text-on-primary) !important;
}