/* ===============================
   THEME VARIABLES
=============================== */

/* GÜNDÜZ MODU */
:root{
    --bg:#f6f7fb;
    --card:#ffffff;
    --text:#111111;
    --muted:#636e72;
    --border:#e3e6ea;
    --accent:#f5d98b;
    --accent-text:#6b4f00;
}

/* GECE MODU */
body[data-theme="dark"]{
    --bg:#666666;
    --card:#1a1d24;
    --text:#f1f1f1;
    --muted:#9aa0a6;
    --border:#2a2e38;
}

/* ===============================
   BASE THEME
=============================== */

body{
    background:var(--bg);
    color:var(--text);
}

.yorum-kart,
.yazar-profil-card{
    background:var(--card);
    border-color:var(--border);
}

/* Metinler */
strong,h1,h2,h3,h4{ color:var(--text); }
.yazar-profil-sub,
.yazar-profil-text{ color:var(--muted); }

/* ===============================
   COMMENT LEFT STATUS BAR
=============================== */

.yorum-kart.kazandi{ border-left:6px solid #10ac84; }
.yorum-kart.kaybetti{ border-left:6px solid #ee5253; }
.yorum-kart.beklemede{ border-left:6px solid #feca57; }

/* ===============================
   COMMENT STATUS BADGES
=============================== */

.yorum-kart{
    position:relative;
    overflow:visible;
}

/* Sağ üst: Kazandı / Beklemede */
.yorum-durum{
    position:absolute;
    top:12px;
    right:12px;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
    border-radius:12px;
    z-index:10;
}

.yorum-durum.kazandi{
    background:#e6fff5;
    color:#10ac84;
}
.yorum-durum.kaybetti{
    background:#ffecec;
    color:#ee5253;
}
.yorum-durum.beklemede{
    background:#fff5db;
    color:#e1a100;
}

/* Sağ alt: Maç zamanı */
.mac-etiket{
    position:absolute;
    bottom:12px;
    right:12px;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
    border-radius:12px;
}

.mac-cok-yakin{
    background:#ffecec;
    color:#ee5253;
}
.mac-yakin{
    background:#fff4e0;
    color:#e17055;
}
.mac-normal{
    background:#eef2f7;
    color:#636e72;
}

/* ===============================
   COMMENT BADGES (FINAL)
=============================== */

.yorum-kart{
    position:relative;
    overflow:visible;
}

/* Sağ üst: Kazandı / Beklemede */
.yorum-durum{
    position:absolute;
    top:12px;
    right:12px;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
    border-radius:12px;
    z-index:10;
    background:#eef2f7;
    color:#111;
}

.yorum-durum.kazandi{
    background:#e6fff5;
    color:#10ac84;
}
.yorum-durum.kaybetti{
    background:#ffecec;
    color:#ee5253;
}
.yorum-durum.beklemede{
    background:#fff5db;
    color:#e1a100;
}

/* Sağ alt: Maç zamanı */
.mac-etiket{
    position:absolute;
    bottom:12px;
    right:12px;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
    border-radius:12px;
    background:#eef2f7;
    color:#636e72;
}

.mac-cok-yakin{ background:#ffecec; color:#ee5253; }
.mac-yakin{ background:#fff4e0; color:#e17055; }
.mac-normal{ background:#eef2f7; color:#636e72; }

/* ===============================
   PREMIUM LOCKED CARD FIX
=============================== */

/* Premium kapalı kart */
.yorum-kart.premium-locked{
    background: linear-gradient(135deg,#0f0f0f,#1c1c1c);
    color:#ffffff;
    border:1px solid #2a2e38;
}

/* Başlık */
.yorum-kart.premium-locked h4{
    color:#ffffff;
}

/* Açıklama metni */
.yorum-kart.premium-locked p,
.yorum-kart.premium-locked em,
.yorum-kart.premium-locked strong{
    color:#eaeaea;
}

/* CTA Butonu */
.yorum-kart.premium-locked a{
    background: linear-gradient(135deg,#f7e7b4,#f5d98b);
    color:#111111 !important;
    text-decoration:none;
}

/* Gece modunda ekstra kontrast */
body[data-theme="dark"] .yorum-kart.premium-locked a{
    color:#111111 !important;
}

/* ===============================
   PROFILE HEADER – PREMIUM VITRIN (STEP 1)
=============================== */

/* Header kartı – soft premium arka plan */
.yazar-profil-card{
    background:
        linear-gradient(
            135deg,
            rgba(245,217,139,0.25),
            rgba(255,255,255,0.9)
        );
    border:1px solid var(--border);
}

/* Gece modu için daha koyu ama soft */
body[data-theme="dark"] .yazar-profil-card{
    background:
        linear-gradient(
            135deg,
            rgba(245,217,139,0.12),
            rgba(26,29,36,0.95)
        );
    border:1px solid #2a2e38;
}

/* Avatar – hafif premium glow */
.yazar-profil-avatar{
    box-shadow:
        0 0 0 4px rgba(255,255,255,0.9),
        0 0 18px rgba(245,217,139,0.55);
}

/* Gece modunda glow biraz daha yumuşak */
body[data-theme="dark"] .yazar-profil-avatar{
    box-shadow:
        0 0 0 4px rgba(26,29,36,0.9),
        0 0 22px rgba(245,217,139,0.35);
}

/* Header metin kontrastı */
.yazar-profil-name{
    color:var(--text);
}

.yazar-profil-sub{
    color:var(--muted);
}
/* ===============================
   PROFILE – LAST 5 SCORE BAND (STEP 2)
=============================== */

/* Son 5 alanını bant gibi ayır */
.yazar-profil-ozet{
    background: rgba(255,255,255,0.65);
    border-radius:14px;
    padding:14px 16px;
    margin-top:18px;
}

/* Gece modu */
body[data-theme="dark"] .yazar-profil-ozet{
    background: rgba(26,29,36,0.9);
}

/* İkonlar daha düzenli */
.yazar-profil-icons{
    display:flex;
    gap:8px;
    font-size:20px;
    margin-bottom:8px;
}

/* Alt yazıyı badge görünümüne yaklaştır */
.yazar-profil-text{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    font-size:12px;
}

/* Kazandı / Kaybetti / Beklemede sayılarını ayır */
.yazar-profil-text span{
    background: rgba(0,0,0,0.04);
    padding:4px 10px;
    border-radius:10px;
    font-weight:700;
}

/* Gece modu badge */
body[data-theme="dark"] .yazar-profil-text span{
    background: rgba(255,255,255,0.06);
}

/* ===============================
   PROFILE HEADER – MAIN SHOWCASE (A)
=============================== */

/* Header kartına netlik */
.yazar-profil-card{
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* İsim daha güçlü */
.yazar-profil-name{
    letter-spacing:0.3px;
}

/* Alt açıklama daha net ama sade */
.yazar-profil-sub{
    opacity:0.85;
}

/* Son 5 ikonlar hizalı ve net */
.yazar-profil-icons{
    display:flex;
    gap:6px;
    align-items:center;
}

/* Header alt çizgiyi yumuşat */
.yazar-profil-ozet{
    border-top:1px solid rgba(0,0,0,0.08);
}

body[data-theme="dark"] .yazar-profil-ozet{
    border-top:1px solid rgba(255,255,255,0.12);
}

/* ===============================
   PROFILE HEADER – AUTHORITY LINE
=============================== */

.yazar-profil-card{
    position: relative;
}

/* Header altına güç çizgisi */
.yazar-profil-card::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:3px;
    background: linear-gradient(
        90deg,
        #f5d98b,
        rgba(245,217,139,0.2)
    );
    border-radius:2px;
}

/* Gece modu */
body[data-theme="dark"] .yazar-profil-card::after{
    background: linear-gradient(
        90deg,
        #f5d98b,
        rgba(245,217,139,0.35)
    );
}
/* ===============================
   PROFILE HEADER – SUBTLE PREMIUM BADGE
=============================== */

/* İsim yanına küçük rozet hissi */
.yazar-profil-name::after{
    content:"UZMAN";
    margin-left:8px;
    padding:3px 7px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.4px;
    border-radius:6px;
    vertical-align:middle;

    background: linear-gradient(
        135deg,
        #f5d98b,
        #e7c766
    );
    color:#111;
}

/* Gece modu kontrast */
body[data-theme="dark"] .yazar-profil-name::after{
    color:#111;
}
/* ===============================
   PROFILE HEADER – SUBTLE GOLD AVATAR RING
=============================== */

.yazar-profil-avatar{
    box-shadow:
        0 0 0 2px #f5d98b,
        0 8px 18px rgba(0,0,0,0.12);
}

/* Gece modu – biraz daha yumuşak */
body[data-theme="dark"] .yazar-profil-avatar{
    box-shadow:
        0 0 0 2px rgba(245,217,139,0.9),
        0 8px 22px rgba(0,0,0,0.45);
}
/* ===============================
   COMMENT CARDS – SUBTLE DEPTH
=============================== */

.yorum-kart{
    box-shadow:
        0 6px 18px rgba(0,0,0,0.06),
        0 2px 6px rgba(0,0,0,0.04);
    margin-bottom:22px;
}

/* Gece modu – daha yumuşak ama belirgin */
body[data-theme="dark"] .yorum-kart{
    box-shadow:
        0 10px 28px rgba(0,0,0,0.45),
        0 4px 10px rgba(0,0,0,0.35);
}
/* ===============================
   PREMIUM STATUS – DARK MODE FIX
=============================== */

body[data-theme="dark"] .premium-status-card{
    background:linear-gradient(135deg,#1a1d24,#111318);
    border-color:#f5d98b;
}

body[data-theme="dark"] .premium-status-header{
    color:#f5d98b;
}

body[data-theme="dark"] .premium-dates,
body[data-theme="dark"] .premium-dates strong{
    color:#e0e0e0;
}

body[data-theme="dark"] .premium-progress{
    background:#2a2e38;
}

/* Uyarılar */
body[data-theme="dark"] .premium-alert.warning{
    background:#3a2f12;
    color:#ffd36a;
}

body[data-theme="dark"] .premium-alert.danger{
    background:#3a1c1c;
    color:#ff9a9a;
}

/* Premium süresi bitmiş kart */
body[data-theme="dark"] .premium-expired{
    background:#161a22;
    border-color:#3a3f4b;
}

body[data-theme="dark"] .premium-expired h4{
    color:#ff9a9a;
}

body[data-theme="dark"] .premium-expired p{
    color:#d0d0d0;
}

body[data-theme="dark"] .premium-renew a{
    background:linear-gradient(135deg,#f5d98b,#e7c766);
    color:#111;
}
/* ===============================
   PREMIUM PAGE – DOSTLAR DARK FIX
=============================== */

body[data-theme="dark"] .club-card[data-club="Dostlar Kulübü"]{
    background: linear-gradient(180deg,#1a1d24,#111318);
    border-color:#3a3f4b;
    color:#f1f1f1;
}

/* Başlık */
body[data-theme="dark"] .club-card[data-club="Dostlar Kulübü"] .club-title{
    color:#f1f1f1;
}

/* Fiyat */
body[data-theme="dark"] .club-card[data-club="Dostlar Kulübü"] .club-price{
    color:#dcdde1;
}

/* Özellik listesi */
body[data-theme="dark"] .club-card[data-club="Dostlar Kulübü"] .club-features li{
    color:#d0d0d0;
}

/* Bullet noktalar */
body[data-theme="dark"] .club-card[data-club="Dostlar Kulübü"] .club-features li::before{
    color:#9aa0a6;
}
/* ===============================
   PREMIUM PAGE – BEYLER ELITE DARK
=============================== */

body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"]{
    background: linear-gradient(
        180deg,
        #050505 0%,
        #0b0b0b 40%,
        #141414 100%
    );
    border:2px solid #f4cc8b;
    box-shadow:
        0 20px 60px rgba(244,204,139,.35),
        0 0 0 1px rgba(244,204,139,.4);
}

/* Başlık – Altın */
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"] .club-title{
    color:#f4cc8b;
    font-size:24px;
    letter-spacing:-0.4px;
}

/* Fiyat – Altın */
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"] .club-price{
    color:#f4cc8b;
}

/* Özellikler – Beyaz */
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"] .club-features li{
    color:#ffffff;
}

/* Altın bullet */
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"] .club-features li::before{
    color:#f4cc8b;
}

/* Hover / aktif – elit parıltı */
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"]:hover,
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"].active{
    transform: translateY(-6px);
    box-shadow:
        0 26px 70px rgba(244,204,139,.45),
        0 0 0 2px rgba(244,204,139,.6);
}

/* ===============================
   HEADER FIX – HER MODDA BEYAZ
=============================== */

.header,
.header *{
    color:#ffffff !important;
}
/* ===============================
   NOTIFICATION / DROPDOWN FIX
   (GÜNDÜZ + GECE UYUMLU)
=============================== */

.notification-box,
.notification-dropdown,
.notification-panel{
    background: var(--card);
    color: var(--text);
    border: 1px solid var(--border);
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* İç metinler */
.notification-box *,
.notification-dropdown *,
.notification-panel *{
    color: var(--text);
}

/* Küçük açıklamalar */
.notification-muted,
.notification-time{
    color: var(--muted);
}

/* Hover */
.notification-item:hover{
    background: rgba(0,0,0,0.04);
}

/* GECE MODU HOVER */
body[data-theme="dark"] .notification-item:hover{
    background: rgba(255,255,255,0.06);
}

/* ===============================
   NOTIFICATION / DROPDOWN FIX
   (GÜNDÜZ + GECE UYUMLU)
=============================== */

.notification-box,
.notification-dropdown,
.notification-panel{
    background: var(--card);
    color: var(--text);
    border: 1px solid var(--border);
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* İç metinler */
.notification-box *,
.notification-dropdown *,
.notification-panel *{
    color: var(--text);
}

/* Küçük açıklamalar */
.notification-muted,
.notification-time{
    color: var(--muted);
}

/* Hover */
.notification-item:hover{
    background: rgba(0,0,0,0.04);
}

/* GECE MODU HOVER */
body[data-theme="dark"] .notification-item:hover{
    background: rgba(255,255,255,0.06);
}
/* ==================================================
   FORCE FIX — NOTIFICATION LIGHT MODE
   (app.css & diğer her şeyi ezer)
================================================== */

body[data-theme="light"] .notification-box,
body[data-theme="light"] .notification-dropdown,
body[data-theme="light"] .notification-panel,
body[data-theme="light"] .notification,
body[data-theme="light"] .dropdown,
body[data-theme="light"] .dropdown-menu{
    background-color: var(--card) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

/* İçindeki HER ŞEY */
body[data-theme="light"] .notification-box *,
body[data-theme="light"] .notification-dropdown *,
body[data-theme="light"] .notification-panel *,
body[data-theme="light"] .notification *,
body[data-theme="light"] .dropdown *,
body[data-theme="light"] .dropdown-menu *{
    color: var(--text) !important;
}

/* Açıklama / zaman / küçük metinler */
body[data-theme="light"] .notification-muted,
body[data-theme="light"] .notification-time{
    color: var(--muted) !important;
}

/* Hover */
body[data-theme="light"] .notification-item:hover{
    background: rgba(0,0,0,0.05) !important;
}

/* Bildirim rozeti */
.notification-badge{
    background:#e74c3c !important;
    color:#fff !important;
}
/* ===============================
   🔔 NOTIFICATION SYSTEM
=============================== */

.notif-wrap{
    position:relative;
}

.notif-bell{
    cursor:pointer;
    font-size:18px;
}

.notif-count{
    position:absolute;
    top:-6px;
    right:-6px;
    background:#e74c3c;
    color:#fff;
    font-size:11px;
    padding:2px 6px;
    border-radius:50%;
    font-weight:700;
}

/* DROPDOWN */
.notif-dropdown{
    display:none;
    position:absolute;
    right:0;
    top:28px;
    width:280px;
    border-radius:12px;
    box-shadow:0 12px 30px rgba(0,0,0,.2);
    z-index:999;
    overflow:hidden;
}

/* ITEM */
.notif-item{
    display:block;
    padding:12px;
    font-size:13px;
    text-decoration:none;
}

/* ===============================
   LIGHT MODE
=============================== */
body[data-theme="light"] .notif-dropdown{
    background:#f9f9f9;
    border:1px solid #ddd;
}

body[data-theme="light"] .notif-item{
    color:#111;
    border-bottom:1px solid #e0e0e0;
}

body[data-theme="light"] .notif-item:hover{
    background:#ececec;
}

/* ===============================
   DARK MODE
=============================== */
body[data-theme="dark"] .notif-dropdown{
    background:#1f2a32;
}

body[data-theme="dark"] .notif-item{
    color:#f1f1f1;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

body[data-theme="dark"] .notif-item:hover{
    background:#2b3a42;
}
/* ===============================
   🔔 NOTIFICATION – FINAL OVERRIDE
   (HER ŞEYİN ÜZERİNE YAZAR)
=============================== */

.notif-dropdown{
    background: var(--card) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

.notif-item{
    color: var(--text) !important;
}

.notif-item strong{
    color: var(--text) !important;
}

.notif-item:hover{
    background: var(--hover, rgba(0,0,0,0.05)) !important;
}

body.dark {
    background:#0f172a;
    color:#e5e7eb;
}
/* ===============================
   THEME VARIABLES
=============================== */

/* GÜNDÜZ MODU */
:root{
    --bg:#f6f7fb;
    --card:#ffffff;
    --text:#111111;
    --muted:#636e72;
    --border:#e3e6ea;
    --accent:#f5d98b;
    --accent-text:#6b4f00;
}

/* GECE MODU */
body[data-theme="dark"]{
    --bg:#0f1115;
    --card:#1a1d24;
    --text:#f1f1f1;
    --muted:#9aa0a6;
    --border:#2a2e38;
}

/* ===============================
   BASE THEME
=============================== */

body{
    background:var(--bg);
    color:var(--text);
}

.yorum-kart,
.yazar-profil-card{
    background:var(--card);
    border-color:var(--border);
}

/* Metinler */
strong,h1,h2,h3,h4{ color:var(--text); }
.yazar-profil-sub,
.yazar-profil-text{ color:var(--muted); }

/* ===============================
   COMMENT LEFT STATUS BAR
=============================== */

.yorum-kart.kazandi{ border-left:6px solid #10ac84; }
.yorum-kart.kaybetti{ border-left:6px solid #ee5253; }
.yorum-kart.beklemede{ border-left:6px solid #feca57; }

/* ===============================
   COMMENT STATUS BADGES
=============================== */

.yorum-kart{
    position:relative;
    overflow:visible;
}

/* Sağ üst: Kazandı / Beklemede */
.yorum-durum{
    position:absolute;
    top:12px;
    right:12px;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
    border-radius:12px;
    z-index:10;
}

.yorum-durum.kazandi{
    background:#e6fff5;
    color:#10ac84;
}
.yorum-durum.kaybetti{
    background:#ffecec;
    color:#ee5253;
}
.yorum-durum.beklemede{
    background:#fff5db;
    color:#e1a100;
}

/* Sağ alt: Maç zamanı */
.mac-etiket{
    position:absolute;
    bottom:12px;
    right:12px;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
    border-radius:12px;
}

.mac-cok-yakin{
    background:#ffecec;
    color:#ee5253;
}
.mac-yakin{
    background:#fff4e0;
    color:#e17055;
}
.mac-normal{
    background:#eef2f7;
    color:#636e72;
}

/* ===============================
   COMMENT BADGES (FINAL)
=============================== */

.yorum-kart{
    position:relative;
    overflow:visible;
}

/* Sağ üst: Kazandı / Beklemede */
.yorum-durum{
    position:absolute;
    top:12px;
    right:12px;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
    border-radius:12px;
    z-index:10;
    background:#eef2f7;
    color:#111;
}

.yorum-durum.kazandi{
    background:#e6fff5;
    color:#10ac84;
}
.yorum-durum.kaybetti{
    background:#ffecec;
    color:#ee5253;
}
.yorum-durum.beklemede{
    background:#fff5db;
    color:#e1a100;
}

/* Sağ alt: Maç zamanı */
.mac-etiket{
    position:absolute;
    bottom:12px;
    right:12px;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
    border-radius:12px;
    background:#eef2f7;
    color:#636e72;
}

.mac-cok-yakin{ background:#ffecec; color:#ee5253; }
.mac-yakin{ background:#fff4e0; color:#e17055; }
.mac-normal{ background:#eef2f7; color:#636e72; }

/* ===============================
   PREMIUM LOCKED CARD FIX
=============================== */

/* Premium kapalı kart */
.yorum-kart.premium-locked{
    background: linear-gradient(135deg,#0f0f0f,#1c1c1c);
    color:#ffffff;
    border:1px solid #2a2e38;
}

/* Başlık */
.yorum-kart.premium-locked h4{
    color:#ffffff;
}

/* Açıklama metni */
.yorum-kart.premium-locked p,
.yorum-kart.premium-locked em,
.yorum-kart.premium-locked strong{
    color:#eaeaea;
}

/* CTA Butonu */
.yorum-kart.premium-locked a{
    background: linear-gradient(135deg,#f7e7b4,#f5d98b);
    color:#111111 !important;
    text-decoration:none;
}

/* Gece modunda ekstra kontrast */
body[data-theme="dark"] .yorum-kart.premium-locked a{
    color:#111111 !important;
}

/* ===============================
   PROFILE HEADER – PREMIUM VITRIN (STEP 1)
=============================== */

/* Header kartı – soft premium arka plan */
.yazar-profil-card{
    background:
        linear-gradient(
            135deg,
            rgba(245,217,139,0.25),
            rgba(255,255,255,0.9)
        );
    border:1px solid var(--border);
}

/* Gece modu için daha koyu ama soft */
body[data-theme="dark"] .yazar-profil-card{
    background:
        linear-gradient(
            135deg,
            rgba(245,217,139,0.12),
            rgba(26,29,36,0.95)
        );
    border:1px solid #2a2e38;
}

/* Avatar – hafif premium glow */
.yazar-profil-avatar{
    box-shadow:
        0 0 0 4px rgba(255,255,255,0.9),
        0 0 18px rgba(245,217,139,0.55);
}

/* Gece modunda glow biraz daha yumuşak */
body[data-theme="dark"] .yazar-profil-avatar{
    box-shadow:
        0 0 0 4px rgba(26,29,36,0.9),
        0 0 22px rgba(245,217,139,0.35);
}

/* Header metin kontrastı */
.yazar-profil-name{
    color:var(--text);
}

.yazar-profil-sub{
    color:var(--muted);
}
/* ===============================
   PROFILE – LAST 5 SCORE BAND (STEP 2)
=============================== */

/* Son 5 alanını bant gibi ayır */
.yazar-profil-ozet{
    background: rgba(255,255,255,0.65);
    border-radius:14px;
    padding:14px 16px;
    margin-top:18px;
}

/* Gece modu */
body[data-theme="dark"] .yazar-profil-ozet{
    background: rgba(26,29,36,0.9);
}

/* İkonlar daha düzenli */
.yazar-profil-icons{
    display:flex;
    gap:8px;
    font-size:20px;
    margin-bottom:8px;
}

/* Alt yazıyı badge görünümüne yaklaştır */
.yazar-profil-text{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    font-size:12px;
}

/* Kazandı / Kaybetti / Beklemede sayılarını ayır */
.yazar-profil-text span{
    background: rgba(0,0,0,0.04);
    padding:4px 10px;
    border-radius:10px;
    font-weight:700;
}

/* Gece modu badge */
body[data-theme="dark"] .yazar-profil-text span{
    background: rgba(255,255,255,0.06);
}

/* ===============================
   PROFILE HEADER – MAIN SHOWCASE (A)
=============================== */

/* Header kartına netlik */
.yazar-profil-card{
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* İsim daha güçlü */
.yazar-profil-name{
    letter-spacing:0.3px;
}

/* Alt açıklama daha net ama sade */
.yazar-profil-sub{
    opacity:0.85;
}

/* Son 5 ikonlar hizalı ve net */
.yazar-profil-icons{
    display:flex;
    gap:6px;
    align-items:center;
}

/* Header alt çizgiyi yumuşat */
.yazar-profil-ozet{
    border-top:1px solid rgba(0,0,0,0.08);
}

body[data-theme="dark"] .yazar-profil-ozet{
    border-top:1px solid rgba(255,255,255,0.12);
}

/* ===============================
   PROFILE HEADER – AUTHORITY LINE
=============================== */

.yazar-profil-card{
    position: relative;
}

/* Header altına güç çizgisi */
.yazar-profil-card::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:3px;
    background: linear-gradient(
        90deg,
        #f5d98b,
        rgba(245,217,139,0.2)
    );
    border-radius:2px;
}

/* Gece modu */
body[data-theme="dark"] .yazar-profil-card::after{
    background: linear-gradient(
        90deg,
        #f5d98b,
        rgba(245,217,139,0.35)
    );
}
/* ===============================
   PROFILE HEADER – SUBTLE PREMIUM BADGE
=============================== */

/* İsim yanına küçük rozet hissi */
.yazar-profil-name::after{
    content:"UZMAN";
    margin-left:8px;
    padding:3px 7px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.4px;
    border-radius:6px;
    vertical-align:middle;

    background: linear-gradient(
        135deg,
        #f5d98b,
        #e7c766
    );
    color:#111;
}

/* Gece modu kontrast */
body[data-theme="dark"] .yazar-profil-name::after{
    color:#111;
}
/* ===============================
   PROFILE HEADER – SUBTLE GOLD AVATAR RING
=============================== */

.yazar-profil-avatar{
    box-shadow:
        0 0 0 2px #f5d98b,
        0 8px 18px rgba(0,0,0,0.12);
}

/* Gece modu – biraz daha yumuşak */
body[data-theme="dark"] .yazar-profil-avatar{
    box-shadow:
        0 0 0 2px rgba(245,217,139,0.9),
        0 8px 22px rgba(0,0,0,0.45);
}
/* ===============================
   COMMENT CARDS – SUBTLE DEPTH
=============================== */

.yorum-kart{
    box-shadow:
        0 6px 18px rgba(0,0,0,0.06),
        0 2px 6px rgba(0,0,0,0.04);
    margin-bottom:22px;
}

/* Gece modu – daha yumuşak ama belirgin */
body[data-theme="dark"] .yorum-kart{
    box-shadow:
        0 10px 28px rgba(0,0,0,0.45),
        0 4px 10px rgba(0,0,0,0.35);
}
/* ===============================
   PREMIUM STATUS – DARK MODE FIX
=============================== */

body[data-theme="dark"] .premium-status-card{
    background:linear-gradient(135deg,#1a1d24,#111318);
    border-color:#f5d98b;
}

body[data-theme="dark"] .premium-status-header{
    color:#f5d98b;
}

body[data-theme="dark"] .premium-dates,
body[data-theme="dark"] .premium-dates strong{
    color:#e0e0e0;
}

body[data-theme="dark"] .premium-progress{
    background:#2a2e38;
}

/* Uyarılar */
body[data-theme="dark"] .premium-alert.warning{
    background:#3a2f12;
    color:#ffd36a;
}

body[data-theme="dark"] .premium-alert.danger{
    background:#3a1c1c;
    color:#ff9a9a;
}

/* Premium süresi bitmiş kart */
body[data-theme="dark"] .premium-expired{
    background:#161a22;
    border-color:#3a3f4b;
}

body[data-theme="dark"] .premium-expired h4{
    color:#ff9a9a;
}

body[data-theme="dark"] .premium-expired p{
    color:#d0d0d0;
}

body[data-theme="dark"] .premium-renew a{
    background:linear-gradient(135deg,#f5d98b,#e7c766);
    color:#111;
}
/* ===============================
   PREMIUM PAGE – DOSTLAR DARK FIX
=============================== */

body[data-theme="dark"] .club-card[data-club="Dostlar Kulübü"]{
    background: linear-gradient(180deg,#1a1d24,#111318);
    border-color:#3a3f4b;
    color:#f1f1f1;
}

/* Başlık */
body[data-theme="dark"] .club-card[data-club="Dostlar Kulübü"] .club-title{
    color:#f1f1f1;
}

/* Fiyat */
body[data-theme="dark"] .club-card[data-club="Dostlar Kulübü"] .club-price{
    color:#dcdde1;
}

/* Özellik listesi */
body[data-theme="dark"] .club-card[data-club="Dostlar Kulübü"] .club-features li{
    color:#d0d0d0;
}

/* Bullet noktalar */
body[data-theme="dark"] .club-card[data-club="Dostlar Kulübü"] .club-features li::before{
    color:#9aa0a6;
}
/* ===============================
   PREMIUM PAGE – BEYLER ELITE DARK
=============================== */

body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"]{
    background: linear-gradient(
        180deg,
        #050505 0%,
        #0b0b0b 40%,
        #141414 100%
    );
    border:2px solid #f4cc8b;
    box-shadow:
        0 20px 60px rgba(244,204,139,.35),
        0 0 0 1px rgba(244,204,139,.4);
}

/* Başlık – Altın */
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"] .club-title{
    color:#f4cc8b;
    font-size:24px;
    letter-spacing:-0.4px;
}

/* Fiyat – Altın */
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"] .club-price{
    color:#f4cc8b;
}

/* Özellikler – Beyaz */
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"] .club-features li{
    color:#ffffff;
}

/* Altın bullet */
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"] .club-features li::before{
    color:#f4cc8b;
}

/* Hover / aktif – elit parıltı */
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"]:hover,
body[data-theme="dark"] .club-card[data-club="Beyler Kulübü"].active{
    transform: translateY(-6px);
    box-shadow:
        0 26px 70px rgba(244,204,139,.45),
        0 0 0 2px rgba(244,204,139,.6);
}

/* ===============================
   HEADER FIX – HER MODDA BEYAZ
=============================== */

.header,
.header *{
    color:#ffffff !important;
}
/* ===============================
   NOTIFICATION / DROPDOWN FIX
   (GÜNDÜZ + GECE UYUMLU)
=============================== */

.notification-box,
.notification-dropdown,
.notification-panel{
    background: var(--card);
    color: var(--text);
    border: 1px solid var(--border);
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* İç metinler */
.notification-box *,
.notification-dropdown *,
.notification-panel *{
    color: var(--text);
}

/* Küçük açıklamalar */
.notification-muted,
.notification-time{
    color: var(--muted);
}

/* Hover */
.notification-item:hover{
    background: rgba(0,0,0,0.04);
}

/* GECE MODU HOVER */
body[data-theme="dark"] .notification-item:hover{
    background: rgba(255,255,255,0.06);
}

/* ===============================
   NOTIFICATION / DROPDOWN FIX
   (GÜNDÜZ + GECE UYUMLU)
=============================== */

.notification-box,
.notification-dropdown,
.notification-panel{
    background: var(--card);
    color: var(--text);
    border: 1px solid var(--border);
    box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* İç metinler */
.notification-box *,
.notification-dropdown *,
.notification-panel *{
    color: var(--text);
}

/* Küçük açıklamalar */
.notification-muted,
.notification-time{
    color: var(--muted);
}

/* Hover */
.notification-item:hover{
    background: rgba(0,0,0,0.04);
}

/* GECE MODU HOVER */
body[data-theme="dark"] .notification-item:hover{
    background: rgba(255,255,255,0.06);
}
/* ==================================================
   FORCE FIX — NOTIFICATION LIGHT MODE
   (app.css & diğer her şeyi ezer)
================================================== */

body[data-theme="light"] .notification-box,
body[data-theme="light"] .notification-dropdown,
body[data-theme="light"] .notification-panel,
body[data-theme="light"] .notification,
body[data-theme="light"] .dropdown,
body[data-theme="light"] .dropdown-menu{
    background-color: var(--card) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

/* İçindeki HER ŞEY */
body[data-theme="light"] .notification-box *,
body[data-theme="light"] .notification-dropdown *,
body[data-theme="light"] .notification-panel *,
body[data-theme="light"] .notification *,
body[data-theme="light"] .dropdown *,
body[data-theme="light"] .dropdown-menu *{
    color: var(--text) !important;
}

/* Açıklama / zaman / küçük metinler */
body[data-theme="light"] .notification-muted,
body[data-theme="light"] .notification-time{
    color: var(--muted) !important;
}

/* Hover */
body[data-theme="light"] .notification-item:hover{
    background: rgba(0,0,0,0.05) !important;
}

/* Bildirim rozeti */
.notification-badge{
    background:#e74c3c !important;
    color:#fff !important;
}
/* ===============================
   🔔 NOTIFICATION SYSTEM
=============================== */

.notif-wrap{
    position:relative;
}

.notif-bell{
    cursor:pointer;
    font-size:18px;
}

.notif-count{
    position:absolute;
    top:-6px;
    right:-6px;
    background:#e74c3c;
    color:#fff;
    font-size:11px;
    padding:2px 6px;
    border-radius:50%;
    font-weight:700;
}

/* DROPDOWN */
.notif-dropdown{
    display:none;
    position:absolute;
    right:0;
    top:28px;
    width:280px;
    border-radius:12px;
    box-shadow:0 12px 30px rgba(0,0,0,.2);
    z-index:999;
    overflow:hidden;
}

/* ITEM */
.notif-item{
    display:block;
    padding:12px;
    font-size:13px;
    text-decoration:none;
}

/* ===============================
   LIGHT MODE
=============================== */
body[data-theme="light"] .notif-dropdown{
    background:#f9f9f9;
    border:1px solid #ddd;
}

body[data-theme="light"] .notif-item{
    color:#111;
    border-bottom:1px solid #e0e0e0;
}

body[data-theme="light"] .notif-item:hover{
    background:#ececec;
}

/* ===============================
   DARK MODE
=============================== */
body[data-theme="dark"] .notif-dropdown{
    background:#1f2a32;
}

body[data-theme="dark"] .notif-item{
    color:#f1f1f1;
    border-bottom:1px solid rgba(255,255,255,0.08);
}

body[data-theme="dark"] .notif-item:hover{
    background:#2b3a42;
}
/* ===============================
   🔔 NOTIFICATION – FINAL OVERRIDE
   (HER ŞEYİN ÜZERİNE YAZAR)
=============================== */

.notif-dropdown{
    background: var(--card) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

.notif-item{
    color: var(--text) !important;
}

.notif-item strong{
    color: var(--text) !important;
}

.notif-item:hover{
    background: var(--hover, rgba(0,0,0,0.05)) !important;
}

body.dark {
    background:#0f172a;
    color:#e5e7eb;
}

.header-right > * {
    flex-shrink: 0;
}

.mini-profile{
    max-width:120px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.header{
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    align-items:center;
}

.header-left{justify-self:start}
.header-center{justify-self:center}
.header-right{justify-self:end}
/* ===============================
   DARK MODE (SAFE)
=============================== */
body.dark-mode {
    background:#0f0f0f;
    color:#f1f1f1;
}

/* Kartlar */
body.dark-mode .card,
body.dark-mode .live-card,
body.dark-mode .summary-card {
    background:#1b1b1b;
    color:#f1f1f1;
}

/* Header */
body.dark-mode .header {
    background:#000;
}

/* Yazılar */
body.dark-mode .muted,
body.dark-mode small {
    color:#aaa;
}
/* ===============================
   THEME VARIABLES
=============================== */

/* GÜNDÜZ */
:root {
    --bg-main: #f6f7fb;
    --bg-card: #ffffff;
    --text-main: #111111;
    --text-muted: #6c757d;
    --border-color: #e5e7eb;
}

/* GECE */
body.dark {
    --bg-main: #0f1115;
    --bg-card: #1c1f26;
    --text-main: #f1f1f1;
    --text-muted: #a1a1a1;
    --border-color: #2a2d36;
}


/* ===============================
   FOOTER NOTIFY BUTTON
=============================== */

#app-footer{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.notify-btn{
    background: #f5d98b;
    color: #111;
    border: none;
    padding: 12px 18px;
    border-radius: 30px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(0,0,0,.2);
}

.notify-btn:hover{
    background:#f1c40f;
}

/* === GENEL === */
.live-chat-messages {
    max-height: 220px;
    overflow-y: auto;
    padding: 10px 14px;
    font-size: 13px;
}

/* === YAZAR === */
.msg.yazar {
    font-weight: 600;
}

/* Gündüz */
body:not(.dark) .msg.yazar {
    color: #0b3c8a; /* koyu mavi */
}

/* Gece */
body.dark .msg.yazar {
    color: #6fb6ff; /* açık mavi */
}

/* === PREMIUM === */
body:not(.dark) .msg.premium {
    color: #111;
}

body.dark .msg.premium {
    color: #fff;
}

/* === SİSTEM === */
.msg.system {
    font-weight: 600;
}

/* Sistem – başarı */
.msg.system.success {
    color: #2ecc71;
}

/* Sistem – hata */
.msg.system.fail {
    color: #e74c3c;
}

/* Sistem – canlı */
.msg.system.live {
    color: #9b59b6;
}
/* ===============================
   GENEL MESAJ STİLİ
=============================== */
.msg {
    margin-bottom: 6px;
    line-height: 1.4;
    font-size: 14px;
}

/* ===============================
   GÜNDÜZ MODU
=============================== */
body:not(.dark) .msg.yazar {
    color: #0b3c8a; /* koyu mavi */
    font-weight: 600;
}

body:not(.dark) .msg.premium {
    color: #111; /* siyah */
}

body:not(.dark) .msg.system.success {
    color: #1e7f43; /* yeşil */
    font-weight: 600;
}

body:not(.dark) .msg.system.fail {
    color: #c0392b; /* kırmızı */
    font-weight: 600;
}

body:not(.dark) .msg.system.live {
    color: #6f42c1; /* mor */
    font-weight: 600;
}

/* ===============================
   GECE MODU
=============================== */
body.dark .msg.yazar {
    color: #6cb6ff; /* açık mavi */
    font-weight: 600;
}

body.dark .msg.premium {
    color: #ffffff; /* beyaz */
}

body.dark .msg.system.success {
    color: #4cd964; /* soft yeşil */
    font-weight: 600;
}

body.dark .msg.system.fail {
    color: #ff6b6b; /* soft kırmızı */
    font-weight: 600;
}

body.dark .msg.system.live {
    color: #b388ff; /* soft mor */
    font-weight: 600;
}

/* === GENEL CHAT === */
.live-chat-messages .msg {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.5;
}

/* === PREMIUM === */
.live-chat-messages .msg.premium {
  color: #111; /* mesaj */
}

.live-chat-messages .msg.premium strong {
  color: #000; /* kullanıcı adı */
  font-weight: 600;
}

/* === YAZAR === */
.live-chat-messages .msg.yazar {
  color: #0b4fc2; /* mesaj koyu mavi */
}

.live-chat-messages .msg.yazar strong {
  color: #0b4fc2; /* kullanıcı adı da renkli */
  font-weight: 700;
}

/* === SİSTEM === */
.live-chat-messages .msg.system {
  font-weight: 600;
}

.live-chat-messages .msg.system.success {
  color: #1e8e3e; /* yeşil */
}

.live-chat-messages .msg.system.fail {
  color: #d93025; /* kırmızı */
}

.live-chat-messages .msg.system.info {
  color: #7b3fe4; /* mor */
}


/* === GECE MODU === */
.theme-dark .live-chat-messages {
  background: #0f0f0f;
}

/* === PREMIUM (GECE) === */
.theme-dark .live-chat-messages .msg.premium {
  color: #ffffff; /* mesaj */
}

.theme-dark .live-chat-messages .msg.premium strong {
  color: #ffffff; /* isim */
}

/* === YAZAR (GECE) === */
.dark-mode .live-chat-messages .msg.yazar {
  color: #7fb3ff; /* açık mavi, göz yormaz */
}

.dark-mode .live-chat-messages .msg.yazar strong {
  color: #7fb3ff;
  font-weight: 700;
}

/* === SİSTEM (GECE) === */
.theme-dark .live-chat-messages .msg.system.success {
  color: #4caf50; /* açık yeşil */
}

.theme-dark .live-chat-messages .msg.system.fail {
  color: #ff6b6b; /* açık kırmızı */
}

.theme-dark .live-chat-messages .msg.system.info {
  color: #b388ff; /* açık mor */
}
.live-chat-messages .msg strong {
  margin-right: 4px;
}

/* === GECE MODU – PREMIUM OKUNURLUK FIX === */
.dark-mode .live-chat-messages .msg.premium {
  color: #d6d6d6; /* mesaj – açık gri */
}

.dark-mode .live-chat-messages .msg.premium strong {
  color: #e0e0e0; /* kullanıcı adı – biraz daha açık */
  font-weight: 600;
}
/* ================================
   LIVE SCORE BAR
================================ */

#liveScoreBar {
    position: fixed;
    top: 60px; /* header yüksekliğine göre ayarla */
    left: 0;
    width: 100%;
    height: 42px;
    background: #111;
    overflow: hidden;
    z-index: 9998;
    border-bottom: 1px solid #222;
}

.live-score-track {
    display: flex;
    align-items: center;
    white-space: nowrap;
    animation: scrollScores 30s linear infinite;
}

.live-match {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    font-size: 13px;
    color: #007fff;
}

.live-score {
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 4px;
    background: #222;
}

/* Gol efekti */
.goal-flash {
    background: #00c853 !important;
    color: #fff !important;
    transition: background 0.3s ease;
}

/* Kayan animasyon */
@keyframes scrollScores {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
#live-score-ticker {
    background: #000;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    height: 40px;
    display: flex;
    align-items: center;
}

.ticker-track {
    display: inline-flex;
    gap: 40px;
    animation: scroll 25s linear infinite;
}

.ticker-item {
    font-size: 14px;
}

.ticker-goal {
    background: #1db954;
    color: #000;
    padding: 4px 8px;
    border-radius: 6px;
}

@keyframes scroll {
    from { transform: translateX(100%); }
    to   { transform: translateX(-100%); }
}
.news-container {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 15px;
}

.news-title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 26px;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.news-card {
    background: #ffffff;
    padding: 18px;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    transition: 0.2s ease;
}

.news-card:hover {
    transform: translateY(-4px);
}

.news-card h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.news-card p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 12px;
    flex-grow: 1;
}

.news-date {
    font-size: 12px;
    opacity: 0.7;
    margin-bottom: 8px;
}

.news-link {
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: #007bff;
}

.news-link:hover {
    text-decoration: underline;
}

/* =========================
   GECE MODU
========================= */

body.dark-mode .news-card {
    background: #1e1e1e;
    box-shadow: 0 4px 14px rgba(0,0,0,0.4);
}

body.dark-mode .news-card h2,
body.dark-mode .news-card p,
body.dark-mode .news-date {
    color: #ffffff;
}

body.dark-mode .news-link {
    color: #4da3ff;
}
.score-block {
    margin-bottom: 40px;
}

.score-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #111;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 12px;
}

.match-name {
    font-weight: bold;
    font-size: 18px;
}

.scores {
    display: flex;
    gap: 10px;
}

.score {
    width: 70px;
    height: 70px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #fff;
}

.score span {
    font-size: 12px;
    opacity: 0.8;
}

.babi { background: linear-gradient(135deg,#8e44ad,#3498db); }
.bilg { background: linear-gradient(135deg,#16a085,#27ae60); }
.zlatna { background: linear-gradient(135deg,#e67e22,#e74c3c); }

.premium-lock, .locked-box {
    background:#1f1f1f;
    padding:20px;
    border-radius:12px;
    text-align:center;
    margin-bottom:30px;
}

.page-title{
    font-size:26px;
    margin:25px 0;
    font-weight:700;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
    gap:25px;
}

.stat-box{
    background:#111;
    color:#fff;
    padding:20px;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.35);
}

.stat-box h2{
    font-size:18px;
    margin-bottom:18px;
    color:#ffd400;
}

.team-row{
    display:grid;
    grid-template-columns:40px 1fr 120px 70px;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
}

.rank{
    font-weight:700;
    color:#aaa;
}

.team{
    font-weight:600;
}

.bar{
    height:8px;
    background:#333;
    border-radius:6px;
    overflow:hidden;
}

.fill{
    height:100%;
    background:linear-gradient(90deg,#00ff88,#00c3ff);
}

.rate{
    font-weight:700;
    text-align:right;
}

@media(max-width:768px){
    .team-row{
        grid-template-columns:30px 1fr;
        grid-template-rows:auto auto;
    }

    .bar{grid-column:1/-1;}
    .rate{grid-column:1/-1;text-align:left;}
}

/* =========================
   GLOBAL DARK FIX
========================= */

body[data-theme="dark"]{

background:#0f1115 !important;

}


/* TÜM KARTLAR */

body[data-theme="dark"] .card,
body[data-theme="dark"] .yorum-kart,
body[data-theme="dark"] .yazar-profil-card{

background:#161a22 !important;

border:1px solid #2a2e38 !important;

box-shadow:

0 10px 30px rgba(0,0,0,.6) !important;

}


/* BAŞLIKLAR */

body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3{

color:#f1f1f1 !important;

}


/* METİNLER */

body[data-theme="dark"] p,
body[data-theme="dark"] span,
body[data-theme="dark"] small{

color:#bfc5ce !important;

}


/* PROFIL HEADER ÖZEL */

body[data-theme="dark"] .yazar-profil-card{

background:

linear-gradient(
145deg,
#151922,
#10131a
) !important;

}


/* MAÇ KART */

body[data-theme="dark"] .yorum-kart{

background:#151922 !important;

}


/* badge arka plan */

body[data-theme="dark"] .yorum-durum{

background:#1f2430 !important;

color:#fff !important;

}

/* =========================
   DARK MODE BADGE TEXT FIX
========================= */

body[data-theme="dark"] .tahmin-secim,
body[data-theme="dark"] .oran,
body[data-theme="dark"] .yorum-durum,
body[data-theme="dark"] .mac-secim,
body[data-theme="dark"] .secim{

color:#111 !important;

font-weight:700;

}


/* oran kutusu */

body[data-theme="dark"] .oran{

background:#34d399 !important;

}


/* seçim kutusu */

body[data-theme="dark"] .tahmin-secim{

background:#f59e0b !important;

}


/* kazandı */

body[data-theme="dark"] .yorum-durum.kazandi{

background:#22c55e !important;

color:#111 !important;

}


/* kaybetti */

body[data-theme="dark"] .yorum-durum.kaybetti{

background:#ef4444 !important;

color:#111 !important;

}


/* beklemede */

body[data-theme="dark"] .yorum-durum.beklemede{

background:#eab308 !important;

color:#111 !important;

}

/* =========================
   DARK MODE BADGE TEXT BLACK
========================= */

body[data-theme="dark"] .tahmin-secim,
body[data-theme="dark"] .mac-secim,
body[data-theme="dark"] .secim,
body[data-theme="dark"] .oran,
body[data-theme="dark"] .odd,
body[data-theme="dark"] .yorum-durum{

color:#111 !important;

font-weight:700;

}


/* özellikle kazanıldı badge */

body[data-theme="dark"] .yorum-durum.kazandi{

color:#111 !important;

}


/* oran kutusu */

body[data-theme="dark"] .oran{

color:#111 !important;

}


/* ms2 kutusu */

body[data-theme="dark"] .tahmin-secim{

color:#111 !important;

}
/* =========================
   DARK MODE SCORE FIX
========================= */

body[data-theme="dark"] .live-score{

background:#ffd60a !important; /* sarı kutu */

color:#111 !important; /* yazı siyah */

font-weight:700;

border-radius:4px;

padding:2px 6px;

}