/* ================================================================
   HABERFIX — ŞENER MÜZİK TEMASI (Gece / Crimson)
   Tek koyu mod. En SON yüklenir; mevcut style.css + haberfix.css'i ezer.
   Referans: Şener Müzik (koyu zemin + crimson aksan + cam kartlar
   + Fraunces italik vurgu + Hanken Grotesk gövde)
   Geliştirici: Racoun Branding Solutions
   ================================================================ */

/* ----------------------------------------------------------------
   1) TEMA TOKENLARI + TÜM DEĞİŞKEN SİSTEMLERİNİN EZİLMESİ
   (haberfix --eh-*, style.css --primary/--bg-*, sosyalfix --sf-*)
   ---------------------------------------------------------------- */
:root {
  /* Şener Müzik paleti */
  --sm-bg:           #0e0709;
  --sm-bg2:          #160c0f;
  --sm-glass:        rgba(26, 14, 18, .86);
  --sm-glass-strong: rgba(20, 11, 14, .92);
  --sm-glass-soft:   rgba(34, 18, 23, .55);
  --sm-border:       rgba(255, 120, 130, .14);
  --sm-border-2:     rgba(255, 120, 130, .24);
  --sm-red:          #d32030;
  --sm-red-light:    #ff5560;
  --sm-pink:         #ff6b80;   /* italik vurgu kelimeleri */
  --sm-gold:         #e6b35a;   /* ♦ rozet detayı */
  --sm-text:         #f4eaec;
  --sm-text-2:       #cdb7bb;
  --sm-mute:         #b09499;
  --sm-grad:         linear-gradient(135deg, #ff5d68 0%, #d32030 55%, #a01825 100%);
  --sm-grad-soft:    linear-gradient(135deg, rgba(255,93,104,.16), rgba(211,32,48,.10));
  --sm-display:      'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --sm-serif:        'Fraunces', Georgia, 'Times New Roman', serif;

  /* === haberfix.css (--eh-*) — açık değerleri koyuya çevir === */
  --eh-paper:        var(--sm-bg);
  --eh-cream:        var(--sm-bg2);
  --eh-ink:          #0b0608;          /* menü/footer zemini (zaten koyuydu, ısıt) */
  --eh-ink-soft:     #1a1014;
  --eh-text:         var(--sm-text);
  --eh-text-soft:    var(--sm-text-2);
  --eh-text-mute:    var(--sm-mute);
  --eh-border:       var(--sm-border);
  --eh-orange:       var(--sm-red);
  --eh-orange-dark:  #a01825;
  --eh-orange-light: var(--sm-red-light);
  --eh-grad-fire:    var(--sm-grad);
  --eh-body:         var(--sm-display);
  --eh-display:      var(--sm-display);
  --eh-serif:        var(--sm-serif);

  /* === style.css 1. blok (--primary/--bg-light/--text-*) === */
  --primary:         var(--sm-red);
  --primary-dark:    #a01825;
  --secondary:       #2a1a1f;
  --accent:          var(--sm-gold);
  --bg-light:        var(--sm-bg2);
  --text-dark:       var(--sm-text);
  --text-muted:      var(--sm-mute);
  --border:          var(--sm-border);
  --shadow:          0 10px 30px rgba(0,0,0,.5);
  --shadow-hover:    0 18px 44px rgba(0,0,0,.6);

  /* === style.css 2. blok (--bg-primary/--bg-card/--text-primary) === */
  --bg-primary:      var(--sm-bg);
  --bg-secondary:    var(--sm-bg2);
  --bg-card:         var(--sm-glass);
  --text-primary:    var(--sm-text);
  --text-secondary:  var(--sm-text-2);
  --header-bg:       var(--sm-glass-strong);
  --footer-bg:       #0a0507;
  --reading-font-family: 'Hanken Grotesk', system-ui, sans-serif;

  /* === sosyalfix.css (--sf-*) === */
  --sf-kirmizi:      var(--sm-red);
  --sf-ink:          var(--sm-text);    /* sf-ink = metin → açık */
  --sf-zemin:        var(--sm-bg);
  --sf-border:       var(--sm-border);
  --sf-mavi:         #4db5ff;
  --sf-mute:         var(--sm-mute);
}

/* ----------------------------------------------------------------
   2) ATMOSFER — gövde zemini (sol-üst crimson parıltı)
   ---------------------------------------------------------------- */
body.gece {
  background-color: var(--sm-bg);
  background-image:
    radial-gradient(1200px 620px at 12% -6%,  rgba(211,32,48,.30), transparent 60%),
    radial-gradient(900px 520px  at 102% 2%,  rgba(120,18,28,.24), transparent 55%),
    linear-gradient(180deg, #170c0f 0%, #0d0608 52%, #0a0507 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: var(--sm-text);
  font-family: var(--sm-display);
  -webkit-font-smoothing: antialiased;
}
body.gece .eh-wrap,
body.gece .container { position: relative; z-index: 1; }

/* ----------------------------------------------------------------
   3) TİPOGRAFİ — Hanken Grotesk başlık/gövde, Fraunces italik vurgu
   ---------------------------------------------------------------- */
body.gece h1, body.gece h2, body.gece h3,
body.gece h4, body.gece h5, body.gece h6 {
  font-family: var(--sm-display);
  color: var(--sm-text);
  letter-spacing: -.015em;
}
body.gece h1, body.gece h2 { font-weight: 800; }

/* İMZA: başlık içindeki <em> / .sm-vurgu → Fraunces italik pembe */
body.gece h1 em, body.gece h2 em, body.gece h3 em,
body.gece .sm-vurgu {
  font-family: var(--sm-serif);
  font-style: italic;
  font-weight: 500;
  color: var(--sm-pink);
  letter-spacing: 0;
}
body.gece p,
body.gece .eh-text-mute,
body.gece .text-muted,
body.gece small { color: var(--sm-text-2); }
body.gece .text-muted { color: var(--sm-mute) !important; }
body.gece .text-dark,
body.gece .text-black,
body.gece .text-body { color: var(--sm-text) !important; }

body.gece a { color: var(--sm-text); }
body.gece a:not(.btn):not(.eh-bolum-link):not(.menu-list a):hover { color: var(--sm-pink); }

/* ----------------------------------------------------------------
   4) ÜST ŞERİT (info bar) — ince koyu cam
   ---------------------------------------------------------------- */
body.gece .top-bar,
body.gece .eh-tepe {
  background: var(--sm-glass-strong) !important;
  color: var(--sm-mute) !important;
  border-bottom: 1px solid var(--sm-border);
  backdrop-filter: blur(10px);
}
body.gece .top-bar a,
body.gece .eh-tepe a { color: var(--sm-text-2); }
body.gece .top-bar a:hover,
body.gece .eh-tepe a:hover { color: var(--sm-pink); }

/* ----------------------------------------------------------------
   5) HEADER — koyu cam
   ---------------------------------------------------------------- */
body.gece .site-header,
body.gece .eh-header {
  background: rgba(14, 8, 10, .72) !important;
  border-bottom: 1px solid var(--sm-border) !important;
  backdrop-filter: blur(18px) saturate(140%);
}

/* ----------------------------------------------------------------
   6) ANA MENÜ — cam pill çubuk + crimson aktif alt çizgi
   ---------------------------------------------------------------- */
body.gece nav.main-menu,
body.gece .main-menu,
body.gece .main-menu.sticky-top,
body.gece .eh-menu-bar {
  background: rgba(16, 9, 11, .72) !important;
  border-top: 1px solid var(--sm-border) !important;
  border-bottom: 1px solid var(--sm-border) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.45) !important;
  backdrop-filter: blur(16px) saturate(140%);
}
body.gece .menu-list a,
body.gece .eh-menu a { color: var(--sm-text); }
body.gece .menu-list a:hover,
body.gece .eh-menu a:hover { color: var(--sm-pink) !important; }
body.gece .menu-list a.active { color: #fff; position: relative; }
body.gece .menu-list a.active::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -6px;
  height: 3px; border-radius: 3px;
  background: var(--sm-grad);
}
body.gece .mobile-menu-toggle {
  background: var(--sm-glass) !important;
  color: var(--sm-text) !important;
  border: 1px solid var(--sm-border) !important;
  border-radius: 12px;
}

/* ----------------------------------------------------------------
   7) SON DAKİKA / DUYURU ŞERİDİ — parlak kırmızı (zaten gradient)
   ---------------------------------------------------------------- */
body.gece .eh-son-dakika {
  background: var(--sm-grad) !important;
  color: #fff;
  box-shadow: 0 8px 28px rgba(211,32,48,.35);
}

/* ----------------------------------------------------------------
   8) YÜZEYLER — kartlar / paneller / widget'lar → CAM
   ---------------------------------------------------------------- */
body.gece .card,
body.gece [class*="-kart"],
body.gece [class*="-item"],
body.gece .widget,
body.gece .panel,
body.gece .box,
body.gece .eh-yan-kart,
body.gece .sidebar-widget,
body.gece .haber-kutu,
body.gece .list-group-item {
  background: var(--sm-glass) !important;
  border: 1px solid var(--sm-border) !important;
  color: var(--sm-text);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 26px rgba(0,0,0,.34);
}
body.gece .card:hover,
body.gece [class*="-kart"]:hover,
body.gece .eh-yan-kart:hover {
  border-color: var(--sm-border-2) !important;
  box-shadow: 0 14px 38px rgba(211,32,48,.18);
}
/* kart başlık / metin renkleri */
body.gece .card *,
body.gece [class*="-kart"] h1, body.gece [class*="-kart"] h2,
body.gece [class*="-kart"] h3, body.gece [class*="-kart"] h4,
body.gece [class*="-kart"] h5, body.gece [class*="-kart"] a { color: var(--sm-text); }

/* Bootstrap açık zemin yardımcı sınıfları */
body.gece .bg-white,
body.gece .bg-light,
body.gece .bg-body,
body.gece .bg-body-tertiary,
body.gece .bg-secondary { background: var(--sm-glass) !important; }
body.gece .border { border-color: var(--sm-border) !important; }
body.gece hr { border-color: var(--sm-border); opacity: 1; }

/* Tablolar */
body.gece table, body.gece .table { color: var(--sm-text); }
body.gece .table > :not(caption) > * > * { background: transparent; border-color: var(--sm-border); }
body.gece thead th { color: var(--sm-text-2); border-color: var(--sm-border-2); }

/* ----------------------------------------------------------------
   9) ROZET / EYEBROW (♦ ... ) — cam pill + crimson yazı + altın nokta
   ---------------------------------------------------------------- */
body.gece .eh-bolum-baslik,
body.gece .eh-bolum-baslik-sol > span:first-child,
body.gece .eyebrow,
body.gece .rozet {
  color: var(--sm-text);
}
body.gece .eh-chip,
body.gece .badge.bg-light,
body.gece .badge.bg-secondary {
  background: var(--sm-grad-soft) !important;
  border: 1px solid var(--sm-border-2);
  color: var(--sm-red-light) !important;
}

/* ----------------------------------------------------------------
   10) BUTONLAR — crimson gradient pill
   ---------------------------------------------------------------- */
body.gece .btn-primary,
body.gece .btn-danger,
body.gece .eh-bolum-link,
body.gece .btn-kayit,
body.gece .btn-uye.btn-kayit,
body.gece .bulten-btn,
body.gece .sf-btn-birincil,
body.gece button[type="submit"].btn-primary,
body.gece .cta,
body.gece .buton-birincil {
  background: var(--sm-grad) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 26px rgba(211,32,48,.32);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body.gece .btn-primary:hover,
body.gece .eh-bolum-link:hover,
body.gece .btn-kayit:hover,
body.gece .bulten-btn:hover,
body.gece .cta:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 16px 36px rgba(211,32,48,.42);
  color: #fff !important;
}
/* İkincil / outline butonlar → cam */
body.gece .btn-outline-primary,
body.gece .btn-secondary,
body.gece .btn-light,
body.gece .btn-giris,
body.gece .btn-uye.btn-giris {
  background: var(--sm-glass) !important;
  border: 1px solid var(--sm-border-2) !important;
  color: var(--sm-text) !important;
  border-radius: 999px !important;
}
body.gece .btn-outline-primary:hover,
body.gece .btn-giris:hover { border-color: var(--sm-red-light) !important; color: #fff !important; }

/* ----------------------------------------------------------------
   11) FORM ALANLARI — koyu cam + crimson odak
   ---------------------------------------------------------------- */
body.gece input,
body.gece textarea,
body.gece select,
body.gece .form-control,
body.gece .form-select,
body.gece .search-form input,
body.gece .bulten-input,
body.gece .eh-arama input {
  background: rgba(10, 6, 8, .55) !important;
  border: 1px solid var(--sm-border) !important;
  color: var(--sm-text) !important;
}
body.gece input::placeholder,
body.gece textarea::placeholder { color: var(--sm-mute); }
body.gece input:focus,
body.gece textarea:focus,
body.gece select:focus,
body.gece .form-control:focus,
body.gece .search-form input:focus,
body.gece .eh-arama input:focus {
  border-color: var(--sm-red-light) !important;
  box-shadow: 0 0 0 4px rgba(211,32,48,.18) !important;
  outline: none;
}
body.gece .search-form button,
body.gece .eh-arama button { color: var(--sm-red-light) !important; }

/* ----------------------------------------------------------------
   12) FOOTER — en koyu
   ---------------------------------------------------------------- */
body.gece footer.site-footer,
body.gece .site-footer {
  background: #0a0507 !important;
  border-top: 1px solid var(--sm-border);
  color: var(--sm-text-2) !important;
}
body.gece .site-footer a:hover { color: var(--sm-pink) !important; }
body.gece .ajans-cubugu { background: var(--sm-glass-soft) !important; border-color: var(--sm-border); }

/* ----------------------------------------------------------------
   13) SOSYALFIX — gönderi kartları + sol/sağ paneller
   ---------------------------------------------------------------- */
body.gece .sf-gonderi,
body.gece .sf-kart,
body.gece .sf-panel,
body.gece .sf-yan,
body.gece [class*="sf-kutu"] {
  background: var(--sm-glass) !important;
  border: 1px solid var(--sm-border) !important;
  color: var(--sm-text);
  backdrop-filter: blur(10px);
}
body.gece .sf-gonderi:hover { border-color: var(--sm-border-2) !important; }
body.gece .sf-mesaj-balon.benim { background: var(--sm-grad) !important; color: #fff; }
body.gece .sf-mesaj-balon.karsi { background: var(--sm-glass-strong) !important; color: var(--sm-text); }

/* ----------------------------------------------------------------
   14) DETAYLAR — kaydırma çubuğu, seçim, odak, hareket azaltma
   ---------------------------------------------------------------- */
body.gece ::selection { background: rgba(211,32,48,.40); color: #fff; }
body.gece ::-webkit-scrollbar { width: 12px; height: 12px; }
body.gece ::-webkit-scrollbar-track { background: #0b0608; }
body.gece ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #4a2025, #2a1418);
  border-radius: 999px; border: 3px solid #0b0608;
}
body.gece ::-webkit-scrollbar-thumb:hover { background: #5a262c; }
body.gece a:focus-visible,
body.gece button:focus-visible,
body.gece input:focus-visible {
  outline: 2px solid var(--sm-red-light);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  body.gece * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* Logo görünürlüğü güvenliği: koyu logoları görünür kılmak için
   gerekirse aşağıdaki satırı açın (logo açık/şeffaf değilse):
   body.gece .site-logo img { filter: brightness(0) invert(1); } */

/* =====================================================================
   KOYU MOD DÜZELTMELERİ (kontrast) — Tur 6.1
   Sorun: --eh-ink hem koyu zemin (menü/footer) hem koyu BAŞLIK metni
   için kullanılıyordu → başlıklar siyah kalıyordu. Ayrıca bazı kart /
   bölüm zeminleri #fff sabitti. Aşağıda metinler açık, zeminler koyu.
   ===================================================================== */

/* anasayfa-modern.css kendi --kg-* setini kullanıyor → koyuya çevir */
:root {
  --kg-text:        #f4eaec;
  --kg-text-muted:  #b09499;
  --kg-border:      rgba(255,120,130,.14);
  --kg-bg-light:    #160c0f;
  --kg-bg-card:     rgba(42,20,26,.42);
}

/* 1) BAŞLIK METİNLERİNİ AÇ (siyah --eh-ink yerine açık) */
body.gece h1, body.gece h2, body.gece h3,
body.gece h4, body.gece h5, body.gece h6 { color: var(--sm-text) !important; }

body.gece .eh-ed-baslik,
body.gece .eh-ed-kucuk-baslik,
body.gece .eh-ed-kucuk-kat,
body.gece .eh-ed-ozet,
body.gece .eh-ed-list .title,
body.gece .eh-kat-baslik,
body.gece .eh-kat-kart-baslik,
body.gece .eh-ozet-baslik,
body.gece .eh-yorum-baslik,
body.gece .eh-sss-soru,
body.gece .eh-sss-cevap,
body.gece .eh-baglanti-ad,
body.gece .eh-chip-ad,
body.gece .eh-takip-ad,
body.gece .eh-duyuru-icerik,
body.gece [class*="-baslik"]:not(.eh-bolum-baslik):not(.eh-bolum-baslik-sol),
body.gece [class$="-ad"] { color: var(--sm-text) !important; }

/* ozet/aciklama/meta türü ikincil metinler → yumuşak açık */
body.gece .eh-ed-ozet,
body.gece .eh-kat-ozet,
body.gece .eh-ozet-aciklama,
body.gece .eh-stat-aciklama,
body.gece [class*="-aciklama"],
body.gece [class*="-ozet"] { color: var(--sm-text-2) !important; }

/* 2) BEYAZ KART / BÖLÜM ZEMİNLERİNİ KOYULAŞTIR */
body.gece .eh-ed-orta,
body.gece .eh-ed-kucuk,
body.gece .eh-ed-list,
body.gece .eh-yorum-kart,
body.gece .eh-sss-item,
body.gece .eh-baglanti-item,
body.gece .eh-kat-kart-icerik,
body.gece .eh-kat-sag,
body.gece .son-dakika-wrap,
body.gece .ust-bolum,
body.gece .kategori-blok,
body.gece .kategori-mini-blok {
  background: var(--sm-glass) !important;
  border-color: var(--sm-border) !important;
}
/* .eh-bolum zaten şeffaf; cream bölümler --eh-cream(koyu) ile gelir */
body.gece .eh-bolum-alt { background: var(--sm-bg2) !important; }

/* 3) ÜYE DROPDOWN MENÜSÜ (style.css’te #fff sabitliydi) */
body.gece .uye-dropdown-menu { background: var(--sm-glass-strong) !important; border: 1px solid var(--sm-border) !important; backdrop-filter: blur(14px); }
body.gece .uye-dropdown-menu .uye-bilgi { background: var(--sm-glass-soft) !important; border-bottom: 1px solid var(--sm-border) !important; }
body.gece .uye-dropdown-menu a { color: var(--sm-text) !important; }
body.gece .uye-dropdown-menu a:hover { background: var(--sm-glass) !important; color: #fff !important; }
body.gece .uye-dropdown-menu a i { color: var(--sm-mute) !important; }
body.gece .uye-dropdown-menu .cikis-link,
body.gece .uye-dropdown-menu .cikis-link i { color: var(--sm-crimson, #ff5a66) !important; }

/* 4) PİYASA ŞERİDİ (eh-piyasa: cream/#fef2f2 sabitleri) */
body.gece .eh-piyasa { background: linear-gradient(135deg, var(--sm-bg2) 0%, var(--sm-bg) 100%) !important; }
body.gece .eh-piyasa-baslik { color: var(--sm-text) !important; }
body.gece .eh-piyasa-track::before { background: linear-gradient(to right, var(--sm-bg2), transparent) !important; }
body.gece .eh-piyasa-track::after  { background: linear-gradient(to left,  var(--sm-bg2), transparent) !important; }
body.gece .eh-piyasa-item,
body.gece .eh-piyasa-item .sembol,
body.gece .eh-piyasa-item .deger { color: var(--sm-text) !important; }

/* =====================================================================
   ANA MENÜ — SOSYALFIX BUTONU (görünür CTA)
   ===================================================================== */
.main-menu .menu-list .menu-sosyalfix { display: flex; align-items: center; margin-left: 6px; }
.main-menu .menu-list .menu-sosyalfix > a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 16px; border-radius: 999px;
  background: linear-gradient(135deg, #e3263a 0%, #a01824 100%);
  color: #fff !important; font-weight: 800; letter-spacing: .2px;
  box-shadow: 0 6px 18px rgba(211,32,48,.38);
  border: 1px solid rgba(255,140,150,.35);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.main-menu .menu-list .menu-sosyalfix > a::before { content: none; }
.main-menu .menu-list .menu-sosyalfix > a:hover {
  transform: translateY(-1px); filter: brightness(1.08);
  box-shadow: 0 10px 26px rgba(211,32,48,.5);
}
.main-menu .menu-list .menu-sosyalfix > a i { color: #fff !important; }
.menu-sosyalfix-rozet {
  font-size: 9px; font-weight: 900; line-height: 1; letter-spacing: .5px;
  background: #fff; color: #c01a28; padding: 3px 6px; border-radius: 6px;
  margin-left: 2px; transform: translateY(-1px);
}
@media (max-width: 991px){
  .main-menu .menu-list .menu-sosyalfix { margin: 6px 0; }
  .main-menu .menu-list .menu-sosyalfix > a { width: 100%; justify-content: center; }
}

/* =====================================================================
   HABER OKUMA — SAĞ KENAR WIDGET'LARI (soluk/mor → net koyu)
   --sm-glass yalnız %42 opaktı; arkadaki parlak crimson atmosferi
   emip dusty mor gösteriyordu. Widget'ları opak koyu + okunur yap.
   ===================================================================== */
body.gece .widget {
  background: #140b0e !important;
  border: 1px solid var(--sm-border) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.40) !important;
}
body.gece .widget-title { color: var(--sm-text) !important; }
body.gece .widget .piyasa-item {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--sm-border) !important;
}
body.gece .widget .piyasa-item .lbl { color: var(--sm-mute) !important; }
body.gece .widget .piyasa-item .val { color: var(--sm-text) !important; }
body.gece .widget .hava-content,
body.gece .widget .gundem-item,
body.gece .widget .gundem-list a { color: var(--sm-text) !important; }
body.gece .widget small, body.gece .widget .text-muted { color: var(--sm-mute) !important; }

/* =====================================================================
   .haber-kart (ilgili haberler / liste kartları) — beyaz #fff idi,
   koyu zeminde tozlu mor görünüyordu → opak koyu + okunur meta.
   Boş .reklam-alani kutusu da şeffaf yapıldı.
   ===================================================================== */
body.gece .haber-kart,
body.gece .haber-kart-buyuk {
  background: #140b0e !important;
  border: 1px solid var(--sm-border) !important;
}
body.gece .haber-kart .haber-icerik,
body.gece .haber-kart-buyuk .haber-icerik { background: transparent !important; }
body.gece .haber-kart h4, body.gece .haber-kart h5,
body.gece .haber-kart-buyuk h4, body.gece .haber-kart-buyuk h5 { color: var(--sm-text) !important; }
body.gece .haber-kart small,
body.gece .haber-kart .haber-icerik small,
body.gece .haber-kart-buyuk small { color: var(--sm-mute) !important; }
body.gece .haber-kart:hover { border-color: var(--sm-border-2) !important; box-shadow: 0 14px 38px rgba(211,32,48,.18) !important; }

/* boş reklam slotu görünmesin */
body.gece .reklam-alani { background: transparent !important; border: none !important; }

/* =====================================================================
   DÜZELTME PAKETİ — TAM KAPSAM (kullanıcı bildirimi: 4 sorun)
   ===================================================================== */

/* (1) CHECKBOX / RADIO — global "input" kuralı tik işaretini eziyordu.
   Ayır ve çalışır/görünür crimson onay kutusu ver. */
body.gece input[type="checkbox"],
body.gece input[type="radio"],
body.gece .form-check-input {
  -webkit-appearance: none; appearance: none;
  width: 1.2em !important; height: 1.2em !important;
  margin-top: .15em;
  background-color: rgba(255,255,255,.06) !important;
  background-image: none !important;
  border: 1.5px solid var(--sm-border-2) !important;
  border-radius: .28em;
  cursor: pointer; vertical-align: top;
  position: relative; z-index: 2;
  box-shadow: none !important;
}
body.gece input[type="radio"], body.gece .form-check-input[type="radio"] { border-radius: 50%; }
body.gece .form-check-input:checked {
  background-color: var(--sm-red) !important;
  border-color: var(--sm-red) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
  background-size: .85em; background-repeat: no-repeat; background-position: center;
}
body.gece .form-check-input:focus { box-shadow: 0 0 0 3px rgba(211,32,48,.25) !important; }
body.gece .form-check-label, body.gece .form-check { cursor: pointer; }

/* (2) BEYAZ → OPAK KOYU SÜPÜRGESİ (tema hiç ezmemiş #fff bölüm/kartlar) */
body.gece .eh-canli-kart, body.gece .eh-yazar-kart, body.gece .eh-kat-kart,
body.gece .eh-podcast-kart, body.gece .eh-data-kart, body.gece .eh-etkinlik-kart,
body.gece .eh-yorum-kart, body.gece .eh-baglanti-item, body.gece .eh-sss-item,
body.gece .eh-vitrin-kart, body.gece .eh-s2yan-kart, body.gece .eh-video-kart,
body.gece .eh-galeri-kart, body.gece .eh-ed-kucuk, body.gece .eh-chip,
body.gece .eh-trending-tags a,
body.gece .yazar-kart, body.gece .yazar-kart-mini, body.gece .burc-kart,
body.gece .editor-stripe-kart, body.gece .editor-secim-kart, body.gece .pwa-yukle,
body.gece .yorumlu-kart, body.gece .widget-anket, body.gece .anket-secenek,
body.gece .trend-yatay-list li,
body.gece .kategori-blok, body.gece .kategori-mini-blok,
body.gece .son-dakika-wrap, body.gece .ust-bolum, body.gece .son-dakika-ticker,
body.gece .eh-slider2-numaralar, body.gece .paylas-butonlar-modern,
body.gece .search-form {
  background: #140b0e !important;
  border-color: var(--sm-border) !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
body.gece .eh-bolum-alt { background: var(--sm-bg2) !important; }
body.gece .haber-detay { background: transparent !important; }

/* bu yüzeylerdeki başlık/metin/meta okunur */
body.gece .eh-kat-kart small, body.gece .yazar-kart small, body.gece .burc-kart small,
body.gece .eh-yorum-kart small, body.gece .yorumlu-kart small,
body.gece [class*="-kart"] .tarih, body.gece [class*="-kart"] .meta { color: var(--sm-mute) !important; }
body.gece .eh-slider2-no { color: var(--sm-text) !important; }
body.gece .eh-slider2-no.aktif, body.gece .eh-slider2-no.active { color: #fff !important; }
body.gece .paylas-butonlar-modern .paylas-label { color: var(--sm-text) !important; }

/* (3) SAĞ ÜST — arama kutusu + sosyal ikonlar okunur/görünür */
body.gece .ikon-btn, body.gece .social-links a, body.gece .sosyal-grup a, body.gece .sosyal-medya a {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  border: 1px solid var(--sm-border) !important;
}
body.gece .ikon-btn:hover, body.gece .social-links a:hover, body.gece .sosyal-grup a:hover {
  background: var(--sm-red) !important; border-color: var(--sm-red) !important; color: #fff !important;
}
body.gece .search-form input, body.gece .eh-arama input { color: var(--sm-text) !important; }
body.gece .search-form input::placeholder { color: var(--sm-mute) !important; }