/* ============================================================================
   AÇIK TEMA — override katmanı. YALNIZ `:root[data-theme="light"]` iken devreye girer.
   Koyu tema (data-theme yok / "dark") bu dosyadan HİÇ etkilenmez (sıfır risk).
   Renkler layout'un enjekte ettiği --srf-* değişkenlerinden gelir (server/utils/brand.ts
   deriveLightPalette → ayarlar.tema_light_bg). Faz A: ana kabuk (zemin/header/footer/alt-nav).
   ============================================================================ */

:root[data-theme="light"] {
  color-scheme: light;
}

/* ── Sayfa zemini (açık tema) ──
   Admin ayarlar.site_background YÜKLEDİYSE (--site-bg set) onu göster; DEĞİLSE düz açık renk
   (--srf-bg). Böylece kullanıcı özel arkaplan görselini AÇIK temada da görür; yüklemediyse koyu
   varsayılan bgnews sızmadan temiz beyaz kalır (var() fallback zinciri: --site-bg → --srf-bg → #fff).
   NOT: `:root` ZATEN <html>; `:root[data-theme=light] html` = "html içindeki html" (YOK) → doğrusu
   html ELEMENTİNİN kendisi: `html[data-theme=light]`. Konum/boyut globals.css body ile birebir. */
html[data-theme="light"] {
  background: var(--site-bg, var(--srf-bg, #ffffff)) no-repeat center center fixed !important;
  background-size: cover !important;
}
:root[data-theme="light"] body,
:root[data-theme="light"] body.welcome-theme {
  background: var(--site-bg, var(--srf-bg, #ffffff)) no-repeat center center fixed !important;
  background-size: cover !important;
  color: var(--srf-text, #1b2431);
}

/* Koyu backdrop katmanları (layouts/default.vue .night / .bgresim) → görünmez */
:root[data-theme="light"] .night,
:root[data-theme="light"] .bgresim,
:root[data-theme="light"] .bgresim2 {
  background: transparent !important;
  opacity: 0 !important;
}

/* ── Üç-nokta (⋮) menü butonu + açılır menüsü (dotMenuToggle / dotDropdown) ── */
/* Buton: chip rgba(255,255,255,.1) beyazda görünmez + ikon <i.bc-i-vertical-toggle> beyaz →
   görünür açık chip + koyu ikon. Glyph ::before ile çizildiği için color + -webkit-text-fill-color. */
/* Yalnız YUVARLAK butonun kendisi açık chip alır (br: 50% kendi değeri korunur). */
:root[data-theme="light"] #dotMenuToggle,
:root[data-theme="light"] .dot-menu-btn,
:root[data-theme="light"] #cwDotMenuToggle,
:root[data-theme="light"] .cw-dots-btn {
  background: var(--srf-2, #f2f4f7) !important;
  border: 0.5px solid var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
  color: var(--srf-text, #1b2431) !important;
}
/* .mobile-dot-menu SADECE sarmalayıcı (br:0 KARE) → ona chip/border VERME (kare kutu oluşmasın,
   içteki yuvarlak buton görünür). Yalnız ikon rengini taşı. */
:root[data-theme="light"] .mobile-dot-menu {
  background: transparent !important;
  border: 0 !important;
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] #dotMenuToggle i,
:root[data-theme="light"] .dot-menu-btn i,
:root[data-theme="light"] .mobile-dot-menu i,
:root[data-theme="light"] .cw-dots-btn i {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] #dotMenuToggle i::before,
:root[data-theme="light"] .dot-menu-btn i::before,
:root[data-theme="light"] .mobile-dot-menu i::before,
:root[data-theme="light"] .cw-dots-btn i::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* Açılır menü paneli + öğeleri → açık yüzey, koyu metin/ikon */
:root[data-theme="light"] #dotDropdown,
:root[data-theme="light"] #cwDotDropdown,
:root[data-theme="light"] .cw-dot-dropdown {
  background: var(--srf-1, #ffffff) !important;
  border: 0.5px solid var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] #dotDropdown .cw-dot-item,
:root[data-theme="light"] #dotDropdown a,
:root[data-theme="light"] #dotDropdown button,
:root[data-theme="light"] #cwDotDropdown .cw-dot-item,
:root[data-theme="light"] .cw-dot-item,
:root[data-theme="light"] .cw-dot-item i {
  color: var(--srf-text, #1b2431) !important;
}
/* Dot dropdown öğe ikonları (bc-i-notification/star/settings/live-chat) — glyph ::before beyaz → koyu */
:root[data-theme="light"] .cw-dot-item i,
:root[data-theme="light"] .cw-dot-item [class*="bc-i"],
:root[data-theme="light"] .cw-dot-item i::before,
:root[data-theme="light"] .cw-dot-item [class*="bc-i"]::before,
:root[data-theme="light"] #cwDotDropdown [class*="bc-i"]::before,
:root[data-theme="light"] #dotDropdown [class*="bc-i"]::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .cw-dot-item:hover {
  background: var(--srf-2, #f2f4f7) !important;
}

/* ── Mobil yatay menü şeridi (SPOR/CANLI/SLOT CASINO… — .mobile-horizontal-menu) ── */
:root[data-theme="light"] .mobile-horizontal-menu {
  background: var(--srf-1, #ffffff) !important;
  border-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] .mobile-horizontal-menu .mhm-link,
:root[data-theme="light"] .mhm-link {
  background: transparent !important;
  color: var(--srf-text, #1b2431) !important;
  border-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] .mhm-link.active,
:root[data-theme="light"] .mhm-link.router-link-active {
  color: var(--srf-text, #1b2431) !important;              /* aktif YAZI siyah (kullanıcı: altın olmasın) */
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
  border-color: var(--srf-gold-text, #a8801f) !important;  /* aktif göstergesi = altın alt-çizgi (kalır) */
  font-weight: 600 !important;
}
/* Kaydırma-fade gölgeleri (.mhm-holder ::before/::after) koyu gri (52,52,52)'ye soluyordu →
   açık zemine (beyaz) solsun, sağ/sol kenardaki koyu leke gitsin. */
:root[data-theme="light"] .mhm-holder::after {
  background: linear-gradient(270deg, var(--srf-1, #ffffff) 0px, transparent) !important;
}
:root[data-theme="light"] .mhm-holder::before {
  background: linear-gradient(90deg, var(--srf-1, #ffffff) 0px, transparent) !important;
}

/* ── Header (mobil #navbar + masaüstü cashwin/cw-*) ── */
:root[data-theme="light"] #navbar,
:root[data-theme="light"] .navbar-menu1,
:root[data-theme="light"] #cashwin-header,
:root[data-theme="light"] .cw-header {
  background: var(--srf-1, #ffffff) !important;
  border-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
  box-shadow: 0 1px 0 var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}

/* ── Alt navigasyon (mobil) ── */
:root[data-theme="light"] #bottomMenu,
:root[data-theme="light"] #mobileMenu,
:root[data-theme="light"] .bottom-menu {
  background: var(--srf-1, #ffffff) !important;
  border-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
/* Alt-nav ÖĞELERİ: yazıların ÜSTÜNDEKİ ikonlar (bc-i-live/prematch/search/slots/burger)
   koyu-temada rgba(255,255,255,.5) beyaz kalıp beyaz zeminde GÖRÜNMEZ oluyordu → koyu.
   Glyph ::before ile çizildiği için color + -webkit-text-fill-color ayrıca ezilir; scoped
   stilin özgüllüğünü yenmek için `nav#bottomMenu`. Aktif/hover da koyu. */
:root[data-theme="light"] #bottomMenu .tab-nav-item-bc,
:root[data-theme="light"] #bottomMenu .tab-nav-icon-bc,
:root[data-theme="light"] #bottomMenu .tab-nav-item-bc:hover .tab-nav-icon-bc,
:root[data-theme="light"] #bottomMenu .tab-nav-item-bc.router-link-active .tab-nav-icon-bc {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] nav#bottomMenu .tab-nav-icon-bc::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}

/* ── Footer ── (zemin ŞEFFAF: admin arkaplan görseli footer'ın altından da geçsin,
   beyaz kutuyla örtülmesin. Metin rengi korunur.) */
:root[data-theme="light"] .footer-bar,
:root[data-theme="light"] .footer-copyright,
:root[data-theme="light"] .support-button-container {
  background: transparent !important;
  color: var(--srf-text-dim, #637080) !important;
}

/* ── Ana içerik metni → koyu (accent/altın kendi rengini korur) ── */
:root[data-theme="light"] .home-page,
:root[data-theme="light"] .home-stage,
:root[data-theme="light"] main,
:root[data-theme="light"] .container,
:root[data-theme="light"] .container-fluid {
  color: var(--srf-text, #1b2431);
}

/* ============================================================================
   Faz B (ana içerik yüzeyleri) — koyu-tabanlı türetilmiş gradyan kartları açık yüzeye çevir.
   Kaynak kurallar `!important` + türetilmiş gradyan kullandığından burada da `!important` gerekir.
   HESAP PANELLERİ (.modern-*, #personalDetailsModal, .mobile-fullscreen-drawer, .jpd-drawer,
   #desktopSidePanel, #fullscreenMenu…) BİLİNÇLİ olarak HARİÇ — koyu kalır.
   ============================================================================ */

/* Kategori menüsü KONTEYNERİ — koyu linear-gradient tabanı var → şeffaf (beyaz zemin görünsün) */
:root[data-theme="light"] .mobile-category-menu {
  background: transparent !important;
}

/* Kategori kartları (Spor/Slot/Casino) */
:root[data-theme="light"] .mobile-category-menu .menu-item,
:root[data-theme="light"] .menu-item {
  background: var(--srf-1, #ffffff) !important;
  color: var(--srf-text, #1b2431) !important;
  border-color: var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  box-shadow: 0 1px 3px var(--srf-shadow, rgba(20, 28, 40, 0.1)) !important;
  text-shadow: none !important;
}
:root[data-theme="light"] .mobile-category-menu .menu-item::before,
:root[data-theme="light"] .mobile-category-menu .menu-item::after {
  opacity: 0 !important;
}

/* Oyun kartları (casino/slot) */
:root[data-theme="light"] .gc-card,
:root[data-theme="light"] .casino-card,
:root[data-theme="light"] .game-card {
  background: var(--srf-1, #ffffff) !important;
  border: 0.5px solid var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
  color: var(--srf-text, #1b2431) !important;
  box-shadow: 0 1px 3px var(--srf-shadow, rgba(20, 28, 40, 0.1)) !important;
}

/* Spor / lig / maç satırları */
:root[data-theme="light"] .league,
:root[data-theme="light"] .league-row,
:root[data-theme="light"] .event-row,
:root[data-theme="light"] .match-row {
  background: var(--srf-2, #f2f4f7) !important;
  color: var(--srf-text, #1b2431) !important;
  border-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}

/* Duyuru barı + sayaç rozetleri */
:root[data-theme="light"] #announcementBar,
:root[data-theme="light"] #announcementBar.containers,
:root[data-theme="light"] .banner-counter {
  background: var(--srf-2, #f2f4f7) !important;
  color: var(--srf-text, #1b2431) !important;
}

/* Bölüm başlıkları / genel açık-metin kalıntıları ana içerikte */
:root[data-theme="light"] .home-stage .section-title,
:root[data-theme="light"] .section-title,
:root[data-theme="light"] .home-stage h2,
:root[data-theme="light"] .home-stage h3 {
  color: var(--srf-text, #1b2431) !important;
}

/* ============================================================================
   Faz B — KONTRAST CİLASI: açık zeminde beyaz kalan metinleri koyuya çevir.
   (Sadece ŞEFFAF/AÇIK zemindeki metinler; renkli/altın butonlara dokunulmaz.)
   ============================================================================ */

/* Header: nav öğeleri + şeffaf-zemin auth/aksiyon butonları + sekme başlığı → koyu */
:root[data-theme="light"] .cw-nav-item,
:root[data-theme="light"] .hdr-btn,
:root[data-theme="light"] .tab-nav-title-bc,
:root[data-theme="light"] .cw-lang,
:root[data-theme="light"] .cw-header-right > span {
  color: var(--srf-text, #1b2431) !important;
}
/* şeffaf-zemin bordürlü butonların beyaz kenarlığı → koyu (görünür olsun) */
:root[data-theme="light"] .hdr-btn,
:root[data-theme="light"] .cw-action-btn,
:root[data-theme="light"] .support-contact-btn {
  border-color: var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
}
:root[data-theme="light"] .cw-action-btn {
  color: var(--srf-text, #1b2431) !important;
}

/* Duyuru barı metni */
:root[data-theme="light"] #announcementBar p,
:root[data-theme="light"] #announcementBar strong,
:root[data-theme="light"] #announcementBar span {
  color: var(--srf-text, #1b2431) !important;
}

/* "daha fazlası" bağlantısı (açık zemin) → koyu */
:root[data-theme="light"] .view-more {
  color: var(--srf-text, #1b2431) !important;
}
/* Oyun kartı adı (.gc-name) KOYU overlay (rgba(8,10,18,.5) — görsel üstü scrim, iki temada da koyu)
   üstünde duruyor → BEYAZ kalmalı. Önceden koyu yapılınca hover'da görünmüyordu (kullanıcı bildirdi). */
:root[data-theme="light"] .gc-name {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Spor kartları: takım/lig/saat koyu; ikincil (tarih/etiket) soluk; oran = okunur altın */
:root[data-theme="light"] .sport-team-name,
:root[data-theme="light"] .sport-match-time,
:root[data-theme="light"] .odd {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .sport-card-league,
:root[data-theme="light"] .sport-match-date,
:root[data-theme="light"] .sport-odd-label {
  color: var(--srf-text-dim, #637080) !important;
}
:root[data-theme="light"] .sport-odd-value {
  color: var(--srf-gold-text, #a8801f) !important;
}
/* Oran kutusu (.sport-odd-btn — MS1/X/MS2 hücresi) — masaüstü, koyu-tema kalıntısı renksiz/tanımsızdı →
   açık gri kutu + kenarlık + radius (label koyu + değer altın zaten okunur). (kullanıcı: orana renk ver.) */
:root[data-theme="light"] .sport-odd-btn {
  background: var(--srf-2, #f2f2f2) !important;
  border: 1px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  border-radius: 6px !important;
}
:root[data-theme="light"] .sport-odd-btn:hover {
  background: var(--srf-3, #e8e8e8) !important;
}
/* Spor kartları (masaüstü popüler maçlar) — koyu-tema kalıntısı: .sport-card bg %5 beyaz + border %6
   beyaz (beyaz zeminde GÖRÜNMEZ), header rgba(0,0,0,.25) gri → kartlar tanımsız. BELİRGİN kart:
   beyaz gövde + görünür kenarlık + hafif gölge; header açık gri + koyu metin/ikon. (kullanıcı isteği.) */
:root[data-theme="light"] .sport-card {
  background: var(--srf-1, #ffffff) !important;
  border: 1px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08) !important;
}
:root[data-theme="light"] .sport-card-header {
  background: var(--srf-2, #f2f2f2) !important;
  border-bottom: 1px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .sport-card-header,
:root[data-theme="light"] .sport-card-header span,
:root[data-theme="light"] .sport-card-header strong,
:root[data-theme="light"] .sport-card-header [class*="bc-i"],
:root[data-theme="light"] .sport-card-header [class*="bc-i"]::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}

/* Footer: tüm metin koyu (başlık koyu, bağlantılar soluk) */
:root[data-theme="light"] .footer-bar,
:root[data-theme="light"] .footer-bar h4,
:root[data-theme="light"] .footer-bar b,
:root[data-theme="light"] .footer-bar div,
:root[data-theme="light"] .footer-bar p,
:root[data-theme="light"] .footer-copyright,
:root[data-theme="light"] .footer-copyright * {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .footer-bar a,
:root[data-theme="light"] .support-contact-btn {
  color: var(--srf-text-dim, #637080) !important;
}

/* NOT: Footer sosyal ikon kuralı dosya SONUNA taşındı (şeffaf + siyah ikon — kullanıcı isteği). */

/* Footer 2. bölüm (.footer-info / .footer-section — HAKKIMIZDA, linkler) */
:root[data-theme="light"] .footer-info,
:root[data-theme="light"] .footer-info h4,
:root[data-theme="light"] .footer-info b,
:root[data-theme="light"] .footer-info div,
:root[data-theme="light"] .footer-info span,
:root[data-theme="light"] .footer-section,
:root[data-theme="light"] .footer-section h4,
:root[data-theme="light"] .footer-section b,
:root[data-theme="light"] .footer-section div {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .footer-info a,
:root[data-theme="light"] .footer-section a {
  color: var(--srf-text-dim, #637080) !important;
}

/* Ödeme yöntemleri başlığı (soluk gri → koyu) */
:root[data-theme="light"] .payments-title,
:root[data-theme="light"] .payments-title span {
  color: var(--srf-text, #1b2431) !important;
}

/* Footer lisans bölümü `.background-div` KOYU arkaplan GÖRSELİ (/2c3a...png) → kaldır (şeffaf,
   beyaz gövde görünsün). Tüm sayfaların footer'ında (AppFooter). */
:root[data-theme="light"] .background-div {
  background-image: none !important;
  background-color: transparent !important;
}

/* Lisans / DMCA bölümü (#license / .background-div) */
:root[data-theme="light"] #license,
:root[data-theme="light"] #license b,
:root[data-theme="light"] #license div,
:root[data-theme="light"] #license span,
:root[data-theme="light"] #license p {
  color: var(--srf-text, #1b2431) !important;
}

/* Popüler Maçlar/Bahisler bölüm başlığı (.popular-header — "Futbol" vb. filtre etiketleri) */
:root[data-theme="light"] .popular-header,
:root[data-theme="light"] .popular-header .left,
:root[data-theme="light"] .popular-header span,
:root[data-theme="light"] .popular-matches-mobile .left {
  color: var(--srf-text, #1b2431) !important;
}

/* Oran kolon başlığı satırı (.sub-header — W1/X/W2) → açık zemin + okunur soluk metin */
:root[data-theme="light"] .sub-header {
  background: var(--srf-2, #f2f4f7) !important;
}
:root[data-theme="light"] .sub-header,
:root[data-theme="light"] .sub-header span {
  color: var(--srf-text-dim, #637080) !important;
}

/* ============================================================================
   Faz B — EK CİLA 2: gradyan-metin başlıklar, dikey liste takım adları, Futbol ikonu, MENÜ ekranı.
   ============================================================================ */

/* GRADYAN-METİN başlıklar (POPÜLER BAHİSLER / EN ÇOK OYNANANLAR / bölüm başlıkları):
   background-clip:text + -webkit-text-fill-color:transparent kullanıyor → gradyan gidince
   SAYDAM/faint kalıyor. text-fill'i koyuya zorla + clip'i sıfırla. */
:root[data-theme="light"] .popular-matches-title,
:root[data-theme="light"] .game-header,
:root[data-theme="light"] .section-title,
:root[data-theme="light"] .home-stage .section-title {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

/* Dikey maç listesi takım adları (SINIFSIZ span; kapsayıcı .teams/.match/#popularMatches beyaz) */
:root[data-theme="light"] #popularMatches,
:root[data-theme="light"] #popularMatches .match,
:root[data-theme="light"] #popularMatches .teams,
:root[data-theme="light"] #popularMatches .teams span,
:root[data-theme="light"] .match-list .teams,
:root[data-theme="light"] .match-list .teams span,
:root[data-theme="light"] .popular-matches-mobile .teams,
:root[data-theme="light"] .popular-matches-mobile .teams span {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}

/* Popüler bölüm ikonları (Futbol yanındaki bc-i-Soccer vb. — glyph beyaz/açık) → koyu */
:root[data-theme="light"] .popular-header i,
:root[data-theme="light"] .popular-matches-mobile i,
:root[data-theme="light"] .sub-header i {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .popular-header i::before,
:root[data-theme="light"] .popular-matches-mobile i::before,
:root[data-theme="light"] .sub-header i::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}

/* ── MENÜ EKRANI (fullscreen menu — alt-nav MENÜ butonu açar) → açık + koyu yazı ── */
:root[data-theme="light"] #fullscreenMenu,
:root[data-theme="light"] .bottom-fullscreen-menu {
  background: var(--srf-1, #ffffff) !important;
}
:root[data-theme="light"] #fullscreenMenu .menu-link {
  background: var(--srf-2, #f2f4f7) !important;
  border-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] #fullscreenMenu,
:root[data-theme="light"] #fullscreenMenu .menu-link,
:root[data-theme="light"] #fullscreenMenu .menu-title,
:root[data-theme="light"] #fullscreenMenu .menu-header,
:root[data-theme="light"] #fullscreenMenu .menu-header span,
:root[data-theme="light"] #fullscreenMenu > span,
:root[data-theme="light"] #fullscreenMenu h2,
:root[data-theme="light"] #fullscreenMenu h3,
:root[data-theme="light"] #fullscreenMenu p,
:root[data-theme="light"] #fullscreenMenu li,
:root[data-theme="light"] #fullscreenMenu a,
:root[data-theme="light"] #fullscreenMenu .close-menu {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* MENÜ başlığı sınıfsız span + KAPATMA ikonu glyph'i (.close-menu > i.bc-i-close-remove beyaz) → koyu */
:root[data-theme="light"] #fullscreenMenu .menu-header span,
:root[data-theme="light"] #fullscreenMenu .close-menu,
:root[data-theme="light"] #fullscreenMenu .close-menu i,
:root[data-theme="light"] #fullscreenMenu .close-menu i::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* Renkli ikon chip'leri (.icon-bg.bg-green/blue… — anlamlı accent renkler) KORUNUR:
   chip'in kendi rengi + içindeki beyaz glyph koyu metne DÖNMESİN. */
:root[data-theme="light"] #fullscreenMenu .icon-bg,
:root[data-theme="light"] #fullscreenMenu [class*="icon-bg"],
:root[data-theme="light"] #fullscreenMenu .icon-bg i,
:root[data-theme="light"] #fullscreenMenu .icon-bg i::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ============================================================================
   Faz B — DİĞER SAYFALAR (casino/slot, canlı casino, promosyon, beni ara, çark, TV,
   spor iframe sarmalayıcı, hata sayfası). NOT: `.sp-jp-panel` (BetConstruct Jackpot
   paneli) BİLİNÇLİ olarak KOYU bırakıldı (premium görünüm — kullanıcı kararı bekliyor).
   Spor sayfası HARİCİ iframe (coroslee.xyz/BetConstruct) → içeriği CSS ile temalanamaz.
   ============================================================================ */

/* ── CASINO / SLOT sayfaları (.slots-page / .sp-*) ── */
:root[data-theme="light"] .sp-section-head,
:root[data-theme="light"] .sp-section-head h2,
:root[data-theme="light"] .sp-provsel,
:root[data-theme="light"] .sp-provsel span,
:root[data-theme="light"] .sp-ph-title,
:root[data-theme="light"] .sp-band-title,
:root[data-theme="light"] .sp-title,
:root[data-theme="light"] .sp-seeall {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* Toolbar / arama / sağlayıcı-seçici: DOLGU YOK (kullanıcı tercihi) → ŞEFFAF + koyu KENARLIK +
   koyu metin/ikon/placeholder. Böylece açık zeminin üstünde outline görünüm. */
:root[data-theme="light"] .sp-toolbar,
:root[data-theme="light"] .sp-provsel,
:root[data-theme="light"] .sp-search {
  background: transparent !important;
  border-color: var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
}
/* Arama kutusu (.sp-search) koyu-temada BORDER'SIZ (border:none) → sağlayıcı seçici gibi
   TAM kenarlık (1px solid, aynı 22px radius) ver ki görünür kutu olsun. */
:root[data-theme="light"] .sp-search {
  border: 1px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
}
:root[data-theme="light"] .sp-provsel,
:root[data-theme="light"] .sp-provsel span,
:root[data-theme="light"] .sp-search input,
:root[data-theme="light"] .slots-page input {
  background: transparent !important;
  color: var(--srf-text, #1b2431) !important;
}
/* "Oyun Ara" placeholder (beyaz rgba(255,255,255,.5) → koyu-soluk) */
:root[data-theme="light"] .sp-search input::placeholder,
:root[data-theme="light"] .slots-page input::placeholder {
  color: var(--srf-text-dim, #637080) !important;
  -webkit-text-fill-color: var(--srf-text-dim, #637080) !important;
  opacity: 1 !important;
}
/* Toolbar ikonları (bc-i-search büyüteç + bc-i-filter huni; glyph beyaz) → koyu */
:root[data-theme="light"] .sp-toolbar i,
:root[data-theme="light"] .sp-search i,
:root[data-theme="light"] .sp-provsel i {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .sp-toolbar i::before,
:root[data-theme="light"] .sp-search i::before,
:root[data-theme="light"] .sp-provsel i::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* Panel başlığı (turnuvalar vb.) — DOLGU YOK, sadece koyu metin (kullanıcı tercihi) */
:root[data-theme="light"] .sp-panel-head {
  color: var(--srf-text, #1b2431) !important;
}

/* ── TURNUVALAR + SON/EN ÇOK KAZANANLAR panelleri (.sp-tour-panel / .sp-win-panel — koyu 22,22,22).
   NOT: jackpot (.sp-jp-panel) HARİÇ (bilinçli koyu). ── */
:root[data-theme="light"] .sp-tour-panel,
:root[data-theme="light"] .sp-win-panel {
  background: var(--srf-1, #ffffff) !important;
  border: 0.5px solid var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] .sp-tour-row,
:root[data-theme="light"] .sp-win-row {
  background: var(--srf-2, #f2f4f7) !important;
}
:root[data-theme="light"] .sp-tour-panel .sp-panel-head,
:root[data-theme="light"] .sp-win-panel .sp-panel-head,
:root[data-theme="light"] .sp-tour-panel .sp-ph-title,
:root[data-theme="light"] .sp-tour-txt,
:root[data-theme="light"] .sp-tour-name,
:root[data-theme="light"] .sp-win-txt,
:root[data-theme="light"] .sp-win-id,
:root[data-theme="light"] .sp-win-game,
:root[data-theme="light"] .sp-tabs button,
:root[data-theme="light"] .sp-tour-panel .sp-seeall {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .sp-win-amt,
:root[data-theme="light"] .sp-tour-amt {
  color: var(--srf-gold-text, #a8801f) !important;
  -webkit-text-fill-color: var(--srf-gold-text, #a8801f) !important;
}
:root[data-theme="light"] .sp-tour-panel i::before,
:root[data-theme="light"] .sp-win-panel i::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* Kazananlar/turnuva sekme butonları (.sp-tabs button) — beyaz panelde aktif bg rgba(255,255,255,.1) ve
   pasif şeffaf idi → görünmüyordu. Onaylı promo deseni: pasif açık gri + kenarlık, aktif orta gri. */
:root[data-theme="light"] .sp-tabs button {
  background: #e9e9e955 !important;
  border: 1px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  border-radius: 8px !important;
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .sp-tabs button.active {
  background: #c1c1c1 !important;
  border-color: var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  font-weight: 600 !important;
}

/* ── LOGIN + REGISTER MODALLARI (.login-modal-content / .register-modal-content) → SADECE MASAÜSTÜ açık ──
   Kullanıcı isteği: MOBİLDE modal NORMAL (koyu) kalsın; sadece MASAÜSTÜNDE beyaz olsun.
   → TÜM modal tema kuralları @media (min-width:769px) içine alındı. Mobilde (max-width:768px) hiç
   uygulanmaz → modal orijinal koyu + açık-metin haliyle kalır (okunur).
   Masaüstünde: modal ID'leriyle (#loginModal/#registerModal) özgüllük (1,3,0) → app'in kendi
   @media min-width:769px !important koyu-bg kurallarını (ID'li dahil) ezer, beyaz kazanır. */
@media (min-width: 769px) {
:root[data-theme="light"] #loginModal .login-modal-content,
:root[data-theme="light"] #registerModal .login-modal-content,
:root[data-theme="light"] #registerModal .register-content,
:root[data-theme="light"] .login-modal-content,
:root[data-theme="light"] .register-modal-content {
  background: var(--srf-1, #ffffff) !important;
}
:root[data-theme="light"] .login-modal-content,
:root[data-theme="light"] .login-modal-content span,
:root[data-theme="light"] .login-modal-content strong,
:root[data-theme="light"] .login-modal-content label,
:root[data-theme="light"] .login-modal-content p,
:root[data-theme="light"] .login-modal-content .btn-close,
:root[data-theme="light"] .login-modal-content a:not(.btn-login):not(.btn-register),
:root[data-theme="light"] .register-modal-content,
:root[data-theme="light"] .register-modal-content span,
:root[data-theme="light"] .register-modal-content strong,
:root[data-theme="light"] .register-modal-content label,
:root[data-theme="light"] .register-modal-content p,
:root[data-theme="light"] .register-modal-content .btn-close,
:root[data-theme="light"] .register-modal-content a:not(.btn-login):not(.btn-register) {
  color: var(--srf-text, #1b2431) !important;
}
/* Modal başlıkları/linkleri (.maintext/.subtext/.forgot-password/.support-link/.checkbox-text) —
   #loginModal/#registerModal-scoped BEYAZ kurallar (ID özgüllüğü) benim genel kuralımı eziyordu +
   -webkit-text-fill-color:white taşıyorlardı → görünmüyordu. ID ile güçlendir + text-fill'i de ez.
   (Promo görsel kutusu .login-banner KOYU kalsın diye ona DOKUNMUYORUZ.) */
:root[data-theme="light"] #loginModal .maintext,
:root[data-theme="light"] #loginModal .subtext,
:root[data-theme="light"] #loginModal .forgot-password,
:root[data-theme="light"] #loginModal .support-link,
:root[data-theme="light"] #loginModal .checkbox-text,
:root[data-theme="light"] #registerModal .maintext,
:root[data-theme="light"] #registerModal .subtext,
:root[data-theme="light"] #registerModal .forgot-password,
:root[data-theme="light"] #registerModal .support-link,
:root[data-theme="light"] #registerModal .checkbox-text {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* modal inputları/select'leri → şeffaf + kenarlık + koyu metin (outline deseni).
   #loginModal/#registerModal-scoped beyaz kurallar ID özgüllüğüyle eziyordu (özellikle register
   Gün/Ay/Yıl select'leri beyaz-üstü-beyaz görünmezdi) → ID ile güçlendir + text-fill'i de ez. */
:root[data-theme="light"] #loginModal .login-modal-content input,
:root[data-theme="light"] #loginModal .login-modal-content select,
:root[data-theme="light"] #registerModal .login-modal-content input,
:root[data-theme="light"] #registerModal .login-modal-content select,
:root[data-theme="light"] #registerModal .register-content input,
:root[data-theme="light"] #registerModal .register-content select,
:root[data-theme="light"] .login-modal-content input,
:root[data-theme="light"] .login-modal-content select,
:root[data-theme="light"] .register-modal-content input,
:root[data-theme="light"] .register-modal-content select {
  background: transparent !important;
  border: 1px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* açılır select seçenekleri (native popup) → beyaz zemin + koyu metin */
:root[data-theme="light"] #loginModal option,
:root[data-theme="light"] #registerModal option {
  background: #ffffff !important;
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .login-modal-content input::placeholder,
:root[data-theme="light"] .register-modal-content input::placeholder {
  color: var(--srf-text-dim, #637080) !important;
  -webkit-text-fill-color: var(--srf-text-dim, #637080) !important;
  opacity: 1 !important;
}
/* modal ikonları (input yanı göz/kullanıcı vb.) → koyu (primary GİRİŞ/KAYIT butonu HARİÇ) */
:root[data-theme="light"] .login-modal-content .bc-label i,
:root[data-theme="light"] .login-modal-content .bc-label i::before,
:root[data-theme="light"] .register-modal-content .bc-label i,
:root[data-theme="light"] .register-modal-content .bc-label i::before,
:root[data-theme="light"] .login-modal-content .checkbox-text,
:root[data-theme="light"] .register-modal-content .checkbox-text {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* E-posta doğrulama, masaüstündeki açık kayıt/giriş formunun aynı sade dilini kullanır. */
:root[data-theme="light"] #loginModal .email-verification-copy,
:root[data-theme="light"] #registerModal .email-verification-copy {
  border-bottom-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] #loginModal .email-verification-copy p,
:root[data-theme="light"] #loginModal .email-verification-copy p strong,
:root[data-theme="light"] #registerModal .email-verification-copy p,
:root[data-theme="light"] #registerModal .email-verification-copy p strong {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] #loginModal .email-verification-copy > span,
:root[data-theme="light"] #loginModal .email-resend-row,
:root[data-theme="light"] #loginModal .email-verification-lock,
:root[data-theme="light"] #registerModal .email-verification-copy > span,
:root[data-theme="light"] #registerModal .email-resend-row,
:root[data-theme="light"] #registerModal .email-verification-lock {
  color: var(--srf-text-dim, #637080) !important;
  -webkit-text-fill-color: var(--srf-text-dim, #637080) !important;
}
:root[data-theme="light"] #loginModal .login-form input.email-code-input,
:root[data-theme="light"] #registerModal .login-form input.email-code-input {
  background: transparent !important;
  border-color: var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] #loginModal .login-form input.email-code-input:focus,
:root[data-theme="light"] #registerModal .login-form input.email-code-input:focus {
  background: transparent !important;
  border-color: var(--brand) !important;
}
:root[data-theme="light"] #loginModal .email-resend-button:not(:disabled),
:root[data-theme="light"] #loginModal .email-resend-button:not(:disabled) span,
:root[data-theme="light"] #registerModal .email-resend-button:not(:disabled),
:root[data-theme="light"] #registerModal .email-resend-button:not(:disabled) span {
  color: var(--brand) !important;
  -webkit-text-fill-color: var(--brand) !important;
}
:root[data-theme="light"] #loginModal .email-resend-button:disabled,
:root[data-theme="light"] #loginModal .email-resend-button:disabled span,
:root[data-theme="light"] #registerModal .email-resend-button:disabled,
:root[data-theme="light"] #registerModal .email-resend-button:disabled span {
  color: var(--srf-text-dim, #637080) !important;
  -webkit-text-fill-color: var(--srf-text-dim, #637080) !important;
}
} /* /@media (min-width:769px) — login/register modal teması SADECE masaüstü; mobilde koyu kalır */

/* ── PROMOSYONLAR (.promo-*) ── */
:root[data-theme="light"] .promo-tab-label,
:root[data-theme="light"] .promo-title,
:root[data-theme="light"] .promo-tab,
:root[data-theme="light"] .promo-desc {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}

/* ── BENİ ARA (.rp-card + form) ── */
:root[data-theme="light"] .rp-card {
  background: var(--srf-1, #ffffff) !important;
  border: 0.5px solid var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] .rp-card,
:root[data-theme="light"] .rp-card label,
:root[data-theme="light"] .rp-card h1,
:root[data-theme="light"] .rp-card h2,
:root[data-theme="light"] .rp-card h3,
:root[data-theme="light"] .rp-card p,
:root[data-theme="light"] .rp-card span,
:root[data-theme="light"] .rp-card strong,
:root[data-theme="light"] .rp-card small,
:root[data-theme="light"] .rp-card li,
:root[data-theme="light"] .rp-card div {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .rp-card small {
  color: var(--srf-text-dim, #637080) !important;
}
:root[data-theme="light"] .rp-card input,
:root[data-theme="light"] .rp-card textarea,
:root[data-theme="light"] .rp-card select {
  background: var(--srf-2, #f2f4f7) !important;
  color: var(--srf-text, #1b2431) !important;
  border-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}

/* ── ÇARK (.cark-*) ── */
:root[data-theme="light"] .cark-title {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .cark-sub,
:root[data-theme="light"] .cark-note {
  color: var(--srf-text-dim, #637080) !important;
  -webkit-text-fill-color: var(--srf-text-dim, #637080) !important;
}

/* ── TV (.tv-* — kanal listesi; video oynatıcı KOYU kalır, .tv-overlay-text DOKUNULMAZ) ── */
:root[data-theme="light"] .tv-side-tab,
:root[data-theme="light"] .tv-ch-name {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .tv-ch-time {
  color: var(--srf-text-dim, #637080) !important;
}
:root[data-theme="light"] .tv-page input,
:root[data-theme="light"] .tv-search input {
  background: var(--srf-2, #f2f4f7) !important;
  color: var(--srf-text, #1b2431) !important;
  border-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}

/* ── SPOR iframe SARMALAYICI (koyu 5,7,11) → açık; iframe İÇERİĞİ harici, temalanamaz ── */
:root[data-theme="light"] .sportsbook-frame-wrap,
:root[data-theme="light"] .sportsbook-frame,
:root[data-theme="light"] .sportsbook-page-spacer {
  background: var(--srf-bg, #ffffff) !important;
}

/* ============================================================================
   MASAÜSTÜ (web) HEADER — mobil `#cashwin-header` beyaz ama içindeki KOYU barlar
   (`#notif-bar` 17,17,17 + `#main-header` 12,12,12) temalanmamıştı. Nav (#cw-cat-nav)
   şeffaf ama metni açık kalmıştı.
   ============================================================================ */
:root[data-theme="light"] #notif-bar {
  background: var(--srf-2, #f2f4f7) !important;
}
:root[data-theme="light"] #main-header {
  background: var(--srf-1, #ffffff) !important;
  border-bottom: 0.5px solid var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
/* header + duyuru metinleri → koyu (KAYIT altın butonu HARİÇ) */
:root[data-theme="light"] #notif-bar,
:root[data-theme="light"] #notif-bar p,
:root[data-theme="light"] #notif-bar span,
:root[data-theme="light"] #notif-bar strong,
:root[data-theme="light"] #main-header span,
:root[data-theme="light"] #main-header strong,
:root[data-theme="light"] #main-header time,
:root[data-theme="light"] #main-header a:not(.cw-kayit-btn),
:root[data-theme="light"] #main-header button:not(.cw-kayit-btn),
:root[data-theme="light"] #cw-cat-nav .cw-nav-item {
  color: var(--srf-text, #1b2431) !important;
}
/* Canlı saat (#cw-live-clock — düz div, span/time değil → açık kural GARANTİ hedeflesin) → siyah */
:root[data-theme="light"] #cw-live-clock,
:root[data-theme="light"] #main-header #cw-live-clock,
:root[data-theme="light"] .cw-live-clock {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}

/* header aksiyon/giriş butonları koyu chip → şeffaf + koyu kenarlık + koyu metin */
:root[data-theme="light"] #main-header .cw-action-btn,
:root[data-theme="light"] #main-header .cw-giris-btn {
  background: transparent !important;
  border: 0.5px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  color: var(--srf-text, #1b2431) !important;
}
/* nav ikonları (bc-i glyph; koyu-temada marka altını --brand'den) → KULLANICI: SİYAH yap.
   Header aksiyon butonu ikonları (BONUS TALEP bc-i-bonus-request / ÖZEL ORANLAR bc-i-SpecialBets;
   color:var(--brand) altın + ::before beyaz) da SİYAH. */
/* NOT: bazı ikonlar <i> DEĞİL <span class="bc-i-*"> (ör. CANLI = span.bc-i-live) → [class*="bc-i"]
   ile hem i hem span yakalanır; glyph ::before beyaz olduğundan color + -webkit-text-fill-color. */
:root[data-theme="light"] #cw-cat-nav .cw-nav-item i,
:root[data-theme="light"] #cw-cat-nav .cw-nav-item [class*="bc-i"],
:root[data-theme="light"] #cw-cat-nav .cw-nav-item i::before,
:root[data-theme="light"] #cw-cat-nav .cw-nav-item [class*="bc-i"]::before,
:root[data-theme="light"] #main-header .cw-action-btn i,
:root[data-theme="light"] #main-header .cw-action-btn [class*="bc-i"],
:root[data-theme="light"] #main-header .cw-action-btn i::before,
:root[data-theme="light"] #main-header .cw-action-btn [class*="bc-i"]::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* Nav barı + öğeleri KOYU background-IMAGE gradyanı (#cw-cat-nav rgb(19,19,19);
   .cw-nav-item rgb(26,26,26)) → açık. bg-color DEĞİL bg-image olduğu için ayrıca ezilir. */
:root[data-theme="light"] #cw-cat-nav {
  background-image: none !important;
  background: var(--srf-1, #ffffff) !important;
  border-bottom: 0.5px solid var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] #cw-cat-nav .cw-nav-item {
  background-image: none !important;
  background: transparent !important;
}
/* Header gift/phone ikon butonları (.cw-icon-btn bg rgb(24,24,24)) → şeffaf + kenarlık + koyu ikon */
:root[data-theme="light"] #main-header .cw-icon-btn {
  background: transparent !important;
  border: 0.5px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
}
:root[data-theme="light"] #main-header .cw-icon-btn,
:root[data-theme="light"] #main-header .cw-icon-btn i,
:root[data-theme="light"] #main-header .cw-icon-btn i::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}

/* ── Nav "DAHA" açılır menüsü (.cw-nav-more-dropdown — koyu 24,24,24) → açık + koyu metin/ikon ── */
:root[data-theme="light"] .cw-nav-more-dropdown {
  background: var(--srf-1, #ffffff) !important;
  background-image: none !important;
  border: 0.5px solid var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
/* ── GİRİŞ SONRASI header (masaüstü #cashwin-header): bakiye butonu + kullanıcı ikonu ──
   .cw-balance-btn base'de koyu gradyan (#1a1a1a→#131313) + açık-gri metin (#e6e6e6) → beyaz header'da
   yakışmıyor + metin görünmez. Diğer header aksiyon butonları gibi şeffaf + kenarlık + koyu metin. */
:root[data-theme="light"] .cw-balance-btn {
  background: transparent !important;
  border: 0.5px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  border-image: none !important;
  box-shadow: none !important;
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* Kullanıcı ikonu (.cw-user-icon-btn > i.bc-i-user 28px) base'de color:#fff opacity:.5 → beyaz zeminde
   görünmez → SİYAH. bc-i glyph: buton + i + ::before + text-fill üçü de ezilmeli. */
:root[data-theme="light"] .cw-user-icon-btn,
:root[data-theme="light"] .cw-user-icon-btn i.bc-i-user,
:root[data-theme="light"] .cw-user-icon-btn i.bc-i-user::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .cw-user-icon-btn { opacity: 1 !important; }

/* Mobil header (AppMobileHeader) giriş-sonrası: bakiye (.hdr-balance) + kullanıcı ikonu (.hdr-user-icon)
   base'de beyaz (icon color:#fff opacity:.5) → beyaz temada görünmez → KOYU + tam opaklık.
   bc-i glyph ::before kendi beyaz text-fill'ini zorluyor → i + ::before + -webkit-text-fill-color ez. */
:root[data-theme="light"] .hdr-balance {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .hdr-user-icon,
:root[data-theme="light"] .hdr-user-icon::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
  opacity: 1 !important;
}

/* Dropdown öğeleri .cw-user-dropdown-item KOYU gradyan bg-image (rgb(26,26,26)) taşıyor → kaldır */
:root[data-theme="light"] .cw-nav-more-dropdown .cw-user-dropdown-item,
:root[data-theme="light"] .cw-user-dropdown-item {
  background-image: none !important;
  background: transparent !important;
}

/* ── Giriş-sonrası header dropdown'ları (.cw-balance-dropdown / .cw-user-dropdown) —
   base'de KOYU: bg #131313 + border #333 + ok #333/#1a1a1c → beyaz temaya çevir. */
:root[data-theme="light"] .cw-balance-dropdown,
:root[data-theme="light"] .cw-user-dropdown {
  background: var(--srf-1, #ffffff) !important;
  border: 1px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}
/* öğe metinleri koyu */
:root[data-theme="light"] .cw-balance-dropdown .cw-user-dropdown-item,
:root[data-theme="light"] .cw-balance-dropdown .cw-user-dropdown-item span,
:root[data-theme="light"] .cw-user-dropdown .cw-user-dropdown-item,
:root[data-theme="light"] .cw-user-dropdown .cw-user-dropdown-item span {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* öğe ikonları koyu (bc-i glyph: i + ::before + text-fill) */
:root[data-theme="light"] .cw-balance-dropdown [class*="bc-i"],
:root[data-theme="light"] .cw-balance-dropdown [class*="bc-i"]::before,
:root[data-theme="light"] .cw-user-dropdown [class*="bc-i"],
:root[data-theme="light"] .cw-user-dropdown [class*="bc-i"]::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* ok/arrow (yukarı üçgen): dış çerçeve #333 → açık kenarlık, iç dolgu #1a1a1c → beyaz */
:root[data-theme="light"] .cw-balance-dropdown-arrow,
:root[data-theme="light"] .cw-user-dropdown-arrow {
  border-bottom-color: var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
}
:root[data-theme="light"] .cw-balance-dropdown-arrow::after,
:root[data-theme="light"] .cw-user-dropdown-arrow::after {
  border-bottom-color: var(--srf-1, #ffffff) !important;
}
:root[data-theme="light"] .cw-nav-more-dropdown a,
:root[data-theme="light"] .cw-nav-more-dropdown button,
:root[data-theme="light"] .cw-nav-more-dropdown li,
:root[data-theme="light"] .cw-nav-more-dropdown .cw-nav-item,
:root[data-theme="light"] .cw-nav-more-dropdown .cw-user-dropdown-item,
:root[data-theme="light"] .cw-nav-more-dropdown span {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .cw-nav-more-dropdown i,
:root[data-theme="light"] .cw-nav-more-dropdown [class*="bc-i"],
:root[data-theme="light"] .cw-nav-more-dropdown i::before,
:root[data-theme="light"] .cw-nav-more-dropdown [class*="bc-i"]::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .cw-nav-more-dropdown a:hover,
:root[data-theme="light"] .cw-nav-more-dropdown .cw-nav-item:hover,
:root[data-theme="light"] .cw-nav-more-dropdown li:hover {
  background: var(--srf-2, #f2f4f7) !important;
}

/* ── PROMOSYON SEKMELERİ (kullanıcı belirtti — sağlayıcı gibi kutu) ── */
:root[data-theme="light"] .promo-tab {
  background: #e9e9e955 !important;
}
:root[data-theme="light"] .promo-tab.active {
  background: #c1c1c1 !important;
}

/* ── TV KANAL SIDEBAR (.tv-side koyu GRADYAN → açık; kanal satırları + arama) ── */
:root[data-theme="light"] .tv-side {
  background-image: none !important;
  background: var(--srf-1, #ffffff) !important;
  border-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] .tv-ch {
  background: transparent !important;
  border-color: var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] .tv-ch:hover {
  background: var(--srf-2, #f2f4f7) !important;
}
:root[data-theme="light"] .tv-side-head,
:root[data-theme="light"] .tv-side-title,
:root[data-theme="light"] .tv-ch-name {
  color: var(--srf-text, #1b2431) !important;
}
/* Kanal arama: şeffaf + kenarlık + koyu metin/placeholder/ikon (kullanıcı tercihi deseni) */
:root[data-theme="light"] .tv-search {
  background: transparent !important;
  border: 1px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
}
:root[data-theme="light"] .tv-search input {
  background: transparent !important;
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .tv-search input::placeholder {
  color: var(--srf-text-dim, #637080) !important;
  -webkit-text-fill-color: var(--srf-text-dim, #637080) !important;
  opacity: 1 !important;
}
:root[data-theme="light"] .tv-search i,
:root[data-theme="light"] .tv-side i {
  color: var(--srf-text, #1b2431) !important;
}
:root[data-theme="light"] .tv-search i::before,
:root[data-theme="light"] .tv-side i::before {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}

/* ── HATA SAYFASI (.err-page / .err-card) ── */
:root[data-theme="light"] .err-page {
  background: var(--srf-bg, #ffffff) !important;
}
:root[data-theme="light"] .err-card {
  background: var(--srf-1, #ffffff) !important;
  border: 0.5px solid var(--srf-border, rgba(0, 0, 0, 0.1)) !important;
}
:root[data-theme="light"] .err-card,
:root[data-theme="light"] .err-card h1,
:root[data-theme="light"] .err-card h2,
:root[data-theme="light"] .err-card p,
:root[data-theme="light"] .err-page h1,
:root[data-theme="light"] .err-page p {
  color: var(--srf-text, #1b2431) !important;
}

/* ── Footer SOSYAL İKONLARI: SİYAH ikon + gri chip yerine şeffaf + kenarlık (kullanıcı: siyah) ── */
:root[data-theme="light"] .social-icons a {
  background: transparent !important;
  border: 0.5px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
}
:root[data-theme="light"] .social-icons a,
:root[data-theme="light"] .social-icons a i,
:root[data-theme="light"] .social-icons i,
:root[data-theme="light"] .social-icons a i::before {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

/* ── DİL SEÇİCİ (Türkçe + bayrak) → SİYAH kenarlıklı kutu (kullanıcı isteği) ── */
:root[data-theme="light"] .language-select {
  border: 1px solid rgba(0, 0, 0, 0.35) !important;
  border-radius: 8px !important;
  padding: 5px 12px !important;
}

/* ── YARDIM / STATİK sayfalar (.st-page — Bize Ulaşın / Firma Bilgileri / Gizlilik / SSS …) → koyu metin ── */
:root[data-theme="light"] .st-page,
:root[data-theme="light"] .st-page span,
:root[data-theme="light"] .st-page p,
:root[data-theme="light"] .st-page a,
:root[data-theme="light"] .st-page strong,
:root[data-theme="light"] .st-page b,
:root[data-theme="light"] .st-page li,
:root[data-theme="light"] .st-page h1,
:root[data-theme="light"] .st-page h2,
:root[data-theme="light"] .st-page h3,
:root[data-theme="light"] .st-page h4,
:root[data-theme="light"] .st-page td,
:root[data-theme="light"] .st-page div,
:root[data-theme="light"] .st-head span,
:root[data-theme="light"] .st-print {
  color: var(--srf-text, #1b2431) !important;
  -webkit-text-fill-color: var(--srf-text, #1b2431) !important;
}
/* print/aksiyon butonu koyu bg olabilir → şeffaf + kenarlık */
:root[data-theme="light"] .st-print {
  background: transparent !important;
  border: 0.5px solid var(--srf-border-strong, rgba(0, 0, 0, 0.16)) !important;
}