:root {
    /* === 18 Temel Renk — admin panelden ayarlanır === */
    --ot-primary:        #2563eb;
    --ot-primary-bright: #6692f1;
    --ot-primary-dark:   #0e3b9c;
    --ot-cyan:           #22d3ee;
    --ot-cyan-bright:    #67e8f9;
    --ot-pink:           #ec4899;
    --ot-lime:           #22c55e;
    --ot-yellow:         #facc15;
    --ot-orange:         #fb923c;

    --ot-bg:             #1a2338;
    --ot-bg-2:           #222d47;
    --ot-card:           #2a3654;
    --ot-card-hover:     #35446a;
    --ot-border:         #44567d;
    /* İnce çizgi/zemin mürekkebi — koyuda beyaz; rgba(var(--ot-ink-rgb), a) olarak kullanılır */
    --ot-ink-rgb:        255,255,255;
    /* Köşe yuvarlaklığı ölçeği — admin: Ayarlar → Tema → "Köşe Yuvarlaklığı".
       Temadan bağımsız (tek değer, hem koyu hem açık). border-radius:calc(var(--ot-radius-scale,1)*Npx)
       kullanan yerlerde çarpan olarak devreye girer; daire (50%) ve pill (999px) buna dahil DEĞİL. */
    --ot-radius-scale:   1;

    --ot-text:           #e5e7eb;
    --ot-text-bright:    #ffffff;
    --ot-text-muted:     #939db4;

    --ot-header-bg:      #1e2842;
    --ot-header-text:    #ffffff;

    /* === Bootstrap Override — [data-bs-theme=dark] + :root aynı spec, inline style kazanır === */
    --bs-body-bg:                  #1a2338;
    --bs-body-color:               #e5e7eb;
    --bs-secondary-bg:             #222d47;
    --bs-tertiary-bg:              #2a3654;
    --bs-border-color:             #44567d;
    --bs-border-color-translucent: #2563eb26;
    --bs-primary:                  #2563eb;
    --bs-emphasis-color:           #ffffff;
    --bs-heading-color:            #e5e7eb;
    --bs-link-color:               #6692f1;
    --bs-link-hover-color:         #22d3ee;

    /* Body bg pattern — otomatik cache-bust (dosya değişince URL değişir, CF stale serve etmez) */
        --ot-bg-pattern: url('/images/gaming-pattern-dark.svg?v=1778521117');
    /* Sayfa kanvası (body) rengi — admin panelden ayarlanır (Tema Yönetimi → Renkler →
       "Sayfa/Container Arkaplanı"). AYRI bir değişken (--ot-bg'den bağımsız): --ot-bg hero foto
       üzerindeki okunabilirlik gölgelemesi ve onlarca opaklık katmanında kullanıldığından
       onu değiştirmek scrim'leri de etkiler — o yüzden sadece body zeminini kapsar. */
    --ot-page-bg: #525866;
    color-scheme: dark;
}
/* === AÇIK TEMA — html[data-ot-theme="light"] (toggle ile) ===
   Aynı element (:root) üzerinde override → app.css'teki color-mix
   türetilmiş değişkenler otomatik yeniden hesaplanır. */
:root[data-ot-theme="light"] {
    --ot-primary:        #4f46e5;
    --ot-primary-bright: #4338ca;
    --ot-primary-dark:   #312e81;
    --ot-cyan:           #0891b2;
    --ot-cyan-bright:    #06b6d4;
    --ot-pink:           #db2777;
    --ot-lime:           #65a30d;
    --ot-yellow:         #ca8a04;
    --ot-orange:         #ea580c;

    --ot-bg:             #e2e8f0;
    --ot-bg-2:           #ebebf2;
    --ot-card:           #ffffff;
    --ot-card-hover:     #f4f4fb;
    --ot-border:         #e3e3e3;
    /* Açık temada mürekkep koyu lacivert — beyaz-üstü-beyaz görünmezlik biter */
    --ot-ink-rgb:        20,20,46;

    --ot-text:           #2b2b40;
    --ot-text-bright:    #14142e;
    --ot-text-muted:     #676782;

    --ot-header-bg:      #f4f4fb;
    --ot-header-text:    #1e1b4b;

    --bs-body-bg:                  #e2e8f0;
    --bs-body-color:               #2b2b40;
    --bs-secondary-bg:             #ebebf2;
    --bs-tertiary-bg:              #ffffff;
    --bs-border-color:             #e3e3e3;
    --bs-border-color-translucent: #4f46e526;
    --bs-primary:                  #4f46e5;
    --bs-emphasis-color:           #14142e;
    --bs-heading-color:            #2b2b40;
    --bs-link-color:               #4338ca;
    --bs-link-hover-color:         #0891b2;

    /* Açık tema için düşük opaklıklı desen varyantı — ikonlar açık zeminde soluk görünsün */
        --ot-bg-pattern: url('/images/gaming-pattern-light.svg?v=1784189349');
    /* Admin panelden ayarlanır (Tema Yönetimi → Renkler → "Açık: Sayfa/Container Arkaplanı"). */
    --ot-page-bg: #e2e8f0;
    color-scheme: light;
}
/* Body bg pattern — hash query string sayesinde tema değişince browser yeni SVG fetch eder */
/* html de body ile AYNI zemine boyanmalı: app.blade.php:76'daki anti-flash
   `html,body{background:#1d1d21}` html'de kalıyordu; mobil TARAYICIDA (PWA'da değil)
   URL çubuğu scroll'da gizlenip gelirken tarayıcı en altta kök (html) zeminini bir an
   gösteriyor → sayfa gri iken html koyu kalınca "header renginde koyu bant" olarak
   görünüyordu. html'i de --ot-page-bg yapınca o an ortaya çıkan şerit sayfayla aynı renk. */
html {
    background-color: var(--ot-page-bg, var(--ot-bg)) !important;
}
body {
    /* Sade gri arkaplan + SVG pattern overlay — mor/cyan glow gradient'ler kaldırıldı */
    background-color: var(--ot-page-bg, var(--ot-bg)) !important;
    background-image: var(--ot-bg-pattern) !important;
}
/* HERO YERLEŞİM (tema-bağımsız): thumb kartları varken (>1 slayt) slayt yazısı
   alttaki kart sırasına taşmasın — içeriğin dikey ortalandığı alanı alttan
   daraltarak yazıyı kartların üstünde tutar. (app.css derlenmiyor; inline veriyoruz.) */
.ot-hero-v2:has(.ot-hero-thumbs-inside) .ot-hero-v2-slide.use-pos-system {
    padding-bottom: 120px !important;
}
@media (max-width: 991px) {
    .ot-hero-v2:has(.ot-hero-thumbs-inside) .ot-hero-v2-slide.use-pos-system {
        padding-bottom: 104px !important;
    }
}
/* ============================================================
   GERÇEK AÇIK TEMA — chrome dahil her şey açık.
   Chrome bileşenleri (header/topbar/nav/megamenü/footer) sabit
   beyaz metinlerle koyu tasarlanmış; burada hepsini açık zemin +
   koyu metin olacak şekilde override ediyoruz.
   Ortak koyu metin tonları:
     başlık  #1e1b4b   gövde #2b2b40   soluk #676782
   ============================================================ */

/* === CSS OVERRIDES START === */
/* Yukarısı: PHP değişken atamaları (admin panelden yönetilir, elle dokunma).
   Aşağısı: saf CSS kuralları — admin: Tema Yönetimi → Açık Tema Kuralları sekmesinden düzenlenebilir.
   Bu iki marker arasındaki her şey admin arayüzünden değiştirilir; sınır satırlarına DOKUNMA. */

/* --- Türetilen koyu-varsayımlı header değişkenleri (PLATİN paletine bağlı) --- */
:root[data-ot-theme="light"] {
    --ot-header-text-muted: #5b5b7a;               /* :root'ta rgba(255,255,255,.65) sabit */
    --ot-header-bg-deep: var(--ot-bg-2);           /* topbar zemini */
    /* Hafif saydam (~%94 opak), blur yok — koyu temayla tutarlı. */
    --ot-header-overlay: color-mix(in srgb, var(--ot-header-bg) 94%, transparent);
    --ot-header-overlay-65: var(--ot-header-bg);
    --ot-header-border: var(--ot-border);
    --ot-header-divider: var(--ot-border);
}

/* --- LOGO: koyu temada beyaz-yazılı logo, açık temada koyu-yazılı logo --- */
.ot-logo-light { display: none; }
:root[data-ot-theme="light"] .ot-logo-dark { display: none; }
:root[data-ot-theme="light"] .ot-logo-light { display: block; }

/* --- MOBİL menü aç butonu (hamburger) — CSS'te sabit #fff; açık temada koyu yap --- */
:root[data-ot-theme="light"] .ot-mobile-menu-btn { color: #1e1b4b; }

/* --- MOBİL header arama ikonu — oyunbuy ile aynı: koyu temada beyaz, açık temada siyah.
   :not(.is-active) ile arama açıkken kullanılan cyan vurgu rengini ezmiyoruz. --- */
:root[data-ot-theme="light"] .ot-msh-toggle:not(.is-active) { background: rgba(0,0,0,.05) !important; }
:root[data-ot-theme="light"] .ot-msh-toggle:not(.is-active):hover { background: rgba(0,0,0,.08) !important; }
:root[data-ot-theme="light"] .ot-msh-toggle:not(.is-active) .ot-msh-icon-svg { color: #1e1b4b; }

/* --- Arka plan grid çizgileri — açık temada tamamen kaldırıldı (düz zemin, kare çizgi yok) --- */
:root[data-ot-theme="light"] body:before {
    background-image: none !important;
}

/* --- ÜST BAR (Blog/Yayıncılar/Forum...) --- */
:root[data-ot-theme="light"] .ot-topbar {
    background: var(--ot-bg-2);
    border-bottom-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-topbar-link,
:root[data-ot-theme="light"] .ot-topbar-welcome,
:root[data-ot-theme="light"] .ot-topbar-btn { color: #4a4a63; }
:root[data-ot-theme="light"] .ot-topbar-link:hover,
:root[data-ot-theme="light"] .ot-topbar-link.active { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-topbar-btn {
    background: var(--ot-card);
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-topbar-lang .dropdown-item { color: #4a4a63; }
:root[data-ot-theme="light"] .ot-topbar-lang .dropdown-item:hover { color: #1e1b4b; }

/* --- HEADER + NAV cam katmanı → platin chrome --- */
:root[data-ot-theme="light"] .ot-header::before,
:root[data-ot-theme="light"] .ot-header-nav-wrapper::before {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-bottom: 1px solid #e3e3e3;
}
:root[data-ot-theme="light"] .ot-header-nav-wrapper { border-bottom: 1px solid var(--ot-border); }
:root[data-ot-theme="light"] .ot-header-nav {
    background: none;                              /* koyu gradient overlay'i kaldır */
}
/* Breadcrumb (hem .ot-auto-breadcrumb hem .ot-breadcrumb) açık temada header_bg tabanlı
   olduğu için header/menü çubuğuyla neredeyse aynı renk çıkıp ayrışmıyordu. Koyu temadaki
   gibi ayrı bir şerit için hafif daha koyu platin zemin + üst/alt kenarlık ver. */
:root[data-ot-theme="light"] .ot-auto-breadcrumb,
:root[data-ot-theme="light"] .ot-breadcrumb {
    background: var(--ot-bg-2) !important;
    border-top: 1px solid var(--ot-border);
    border-bottom: 1px solid var(--ot-border);
}
/* Metin/ayraç renkleri koyu-temaya göre açık (beyazımsı) → açık zeminde okunur koyuya çevir */
:root[data-ot-theme="light"] .ot-auto-breadcrumb-item a { color: #4a4a63; }
:root[data-ot-theme="light"] .ot-auto-breadcrumb-item a:hover { color: var(--ot-primary); }
:root[data-ot-theme="light"] .ot-auto-breadcrumb-item.is-active span,
:root[data-ot-theme="light"] .ot-auto-breadcrumb-item span[aria-current="page"] { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-auto-breadcrumb-item:not(:last-child)::after { color: #9a9ab0; }

/* --- ANA MENÜ (Anasayfa / İlan Pazarı / Çekiliş / Mağazalar / Flash) ---
   Sade sekme görünümü, her iki temada da header renklerinden türetilir (--ot-header-text,
   --ot-primary): soluk metin + primary tonlu ikon; üzerine gelince hafif zemin;
   aktif sayfa primary tonlu "hap" (pill). Eski sarı ikon / pembe aktif / sarı alt çizgi kaldırıldı. */
/* Menü yazı rengi: koyu temada header metni; açık temada header_text beyaz kalabildiği için
   (zemin açık) koyu metin rengi kullanılır */
.ot-nav-links { gap: .3rem; align-items: center; --ot-nav-fg: var(--ot-header-text); }
:root[data-ot-theme="light"] .ot-nav-links { --ot-nav-fg: var(--ot-text-bright, #1e1b4b); }
.ot-nav-links .ot-nav-link {
    gap: .5rem; padding: .5rem .9rem; margin: .4rem 0;
    border: 0; border-radius: calc(var(--ot-radius-scale,1) * 10px);
    color: color-mix(in srgb, var(--ot-nav-fg) 70%, transparent);
    font-size: .86rem; font-weight: 600; letter-spacing: .01em; text-transform: none;
    transition: color .15s, background-color .15s, box-shadow .15s;
}
.ot-nav-links .ot-nav-link i {
    font-size: 1rem; color: color-mix(in srgb, var(--ot-primary) 65%, var(--ot-nav-fg));
    transition: color .15s;
}
.ot-nav-links .ot-nav-link:hover { color: var(--ot-nav-fg); background: color-mix(in srgb, var(--ot-nav-fg) 7%, transparent); }
.ot-nav-links .ot-nav-link:hover i { transform: none; color: var(--ot-primary); }
.ot-nav-links .ot-nav-link.active {
    color: var(--ot-nav-fg);
    background: color-mix(in srgb, var(--ot-primary) 17%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ot-primary) 32%, transparent);
}
.ot-nav-links .ot-nav-link.active i { color: var(--ot-primary); }
.ot-nav-links .ot-nav-link:focus-visible { outline: 2px solid color-mix(in srgb, var(--ot-primary) 60%, transparent); outline-offset: 1px; }

/* --- ÜST İNCE ŞERİT (Blog / Yayıncılar / Forum / Premium · Destek / Davet · Dil) ---
   Ana menüyle aynı dil: soluk metin + primary tonlu ikon, üzerine gelince hafif zemin,
   aktif sayfa primary tonlu hap. Eski turuncu ikonlar / parlak beyaz metin kaldırıldı.
   Premium kendi altın vurgusunu korur (ücretli üyelik — bilinçli ayrışma). */
.ot-topbar { --ot-tb-fg: var(--ot-header-text); }
:root[data-ot-theme="light"] .ot-topbar { --ot-tb-fg: var(--ot-text-bright, #1e1b4b); }
.ot-topbar .ot-topbar-right { gap: .15rem; align-items: center; }
.ot-topbar .ot-topbar-welcome { color: color-mix(in srgb, var(--ot-tb-fg) 55%, transparent); font-size: .76rem; }
.ot-topbar .ot-topbar-welcome i { color: color-mix(in srgb, var(--ot-primary) 65%, var(--ot-tb-fg)); }
.ot-topbar .ot-topbar-link {
    display: inline-flex; align-items: center; gap: .4rem; padding: .3rem .65rem;
    border-radius: calc(var(--ot-radius-scale,1) * 8px);
    color: color-mix(in srgb, var(--ot-tb-fg) 68%, transparent);
    font-size: .78rem; font-weight: 600; letter-spacing: .01em; text-decoration: none;
    transition: color .15s, background-color .15s;
}
.ot-topbar .ot-topbar-link i { font-size: .85rem; color: color-mix(in srgb, var(--ot-primary) 60%, var(--ot-tb-fg)); transition: color .15s; }
.ot-topbar .ot-topbar-link:hover { color: var(--ot-tb-fg); background: color-mix(in srgb, var(--ot-tb-fg) 7%, transparent); }
.ot-topbar .ot-topbar-link:hover i,
.ot-topbar .ot-topbar-link.active i { color: var(--ot-primary); }
.ot-topbar .ot-topbar-link.active { color: var(--ot-tb-fg); background: color-mix(in srgb, var(--ot-primary) 15%, transparent); }
.ot-topbar .ot-topbar-link[href*="/premium"] i { color: #fbbf24; }
.ot-topbar .ot-topbar-divider { width: 1px; height: 16px; margin: 0 .45rem; background: color-mix(in srgb, var(--ot-tb-fg) 14%, transparent); }
.ot-topbar .ot-topbar-btn {
    display: inline-flex; align-items: center; gap: .35rem; padding: .28rem .6rem;
    border-radius: calc(var(--ot-radius-scale,1) * 8px);
    background: color-mix(in srgb, var(--ot-tb-fg) 5%, transparent);
    border: 1px solid color-mix(in srgb, var(--ot-tb-fg) 14%, transparent);
    color: color-mix(in srgb, var(--ot-tb-fg) 80%, transparent); font-size: .76rem; font-weight: 700;
    transition: background-color .15s, border-color .15s, color .15s;
}
.ot-topbar .ot-topbar-btn i { color: color-mix(in srgb, var(--ot-primary) 60%, var(--ot-tb-fg)); }
.ot-topbar .ot-topbar-btn:hover,
.ot-topbar .ot-topbar-btn[aria-expanded="true"] { color: var(--ot-tb-fg); border-color: color-mix(in srgb, var(--ot-primary) 45%, transparent); background: color-mix(in srgb, var(--ot-primary) 12%, transparent); }

/* --- ARAMA KUTUSU --- */
:root[data-ot-theme="light"] .ot-search-input {
    background: #fff;
    border-color: color-mix(in srgb, var(--ot-primary) 32%, transparent);
    color: #2b2b40;
    box-shadow: 0 1px 5px color-mix(in srgb, var(--ot-primary) 12%, transparent);
}
:root[data-ot-theme="light"] .ot-search-input:focus {
    background: #fff;
    border-color: var(--ot-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ot-primary) 20%, transparent);
}
:root[data-ot-theme="light"] .ot-search-input::placeholder { color: #7b7b96; }
:root[data-ot-theme="light"] .ot-search-icon { color: var(--ot-primary); }
:root[data-ot-theme="light"] .navbar .form-control,
:root[data-ot-theme="light"] .navbar .input-group-text { background: var(--ot-bg-2) !important; color: #2b2b40; }

/* Arama önerileri paneli (search dropdown) */
:root[data-ot-theme="light"] .ot-sd-item:hover { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-sd-all:hover { color: #1e1b4b; }

/* --- KATEGORİ MEGA MENÜ → açık platin panel --- */
:root[data-ot-theme="light"] .ot-megamenu-panel,
:root[data-ot-theme="light"] .ot-mm-flyout {
    background: #ffffff;
    border-color: rgba(220, 220, 232, 0.9);
    box-shadow: 0 12px 40px rgba(30, 27, 75, 0.12);
}
/* Liste sütunu koyu temada yarı saydam siyah (#00000040) → açık kart üstünde gri lekeye
   dönüşüyordu. Açık temada şeffaf yap; ayraç çizgilerini tema-duyarlı border'a çevir. */
:root[data-ot-theme="light"] .ot-mm-side {
    background: transparent;
    border-right-color: var(--ot-border);
    border-bottom-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-mm-side-item { color: #2a2545; font-weight: 600; }
:root[data-ot-theme="light"] .ot-mm-side-item i { color: var(--ot-primary); }
:root[data-ot-theme="light"] .ot-mm-side-item:hover {
    color: #1e1b4b;
    background: color-mix(in srgb, var(--ot-primary) 10%, transparent);
}
:root[data-ot-theme="light"] .ot-mm-side-item.is-active {
    color: var(--ot-primary-dark);
    font-weight: 700;
    background: linear-gradient(90deg, color-mix(in srgb, var(--ot-primary) 20%, transparent) 0%, color-mix(in srgb, var(--ot-primary) 6%, transparent) 100%);
    border-left-color: var(--ot-primary);
    border-bottom-color: var(--ot-primary);
}
:root[data-ot-theme="light"] .ot-mm-side-item.is-active i { color: var(--ot-primary-dark); }
:root[data-ot-theme="light"] .ot-mm-search {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
    color: #2b2b40;
}
/* Arama input'unun kendi metni/placeholder'ı/ikonu koyu temada beyaz → açık kutuda görünmez */
:root[data-ot-theme="light"] .ot-mm-search input {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
    color: #2b2b40;
}
:root[data-ot-theme="light"] .ot-mm-search input::placeholder { color: #8a8aa0; }
:root[data-ot-theme="light"] .ot-mm-search > i { color: #8a8aa0; }
/* "Menüyü Kapat" — koyu temada beyaz yazı; açık temada yumuşak kırmızı çip olarak oku */
:root[data-ot-theme="light"] .ot-mm-close-btn {
    background: rgba(232,69,69,.08);
    border-color: rgba(232,69,69,.35);
    color: #c0392b;
}
:root[data-ot-theme="light"] .ot-mm-close-btn:hover {
    background: rgba(232,69,69,.16);
    border-color: rgba(232,69,69,.55);
    color: #a52d22;
}

/* --- MOBİL DRAWER — bölme çizgileri rgba(255,255,255,...) beyaz, açık drawer'da görünmez --- */
:root[data-ot-theme="light"] .ot-drawer-tab { border-bottom-color: var(--ot-border) !important; }
:root[data-ot-theme="light"] .ot-drawer-section { border-bottom-color: var(--ot-border) !important; }
:root[data-ot-theme="light"] .ot-drawer-tab { color: #4a4a63; }
:root[data-ot-theme="light"] .ot-drawer-tab.active { color: #1e1b4b; }
/* Üst sekmeler (Kategoriler / Keşfet) — gerçek selektör .ot-drawer-tabs button
   (base #9aa1b4 soluk, aktif #fff → açıkta görünmez). Canlı: koyu/mor. */
:root[data-ot-theme="light"] .ot-drawer-tabs button { color: #4a4a63; }
:root[data-ot-theme="light"] .ot-drawer-tabs button.is-active { color: var(--ot-primary-dark); }
/* "Arama Yap" kutusu — şeffaf zemin/kenarlık açık temada kayboluyordu */
:root[data-ot-theme="light"] .ot-drawer-search input {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
    color: #2a2545;
}
:root[data-ot-theme="light"] .ot-drawer-search input::placeholder { color: #8a8aa3; }
:root[data-ot-theme="light"] .ot-drawer-search > i { color: var(--ot-primary); }
/* Sol kategori grubu sekmeleri (Mobil Oyunlar, PC Oyunları…) — base #9aa1b4 soluk gri,
   aktif beyaz → açık temada sönük/görünmez. Canlı: koyu yazı + mor ikon + belirgin aktif. */
:root[data-ot-theme="light"] .ot-drawer-group { color: #2a2545; }
:root[data-ot-theme="light"] .ot-drawer-group i { color: var(--ot-primary); }
:root[data-ot-theme="light"] .ot-drawer-group.is-active {
    color: var(--ot-primary-dark);
    background: color-mix(in srgb, var(--ot-primary) 12%, transparent);
    border-left-color: var(--ot-primary);
}
:root[data-ot-theme="light"] .ot-drawer-group.is-active i { color: var(--ot-primary-dark); }

/* --- MOBİL DRAWER — kategori satırları & menüler arası ayraçlar HER İKİ TEMADA net.
   Base build CSS rgba(255,255,255,.06/.09/.16) kullanıyor → koyuda soluk, açıkta görünmez.
   var(--ot-border) tema-duyarlı: koyu #3a3266, açık #dcdce8 → ikisinde de belirgin. --- */
.ot-drawer-cat-row { border-color: var(--ot-border) !important; }        /* kategori kartı çerçevesi */
.ot-drawer-groups { border-right-color: var(--ot-border) !important; }   /* sol grup ↔ sağ liste dikey ayraç */
.ot-drawer-group + .ot-drawer-group { border-top: 1px solid var(--ot-border); } /* sol grup butonları arası */
.ot-drawer-cat-all { border-color: var(--ot-border) !important; }        /* "Tüm ..." kesikli çerçeve */
.ot-drawer-list li + li { border-top: 1px solid var(--ot-border); }      /* Keşfet linkleri arası ayraç */

/* --- MOBİL DRAWER — Keşfet linkleri (Blog/Forum/Yayıncılar/Çekilişler…) ikonu ve başlığı
   base rgba(255,255,255,.45/.55/.25) beyaz → açık temada tamamen görünmezdi. --- */
.ot-drawer-section-head { color: var(--ot-text-muted) !important; }
.ot-drawer-link i:first-child { color: var(--ot-text-muted) !important; }
.ot-drawer-link-arrow { color: var(--ot-text-muted) !important; opacity: .6; }

/* --- MOBİL HESABIM DRAWER (bottom-sheet) — açık tema tam uyum ---
   Bu drawer koyu-tema-first tasarlanmıştı; header, sekmeler, ikonlar, oklar
   ve kart hover'ları açık temada beyaz-üstü-beyaz ya da uyumsuz renk veriyordu.
   Tüm bileşenler tema değişkenlerine bağlandı. */
:root[data-ot-theme="light"] .ot-user-drawer {
    background: linear-gradient(180deg, color-mix(in srgb, var(--ot-card) 94%, transparent), color-mix(in srgb, var(--ot-bg-2) 92%, transparent)) !important;
    box-shadow: 0 -10px 40px rgba(0,0,0,.15) !important;
}
:root[data-ot-theme="light"] .ot-user-drawer-handle-bar { background: var(--ot-border) !important; }
:root[data-ot-theme="light"] .ot-user-drawer-handle:hover .ot-user-drawer-handle-bar,
:root[data-ot-theme="light"] .ot-user-drawer-handle:active .ot-user-drawer-handle-bar { background: var(--ot-text-muted) !important; }
/* Header (avatar + isim + bakiye + yükle) */
:root[data-ot-theme="light"] .ot-user-drawer-head { border-bottom-color: var(--ot-border); }
:root[data-ot-theme="light"] .ot-user-drawer-avatar-edit { border-color: var(--ot-card); }
/* Bildirim butonu */
:root[data-ot-theme="light"] .ot-user-drawer-notif-btn { color: var(--ot-text-bright) !important; }
:root[data-ot-theme="light"] .ot-user-drawer-notif-btn:hover { color: var(--ot-primary-dark) !important; }
:root[data-ot-theme="light"] .ot-user-drawer-notif-badge { box-shadow: 0 2px 6px rgba(239,68,68,.5), 0 0 0 2px var(--ot-card) !important; }
/* Sekmeler (Bana Özel / Profilim) */
:root[data-ot-theme="light"] .ot-user-drawer-tabs {
    background: var(--ot-bg-2) !important;
    border-bottom-color: var(--ot-border) !important;
}
:root[data-ot-theme="light"] .ot-user-drawer-tab.is-active { color: var(--ot-primary) !important; }
:root[data-ot-theme="light"] .ot-user-drawer-tab.is-active::after {
    background: linear-gradient(90deg, var(--ot-primary), var(--ot-cyan)) !important;
}
/* Kart öğeler (Siparişlerim, Mesajlar, Cüzdanım, Bildirimler, Favoriler vs.) */
:root[data-ot-theme="light"] .ot-user-drawer-item {
    background: var(--ot-card) !important;
    border-color: var(--ot-border) !important;
    color: var(--ot-text) !important;
}
:root[data-ot-theme="light"] .ot-user-drawer-item:hover,
:root[data-ot-theme="light"] .ot-user-drawer-item:active {
    background: color-mix(in srgb, var(--ot-primary) 8%, var(--ot-card)) !important;
    border-color: color-mix(in srgb, var(--ot-primary) 30%, transparent) !important;
    color: var(--ot-text-bright) !important;
}
:root[data-ot-theme="light"] .ot-user-drawer-item-icon { color: var(--ot-text) !important; }
:root[data-ot-theme="light"] .ot-user-drawer-item-arrow { color: var(--ot-text-muted) !important; opacity: .6; }
:root[data-ot-theme="light"] .ot-user-drawer-item:hover .ot-user-drawer-item-arrow,
:root[data-ot-theme="light"] .ot-user-drawer-item:active .ot-user-drawer-item-arrow { color: var(--ot-text) !important; opacity: 1; }
/* Section title (YAYINCI, İLAN VER, ALIŞVERİŞ vs.) */
:root[data-ot-theme="light"] .ot-user-drawer-section-title { color: var(--ot-text-muted) !important; }
:root[data-ot-theme="light"] .ot-user-drawer-divider { background: var(--ot-border); }
/* Bakiye chevron */
:root[data-ot-theme="light"] .ot-user-drawer-balance-chevron { color: var(--ot-text-muted) !important; }
/* Backdrop karartması kaldırıldı (kullanıcı isteği) — dark tema kuralı zaten transparent. */

/* --- MOBİL ALT BAR (bottom bar) — ikon/yazı #ffffff8c (beyaz), açık barda görünmez --- */
:root[data-ot-theme="light"] .ot-mbar {
    background: var(--ot-header-overlay);
    border-top-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-mbar-item { color: #5c5c70; }        /* pasif ikon+yazı koyu gri */
:root[data-ot-theme="light"] .ot-mbar-item.is-active { color: var(--ot-primary) !important; }  /* aktif → indigo (alt bar partial'ı camgöbeğini !important basıyor) */
:root[data-ot-theme="light"] .ot-mbar-item.is-active > .bi,
:root[data-ot-theme="light"] .ot-mbar-item.is-active .ot-mbar-icon-wrap {   /* aktif ikon hapı: yumuşak indigo (camgöbeği açık zeminde sırıtıyordu) */
    background: color-mix(in srgb, var(--ot-primary) 12%, transparent) !important;
    color: var(--ot-primary) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ot-primary) 20%, transparent) !important;
}
:root[data-ot-theme="light"] .ot-mbar-item.is-active i { filter: none !important; }   /* camgöbeği parıltı yok */
:root[data-ot-theme="light"] .ot-mbar-badge { border-color: var(--ot-header-bg); }  /* rozet halkası platine otursun */

/* --- MEGA MENÜ TETİK BUTONU (Tüm Kategoriler) — daha CANLI gradient + hafif parıltı gölgesi.
   Base build CSS düz iki-durak (primary→primary-dark) → biraz sönük. 3-durak + glow ile hareketlendir.
   Metin beyaz kalır. --- */
.ot-megamenu-trigger {
    background: linear-gradient(135deg, var(--ot-primary-bright) 0%, var(--ot-primary) 55%, var(--ot-primary-dark) 100%);
    box-shadow: 0 6px 18px -6px color-mix(in srgb, var(--ot-primary) 60%, transparent);
}
.ot-megamenu-trigger:hover {
    background: linear-gradient(135deg, var(--ot-primary-bright) 0%, var(--ot-primary-bright) 45%, var(--ot-primary) 100%);
}
/* Açık temada primary_bright aslında daha KOYU (#4338ca) → canlılık için elle seçilmiş
   vivid violet→indigo gradient (bitişi koyu laciverte düşmesin, "canlı" dursun). */
:root[data-ot-theme="light"] .ot-megamenu-trigger {
    background: linear-gradient(135deg, #7c3aed 0%, #5b4fe6 52%, #4f46e5 100%);
    box-shadow: 0 6px 18px -6px rgba(124,58,237,.5);
}
:root[data-ot-theme="light"] .ot-megamenu-trigger:hover {
    background: linear-gradient(135deg, #8b5cf6 0%, #6d5ef0 50%, #5b4fe6 100%);
}

/* --- HERO — karartma scrim'i kaldırıldı (kullanıcı isteği), metin rengi korunur --- */
:root[data-ot-theme="light"] .ot-hero-v2 {
    --ot-text: #ebe8f5; --ot-text-bright: #ffffff; --ot-text-muted: #cfc9e6;
}

/* --- HERO thumb kartları — açık temada opak beyaz kart + koyu yazı
   (koyu temada --ot-bg koyu olduğu için opaktı; açıkta saydam kalıp arkadaki
   yazı içinden görünüyordu). --- */
:root[data-ot-theme="light"] .ot-hero-thumbs-inside .ot-thumb-card {
    background: rgba(255,255,255,.94);
    border-color: #e2e2ee;
    color: #2b2b40;
}
:root[data-ot-theme="light"] .ot-hero-thumbs-inside .ot-thumb-card .ot-thumb-sub { color: #676782; }
:root[data-ot-theme="light"] .ot-hero-thumbs-inside .ot-thumb-card:hover { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-hero-thumbs-inside .ot-thumb-card.active {
    background: #ffffff;
    border-color: rgba(234,88,12,.7);
    color: #1e1b4b;
}
:root[data-ot-theme="light"] .ot-hero-thumbs-inside .ot-thumb-card.active .ot-thumb-sub { color: #4a4a63; }

/* --- FOOTER → açık platin --- */
:root[data-ot-theme="light"] .ot-site-footer {
    background: var(--ot-bg-2);
    border-top-color: var(--ot-border);
    color: #2b2b40;
}
:root[data-ot-theme="light"] .ot-site-footer a { color: #4a4a63; }
:root[data-ot-theme="light"] .ot-site-footer a:hover { color: var(--ot-primary); }

/* --- BLOG bloğu (Güncel Yazılar & Rehberler) — sabit beyaz/slate metinler → koyu --- */
:root[data-ot-theme="light"] .ot-blog-block-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-block-subtitle { color: #676782; }
:root[data-ot-theme="light"] .ot-blog-card-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-card-excerpt { color: #5b5b7a; }
:root[data-ot-theme="light"] .ot-blog-card-meta { color: #7a7a95; }
/* BLOG rozeti: soluk şeffaf pill + açık lavanta yazı → görünür light tint + koyu mor yazı */
:root[data-ot-theme="light"] .ot-blog-block-badge {
    background: linear-gradient(135deg, #ede9fe, #e0f7fb);
    border-color: rgba(124,77,255,.4);
    color: #6d28d9;
}
:root[data-ot-theme="light"] .ot-blog-block-badge-label { color: #6d28d9; }
/* Accent başlık: gradient text-fill (şeffaf) → koyu ama canlı iki tonlu */
:root[data-ot-theme="light"] .ot-blog-block-title-accent {
    background: linear-gradient(135deg, #7c3aed, #0891b2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* "Tüm Yazılar" butonu: soluk gradyan + beyaz yazı → dolu canlı pill */
:root[data-ot-theme="light"] .ot-blog-block-all {
    background: linear-gradient(135deg, #7c4dff, #22d3ee);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 4px 14px rgba(124,77,255,.28);
}
:root[data-ot-theme="light"] .ot-blog-block-all:hover {
    background: linear-gradient(135deg, #6a2fe0, #17b8d4);
    color: #fff;
}

/* --- BLOG DETAY sayfası (yazı + popüler yazılar sidebar) — sabit beyaz/slate metinler → koyu --- */
:root[data-ot-theme="light"] .ot-blog-detail-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-detail-excerpt,
:root[data-ot-theme="light"] .ot-blog-detail-meta { color: #5b5b7a; }
/* Makale gövdesi ve başlıkları net koyu */
:root[data-ot-theme="light"] .ot-blog-content { color: #2b2b40; }
:root[data-ot-theme="light"] .ot-blog-content h2,
:root[data-ot-theme="light"] .ot-blog-content h3,
:root[data-ot-theme="light"] .ot-blog-content h4 { color: #1e1b4b; }
/* Etiketler / paylaş / beğeni etiketleri */
:root[data-ot-theme="light"] .ot-blog-tag { color: #5b21b6; }
:root[data-ot-theme="light"] .ot-blog-tags-label,
:root[data-ot-theme="light"] .ot-blog-share-label,
:root[data-ot-theme="light"] .ot-blog-like-text { color: #5b5b7a; }
/* Yazar kartı + Yorumlar başlığı — #fff, açık kartta görünmez */
:root[data-ot-theme="light"] .ot-blog-author-name { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-comments-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-comment-body { color: #2b2b40; }
:root[data-ot-theme="light"] .ot-blog-comment-author,
:root[data-ot-theme="light"] .ot-blog-comment-name { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-comment-login { color: #5b5b7a; }
/* İlgili yazı kartı başlığı (sınıfsız <h4>) beyaz → koyu */
:root[data-ot-theme="light"] .ot-blog-related-body h4 { color: #1e1b4b; }
/* Yazı içi inline kod amber (#f59e0b) açık zeminde soluk → koyu amber + hafif zemin */
:root[data-ot-theme="light"] .ot-blog-content code { color: #b45309; background: rgba(180,83,9,.08); }

/* Sidebar — Popüler Yazılar / Kategoriler */
:root[data-ot-theme="light"] .ot-blog-side-title,
:root[data-ot-theme="light"] .ot-blog-related-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-side-name { color: #2b2b40; }
:root[data-ot-theme="light"] .ot-blog-side-meta { color: #7a7a95; }
:root[data-ot-theme="light"] .ot-blog-side-cat,
:root[data-ot-theme="light"] .ot-blog-side-cat-name { color: #2b2b40; }
:root[data-ot-theme="light"] .ot-blog-side-cat-count { background: rgba(20,20,46,.08); color: #5b5b7a; }
:root[data-ot-theme="light"] .ot-blog-related-meta { color: #7a7a95; }

/* --- "NASIL ÇALIŞIR" adım kartları (İlan Bul / Güvenli Öde ...) --- */
:root[data-ot-theme="light"] .ot-hiw-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-hiw-desc  { color: #5b5b7a; }

/* --- FOOTER içi metinler (kolon başlıkları/alt satır) net koyu olsun --- */
:root[data-ot-theme="light"] .ot-footer-col-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-footer-bottom { color: #676782; }

/* --- E-PIN İLAN DETAYI showcase paneli — 142 sabit-beyaz değerle koyu tasarlanmış
   zengin ürün paneli. Açık temada var-driven zeminler açılıp beyaz yazılar kayboluyordu
   (beyaz-üstüne-beyaz). Hero gibi: paneli kendi içinde tutarlı KOYU panel olarak sabitle
   (açık sayfada okunur koyu ürün kartı). Sidebar (.ot-ls-card) paylaşımlı → zaten açık. --- */
:root[data-ot-theme="light"] .epin-desktop-hero,
:root[data-ot-theme="light"] .epin-mobile-hero,
:root[data-ot-theme="light"] .epin-detail-card {
    --ot-bg: #15102a;
    --ot-bg-2: #1d1738;
    --ot-card: #251f43;
    --ot-card-hover: #2f2855;
    --ot-border: #3a3266;
    --ot-text: #ebe8f5;
    --ot-text-bright: #ffffff;
    --ot-text-muted: #a8a3c4;
    --ot-header-bg: #1a1238;
    --ot-ink-rgb: 255,255,255; /* koyu panel içinde ince çizgiler beyaz kalsın */
    color: #ebe8f5;
}
:root[data-ot-theme="light"] .epin-detail-card {
    background: #1c162e;   /* panel gövdesi koyu — açık sayfa arkadan sızmasın */
}

/* --- E-PIN MOBİL HERO — .epin-mobile-hero container'ı color:#ebe8f5 miras veriyor
   (koyu-panel kurgusu için). Ancak mobilde .epin-detail-card DIŞINDAKI (title, desc,
   badges, stats, ticker, ikon butonlar) elemanlar açık sayfa bg'sinde kaldığı için
   beyaz metin görünmez oluyor. Bu elemanlara açık-tema-uyumlu KOYU renkler ver.
   Fiyat (yeşil), rozet ikon renkleri (mavi/turuncu) zaten kontrastlı → dokunma. --- */
:root[data-ot-theme="light"] .epin-m-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .epin-m-desc  { color: #4a4a63; }
:root[data-ot-theme="light"] .epin-m-stats { color: #4a4a63; }
:root[data-ot-theme="light"] .epin-m-stat strong { color: #1e1b4b; }
:root[data-ot-theme="light"] .epin-m-stat-sep   { color: rgba(20,20,46,.30); }
:root[data-ot-theme="light"] .epin-m-icon-btn   { color: #4a4a63; }
:root[data-ot-theme="light"] .epin-m-icon-btn:hover,
:root[data-ot-theme="light"] .epin-m-icon-btn:active { color: #1e1b4b; }
:root[data-ot-theme="light"] .epin-m-badge { color: #1e1b4b; }
/* Rotating trust ticker (%100 X güvencesi vb.) — mesaj metni koyu, ikon rengi ayarlanmış CSS var'dan geliyor */
:root[data-ot-theme="light"] .epin-m-ticker .epin-info-trust-msg { color: #1e1b4b; }
:root[data-ot-theme="light"] .epin-m-ticker .epin-info-trust-msg strong { color: #1e1b4b; }

/* --- E-PIN MOBİL STICKY CTA (footer üstü fiyat + Satın Al + Mesaj bandı) —
   Koyu gradient bg + beyaz metin, açık temada bulanık okunmaz oluyor.
   Açık temada beyaz/soluk-mor gradient + koyu metinle çevir. Turuncu/mavi butonlar
   kendi renkleriyle her iki temada da kontrastlı. --- */
:root[data-ot-theme="light"] .epin-m-sticky-cta {
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(245,243,255,.94)) !important;
    border-top-color: rgba(20,20,46,.14) !important;
}
:root[data-ot-theme="light"] .epin-m-cta-price-label  { color: #676782; }
:root[data-ot-theme="light"] .epin-m-cta-price-amount { color: #1e1b4b; }
:root[data-ot-theme="light"] .epin-m-cta-stock        { color: #676782; }
:root[data-ot-theme="light"] .epin-m-buy-btn.epin-m-buy-btn-soldout {
    background: rgba(239,68,68,.15);
    color: #b91c1c;
}

/* --- Normal (hesap) ilan detayı — birkaç sabit #fff metin açık kartta görünmez --- */
:root[data-ot-theme="light"] .ot-ls-qty-btn,
:root[data-ot-theme="light"] .ot-ls-qty-input { color: #2b2b40; }
:root[data-ot-theme="light"] .ot-ls-qty { background: rgba(20,20,46,.05); }
:root[data-ot-theme="light"] .ot-similar-section { border-top-color: var(--ot-border); }
:root[data-ot-theme="light"] .ot-listing-row-title { color: #1e1b4b; }

/* --- İlan detay başlığı: rozet & etiketler koyu-tema pastelleriyle (mint yeşil #34d399,
   açık mor #a78bfa, beyaz) tasarlanmış → açık/beyaz zeminde kayboluyor. Açık temada koyu,
   okunur tonlara çek (zeminler zaten hafif renkli, sadece metin/ikon koyulaşıyor). --- */
/* "Onaylı Satıcı" yeşil pill (başlık sağ üstü) */
:root[data-ot-theme="light"] .ot-ld-verified { color: #047857; border-color: #05966955; }
:root[data-ot-theme="light"] .ot-ld-verified i { color: #059669; }
/* "Stokta Mevcut" yeşil chip */
:root[data-ot-theme="light"] .ot-ld-chip--ok { color: #047857; border-color: #05966955; }
:root[data-ot-theme="light"] .ot-ld-chip--ok i { color: #059669; }
/* "Doğrulanmış Satıcı" mor chip */
:root[data-ot-theme="light"] .ot-ld-chip--trust { color: #6d28d9; border-color: #7c3aed52; }
:root[data-ot-theme="light"] .ot-ld-chip--trust i { color: #7c3aed; }

/* --- "Fiyat Alarmı Kur" kutusu (sidebar): container color:#fff + small:#fff9 → açıkta görünmez --- */
:root[data-ot-theme="light"] .ot-ls-pa-trigger { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-ls-pa-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-ls-pa-trigger small { color: #5b5b7a; }

/* --- "Kimlik Doğrulandı" güven rozeti (seller-trust-badge, --verified) —
   color:#4ade80 / strong:#86efac (çok açık) → koyu okunur yeşile çek. --- */
:root[data-ot-theme="light"] .ot-trust-badge--verified { color: #047857; }
:root[data-ot-theme="light"] .ot-trust-badge--verified strong { color: #065f46; }
:root[data-ot-theme="light"] .ot-trust-badge--verified i { color: #059669; }

/* Header CTA "Ücretsiz İlan Ver" — güven rozetiyle (Kimlik Doğrulandı) uyumlu yumuşak yeşil:
   dolu yeşil + beyaz yazı yerine yeşil tint zemin + yeşil kenarlık + koyu/uyumlu yeşil yazı.
   .ot-nav-cta ile scope → base kuralı kaynak sırasından bağımsız yener. */
.ot-nav-cta .ot-btn-green {
    background: linear-gradient(135deg, #22c55e26, #22c55e0d);
    border-color: #22c55e66;
    color: #86efac;
    box-shadow: none;
}
.ot-nav-cta .ot-btn-green i { color: #22c55e; }
.ot-nav-cta .ot-btn-green:hover {
    background: linear-gradient(135deg, #22c55e3d, #22c55e14);
    border-color: #22c55e99;
    color: #bbf7d0;
    box-shadow: 0 0 18px #22c55e33;
    transform: translateY(-1px);
}
:root[data-ot-theme="light"] .ot-nav-cta .ot-btn-green {
    background: linear-gradient(135deg, #22c55e1f, #22c55e0d);
    border-color: #05966966;
    color: #065f46;
}
:root[data-ot-theme="light"] .ot-nav-cta .ot-btn-green i { color: #059669; }
:root[data-ot-theme="light"] .ot-nav-cta .ot-btn-green:hover { color: #064e3b; border-color: #05966699; }

/* --- Uyarı kutuları: pastel açık metin → koyu --- */
:root[data-ot-theme="light"] .ot-alert-info    { color: #155e75; }
:root[data-ot-theme="light"] .ot-alert-success { color: #065f46; }
:root[data-ot-theme="light"] .ot-alert-warning { color: #92400e; }
:root[data-ot-theme="light"] .ot-alert-danger  { color: #991b1b; }

/* --- İçerik alanı sabit-beyaz metinleri → koyu --- */
:root[data-ot-theme="light"] .epin-showcase-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .epin-tab.is-active,
:root[data-ot-theme="light"] .epin-showcase-all:hover { color: #1e1b4b; }
/* Anasayfa Son Eklenen/Popüler tab'ları — base CSS zaten var(--ot-text-bright)
   / var(--ot-text-muted) kullanıyor, açık temada da otomatik koyu görünür.
   Eski beyaz override kaldırıldı (container gerçekte açık temada dark değildi). */
:root[data-ot-theme="light"] .epin-tab { color: #676782; }
:root[data-ot-theme="light"] .epin-tab:hover { color: #2b2b40; }
:root[data-ot-theme="light"] .epin-showcase-tabs { border-bottom-color: #e2e2ee; }
:root[data-ot-theme="light"] .epin-tab-icon { background: #f0f0f6; color: #676782; }

/* --- Anasayfa E-PIN vitrini (ürün satırları) — koyu-yarısaydam zeminle tasarlanmış,
   açık platinde soluk/çamurlu görünüyor. Açık kart görünümüne çevir. --- */
:root[data-ot-theme="light"] .epin-row {
    background: #ffffff;
    border: 1px solid var(--ot-border);
    color: #2b2b40;
}
:root[data-ot-theme="light"] .epin-col-game { color: #1e1b4b; }
:root[data-ot-theme="light"] .epin-row-qty {
    background: rgba(20,20,46,.05);
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .epin-row-qty-input { color: #2b2b40; }

/* --- Anasayfa kategori bloğu (ot-cat-block: "Mobil Oyun İlanları" vb.) — koyu banner
   olarak tasarlanmış; açık temada açık platin zemin + koyu başlık. Renkli oyun kartları korunur. --- */
:root[data-ot-theme="light"] .ot-cat-block {
    background:
        radial-gradient(circle at 18% 22%, rgba(124,77,255,.10), transparent 45%),
        radial-gradient(circle at 82% 28%, rgba(34,211,238,.08), transparent 50%),
        radial-gradient(circle at 50% 95%, rgba(236,72,153,.07), transparent 50%),
        linear-gradient(180deg, #eceef4, #e4e6ee) !important;
}
:root[data-ot-theme="light"] .ot-cat-block-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-cat-block-subtitle { color: #5b5b7a; }
/* Arkaplan ikon deseni koyu temada beyaz (color:#fff) → açık platin zeminde kaybolur.
   Açık temada koyu lacivert yap; her ikonun inline opaklığı (0.03–0.09) korunur, soluk his aynı. */
:root[data-ot-theme="light"] .ot-cat-block-pattern i { color: #1e1b4b; }

/* --- İlan Pazarı / kategori gezgini (category-explorer) — beyaz metinler --- */
:root[data-ot-theme="light"] .ot-cat-chip { color: #2b2b40; }
:root[data-ot-theme="light"] .ot-cat-chip.is-active { color: #fff; }
:root[data-ot-theme="light"] #otMmTitle { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-mm-count { color: #7a7a95; }

/* --- İlan kartı sayaç pili (👁 görüntüleme) — görsel üzerinde durur; her temada koyu çip --- */
:root[data-ot-theme="light"] .ot-lc-meta-pill { background: rgba(15,15,25,.6); color: #fff; }

/* NOT: Giriş/Kayıt modalı kendi içinde KOYU bir bileşen (hero/E-PIN gibi) — beyaz metinleri
   okunaklı, dokunulmadı. Açık temaya çevirmeye çalışmak kayıt formunu bozuyordu. */

/* --- İlan sekmeleri / "Nasıl Kullanılır" bölümü (.ot-lt-content) — açık platin zeminli
   ama E-PIN koyu-panel sabitlemesinden açık metin rengi miras alıyor → koyu metne çevir --- */
:root[data-ot-theme="light"] .ot-lt-content,
:root[data-ot-theme="light"] .ot-lt-content p,
:root[data-ot-theme="light"] .ot-lt-content li,
:root[data-ot-theme="light"] .ot-lt-content span,
:root[data-ot-theme="light"] .ot-lt-content td { color: #2b2b40; }
:root[data-ot-theme="light"] .ot-lt-content h1,
:root[data-ot-theme="light"] .ot-lt-content h2,
:root[data-ot-theme="light"] .ot-lt-content h3,
:root[data-ot-theme="light"] .ot-lt-content h4,
:root[data-ot-theme="light"] .ot-lt-content strong,
:root[data-ot-theme="light"] .ot-lt-content b { color: #1e1b4b; }
/* Sekme başlık çubuğu koyu temada --ot-bg-2 (açıkta ağır gri #d2d4dc) → beyaz içerikle
   çelişiyordu. Açık temada içerikle uyumlu açık kart zemini + alt kenarlık ver. */
:root[data-ot-theme="light"] .ot-lt-headers {
    background: var(--ot-card);
    border-bottom: 1px solid var(--ot-border);
}
:root[data-ot-theme="light"] .ot-lt-header { color: #4a4a63; }
/* Aktif sekme: koyu temada metin var(--ot-bg) (koyu) → parlak zeminde okunur; açık temada
   --ot-bg açık gri olunca mor zeminde soluk/uyumsuz. Sitenin imza aktif rengi (primary
   gradient) + net beyaz yazı ile uyumla. */
:root[data-ot-theme="light"] .ot-lt-header.is-active {
    background: linear-gradient(135deg, var(--ot-primary) 0%, var(--ot-primary-dark) 100%);
    color: #fff;
    box-shadow: 0 2px 10px color-mix(in srgb, var(--ot-primary) 30%, transparent);
}
:root[data-ot-theme="light"] .ot-lt-header.is-active i { color: #fff; }
:root[data-ot-theme="light"] .ot-lt-header.is-active .ot-lt-count {
    background: rgba(255,255,255,.25);
    color: #fff;
}
/* Hover koyu temada beyaz overlay + beyaz metin → açıkta görünmez; koyu metin + hafif zemin */
:root[data-ot-theme="light"] .ot-lt-header:hover {
    background: rgba(0,0,0,.04);
    color: var(--ot-primary);
}
/* Inactive sayaç pili — açık zeminde okunur koyu metin */
:root[data-ot-theme="light"] .ot-lt-header:not(.is-active) .ot-lt-count {
    background: rgba(0,0,0,.08);
    color: #4a4a63;
}
/* Sağ kenar scroll-fade gradient'i açık çubuk rengine uysun */
:root[data-ot-theme="light"] .ot-listing-tabs::after {
    background: linear-gradient(to left, var(--ot-card), transparent);
}
:root[data-ot-theme="light"] .ot-lt-content a { color: var(--ot-primary); }

/* İlan özet kartı rozetleri — koyu temaya göre açık tonlar (#fca5a5, #4ade80) açık zeminde
   soluk kalıyordu. Açık temada koyu/doygun tonlara çek. */
:root[data-ot-theme="light"] .ot-ls-secure {
    color: #b91c1c;
    border-color: rgba(220,38,38,.4);
    background: linear-gradient(135deg, rgba(220,38,38,.07) 0%, transparent 100%);
}
:root[data-ot-theme="light"] .ot-ls-badge-active {
    background: rgba(34,197,94,.14);
    color: #15803d;
    border-color: rgba(21,128,61,.5);
}
:root[data-ot-theme="light"] .ot-ls-badge-soldout {
    background: rgba(220,38,38,.12);
    color: #b91c1c;
    border-color: rgba(185,28,28,.5);
}

/* İlgili Aramalar (SEO çipleri) — koyu temaya göre açık renkler (#c4b5fd, #e5e7eb,
   rgba beyaz zemin) açık temada soluk/görünmez kalıyordu. Okunur koyu tonlara çek. */
:root[data-ot-theme="light"] .ot-rel-seo {
    background: var(--ot-card);
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-rel-seo-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-rel-seo-pill {
    background: var(--ot-bg-2);
    color: var(--ot-primary);
    border-color: color-mix(in srgb, var(--ot-primary) 40%, transparent);
}
:root[data-ot-theme="light"] .ot-rel-seo-pill:hover {
    background: color-mix(in srgb, var(--ot-primary) 12%, transparent);
    border-color: var(--ot-primary);
    color: var(--ot-primary-dark);
}
:root[data-ot-theme="light"] .ot-rel-seo-pill--hub {
    background: color-mix(in srgb, var(--ot-cyan) 14%, transparent);
    color: color-mix(in srgb, var(--ot-cyan) 78%, #000);
    border-color: color-mix(in srgb, var(--ot-cyan) 50%, transparent);
}

/* Üretilmiş e-pin kartı (baked PNG) — yazılar zaten okunur şekilde basılı. .edc-img'in
   brightness(.85) filtresi + .edc-overlay alt scrim'i kartı gereksiz karartıp gömülü beyaz
   footer/denominasyon yazısını griye çeviriyordu. Baked kartta bu karartmaları kaldır
   (CSS metin overlay'i .edc-content zaten sadece baked kart YOKKEN basılıyor). */
.epin-detail-card.has-baked .edc-img { filter: none !important; }
.epin-detail-card.has-baked .edc-overlay { display: none !important; }

/* === KATEGORİ SAYFASI — koyu-tema beyaz/pastel metinleri açık hero/kart/satır
   zeminlerinde soluk/görünmez kalıyordu (canlı kontrast taramasıyla tespit). === */
/* Başlık gradient text-fill kullanıyor (-webkit-text-fill-color:transparent + beyaz gradient
   background-clip:text) → color yok sayılıyor. Gradient'i kaldırıp koyu düz dolgu ver. */
:root[data-ot-theme="light"] .cat-page-hero-title,
:root[data-ot-theme="light"] .cat-empty-title {
    background: none;
    -webkit-text-fill-color: #1e1b4b;
    color: #1e1b4b;
}
:root[data-ot-theme="light"] .cat-page-hero-subtitle { color: #5b5b7a; }
:root[data-ot-theme="light"] .cat-page-hero-badge { background: rgba(20,20,46,.55); color: #fff; }
:root[data-ot-theme="light"] .cat-seo-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .cat-seo-title i { color: var(--ot-primary); }
/* SSS accordion — soru beyaz + zemin şeffaf, cevap beyaz → açık temada görünmüyordu */
:root[data-ot-theme="light"] .cat-faq-accordion .accordion-button {
    background: var(--ot-bg-2);
    color: #1e1b4b;
}
:root[data-ot-theme="light"] .cat-faq-accordion .accordion-button:not(.collapsed) { color: #1e1b4b; }
:root[data-ot-theme="light"] .cat-faq-accordion .accordion-body {
    background: var(--ot-bg-2);
    color: #3a3a52;
}
:root[data-ot-theme="light"] .cat-faq-accordion .accordion-body a { color: var(--ot-primary); }
/* İlan detay: "Teklif/Sepet için Giriş Yap" butonları açık temada neon turuncu/cyan yerine
   sitenin mor primary'si (koyu tema aynen kalır). */
:root[data-ot-theme="light"] .ot-login-cta {
    background: linear-gradient(135deg, var(--ot-primary), var(--ot-primary-dark)) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--ot-primary) 30%, transparent) !important;
}
:root[data-ot-theme="light"] .ot-login-cta i { color: #fff !important; }
/* İlanı Şikayet Et modalı — uyarı kutusu beyaz yazı + çok soluk zemin → canlı amber + koyu yazı */
:root[data-ot-theme="light"] .ot-report-guest-warn {
    background: #fff5e0;
    border-color: rgba(245,158,11,.45);
    color: #8a5108;
}
:root[data-ot-theme="light"] .ot-report-guest-warn i { color: #d97706; }
:root[data-ot-theme="light"] .ot-report-guest-warn a { color: #b45309; }
:root[data-ot-theme="light"] .ot-report-listing-meta { color: #2a2545; }
:root[data-ot-theme="light"] .ot-report-modal .modal-header { border-bottom-color: var(--ot-border); }
:root[data-ot-theme="light"] .ot-report-modal .modal-title { color: #1e1b4b; }
/* "Arkadaşına Hediye Et" kartı — başlık + sağ ok beyaz → açık temada görünmüyordu */
:root[data-ot-theme="light"] .ot-gift-cta-body strong { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-gift-cta-arrow { color: var(--ot-primary); }
/* "Hediye Gönder" modalı — başlık/etiketler/şablon adları/onay beyaz + inputlar soluk → açık temaya uyumlu */
:root[data-ot-theme="light"] .ot-gift-modal .modal-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-gift-modal .form-label { color: #2a2545; }
:root[data-ot-theme="light"] .ot-gift-tpl-name { color: #2a2545; }
:root[data-ot-theme="light"] .ot-gift-modal .form-check-label { color: #2a2545; }
:root[data-ot-theme="light"] .ot-gift-modal .form-check-label strong { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-gift-modal .form-check-label a { color: var(--ot-primary); }
:root[data-ot-theme="light"] .ot-gift-intro { color: #3a3a52; }
:root[data-ot-theme="light"] .ot-gift-modal .form-control {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
    color: #2a2545;
}
:root[data-ot-theme="light"] .ot-gift-modal .form-control::placeholder { color: #8a8aa3; }
/* Kapatma (X) butonu: btn-close-white açık modalda beyaz kalıyordu → koyu X (filter'ı kaldır) */
:root[data-ot-theme="light"] .ot-gift-modal .btn-close,
:root[data-ot-theme="light"] .ot-report-modal .btn-close { filter: none; }
:root[data-ot-theme="light"] .cat-seo-body,
:root[data-ot-theme="light"] .cat-seo-body p,
:root[data-ot-theme="light"] .cat-seo-body li,
:root[data-ot-theme="light"] .cat-seo-body td { color: #3a3a52; }
:root[data-ot-theme="light"] .cat-seo-body h1,
:root[data-ot-theme="light"] .cat-seo-body h2,
:root[data-ot-theme="light"] .cat-seo-body h3,
:root[data-ot-theme="light"] .cat-seo-body strong { color: #1e1b4b; }
:root[data-ot-theme="light"] .cat-empty-desc { color: #5b5b7a; }
:root[data-ot-theme="light"] .ot-sibling-cats-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-sibling-cat-pill {
    background: var(--ot-bg-2);
    color: var(--ot-primary);
    border-color: color-mix(in srgb, var(--ot-primary) 40%, transparent);
}
:root[data-ot-theme="light"] .ot-sibling-cat-count { color: var(--ot-primary); }

/* === BLOK/KART ZEMİN & KENARLIKLARI (sadece yazı değil) — koyu-temada bloklar
   rgba(255,255,255,.03–.08) zemin + kenarlık kullanıyor; açık zeminde İKİSİ DE görünmez,
   bloklar birbirine karışıyor. Açık temada okunur zemin + tema kenarlığı ver. === */
:root[data-ot-theme="light"] .ot-cat-card {
    background: var(--ot-card);
    border-color: #0000006b;
}
:root[data-ot-theme="light"] .ot-cat-card:hover,
:root[data-ot-theme="light"] .ot-cat-card.is-selected,
:root[data-ot-theme="light"] .ot-cat-card.active {
    border-color: var(--ot-primary);
    background: color-mix(in srgb, var(--ot-primary) 6%, var(--ot-card));
}
:root[data-ot-theme="light"] .ot-create-wizard .card {
    background: #fff;
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-cat-bc {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
}
/* Form inputları — kenarlık rgba(255,255,255,.1) açıkta görünmez. var(--ot-border) hem açık
   sayfalarda hem koyu-sabitli kapsayıcılarda (kendi --ot-border'ını koyuya tanımlar) doğru. */
:root[data-ot-theme="light"] .form-control,
:root[data-ot-theme="light"] .form-select {
    border-color: var(--ot-border);
}
/* Fiyat input grubu çerçevesi (.ot-price-group) — zemin+kenarlık beyaz-alfa → görünmez */
:root[data-ot-theme="light"] .ot-price-group {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
}
/* Onay kutusu kenarlığı beyaz-alfa → görünmez. İşaretli (primary) durumu :not(:checked) korur */
:root[data-ot-theme="light"] .form-check-input:not(:checked) {
    border-color: var(--ot-border);
}

/* İlan Ver sihirbazı — kategori kartı başlık/alt başlığı beyazımsı (#f3f4f6 / #9ca3af),
   kartın açık footer zemininde soluk. Başlık koyu, alt başlık okunur gri. */
:root[data-ot-theme="light"] .ot-cat-card-name { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-cat-card-meta,
:root[data-ot-theme="light"] .ot-cat-card-meta span { color: #5b5b7a; }
/* Sihirbazın 2. (Bilgi & Görsel) ve 3. (Önizleme) adımları — form etiketleri, başlıklar,
   muted/emphasis metinleri koyu-tema beyazımsı renklerle → açık zeminde soluk. Kapsayıcıya
   scope'lu (koyu modalleri etkilemez). */
:root[data-ot-theme="light"] .ot-create-wizard .form-label,
:root[data-ot-theme="light"] .ot-create-wizard .form-check-label,
:root[data-ot-theme="light"] .ot-create-wizard strong { color: #2b2b40; }
/* İlan Ver form input/textarea/select — base'de beyaz metin (görünmez) → koyu metin + beyaz zemin */
:root[data-ot-theme="light"] .ot-create-wizard .form-control,
:root[data-ot-theme="light"] .ot-create-wizard .form-select,
:root[data-ot-theme="light"] .ot-create-wizard textarea.form-control {
    background: #ffffff !important;
    color: #1e1b4b !important;
    border-color: var(--ot-border) !important;
}
:root[data-ot-theme="light"] .ot-create-wizard .form-control:focus,
:root[data-ot-theme="light"] .ot-create-wizard .form-select:focus,
:root[data-ot-theme="light"] .ot-create-wizard textarea.form-control:focus {
    background: #ffffff !important;
    color: #1e1b4b !important;
}
:root[data-ot-theme="light"] .ot-create-wizard .form-control::placeholder,
:root[data-ot-theme="light"] .ot-create-wizard textarea.form-control::placeholder { color: #9ca3af; }
/* "Seçili Kategori" özet kartı — label (#9ca3af) ve name (#fff) açık zeminde soluk */
:root[data-ot-theme="light"] .ot-cat-selected { color: #2b2b40; }
:root[data-ot-theme="light"] .ot-cat-selected-label { color: #5b5b7a; }
:root[data-ot-theme="light"] .ot-cat-selected-name { color: #1e1b4b; }
/* Modern Alert (Sohbeti Sonlandır vb. onay popupları) — başlık/metin beyaz, açıkta görünmez */
:root[data-ot-theme="light"] .ot-modern-alert-box {
    background: #ffffff;
    border-color: color-mix(in srgb, var(--ot-primary) 25%, var(--ot-border));
    box-shadow: 0 25px 60px rgba(30, 27, 75, .18);
}
:root[data-ot-theme="light"] .ot-modern-alert-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-modern-alert-body  { color: #4b5563; }
/* Görüşme anketi — boş yıldız base'de rgba(255,255,255,.2) → açıkta görünmez */
:root[data-ot-theme="light"] .ot-support__stars > i { color: #d1d5db; }
:root[data-ot-theme="light"] .ot-support__stars > i.bi-star-fill { color: #f59e0b; }
:root[data-ot-theme="light"] .ot-support__rate h4 { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-support__rate textarea {
    background: #ffffff;
    border: 1px solid var(--ot-border);
    color: #1e1b4b;
}
:root[data-ot-theme="light"] .ot-support__rate textarea::placeholder { color: #9ca3af; }
/* Bildirimler sayfası — preview/time base'de beyaz-alfa fallback → açıkta görünmez */
:root[data-ot-theme="light"] .ot-notif-body strong { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-notif-body .preview { color: #4b5563; }
:root[data-ot-theme="light"] .ot-notif-time { color: #6b7280; }
/* Kategori sayfası — "Kategori ara..." kutusu (base'de metin/placeholder/ikon beyaz-alfa) */
:root[data-ot-theme="light"] .cat-children-search {
    background: #ffffff;
    color: #1e1b4b;
    border-color: color-mix(in srgb, var(--ot-primary) 25%, var(--ot-border));
}
:root[data-ot-theme="light"] .cat-children-search::placeholder { color: #9ca3af; }
:root[data-ot-theme="light"] .cat-children-search-wrap > i { color: #9ca3af; }
:root[data-ot-theme="light"] .cat-children-search:focus { background: #ffffff; }
/* Kategori kartı sağ üst rakam badge — açık temada base beyaz-blur zemin + beyaz metin → soluk.
   Zemini koyulaştır, metin beyaz kalsın — görsel üstünde her tema tutarlı ve okunur. */
:root[data-ot-theme="light"] .cat-child-count {
    background: rgba(30, 27, 75, .70);
    border-color: color-mix(in srgb, var(--ot-primary) 45%, transparent);
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(30, 27, 75, .28);
}
/* İlan yatay satırında (row) featured ::before pseudo-badge blade'deki
   .ot-listing-row-badge-featured ile çift kalıyordu → CSS badge'i gizle. */
.ot-listing-row.is-featured::before { content: none !important; display: none !important; }
/* Mobil yatay ilan (normal kart) — CSS grid:
   satır1: başlık (tam genişlik, altında çizgi)
   satır2: [resim | açıklama | fiyat+butonlar]
   satır3: kategori + mağaza + görüntülenme alt şerit (tam genişlik, üstünde çizgi) */
.ot-lr-top-title { display: none; }
.ot-lr-bottom-meta { display: none; }
@media (max-width: 768px){
    .ot-listing-row:not(.is-epin){
        display: grid !important;
        grid-template-columns: 92px minmax(0,1fr) auto;
        grid-template-areas:
            "title title  title"
            "thumb desc   desc"
            "thumb price  buttons"
            "meta  meta   meta";
        column-gap: .6rem;
        row-gap: .45rem;
        align-items: start;
        padding: .6rem;
    }
    /* info + actions kapsayıcılarını şeffaflaştır → çocuklar doğrudan grid item olur */
    .ot-listing-row:not(.is-epin) .ot-listing-row-info,
    .ot-listing-row:not(.is-epin) .ot-listing-row-actions { display: contents !important; }

    .ot-listing-row:not(.is-epin) .ot-lr-top-title{
        display: block !important;
        grid-area: title;
        margin: 0;
        padding-bottom: .4rem;
        border-bottom: 1px solid rgba(var(--ot-ink-rgb), .08);
        color: var(--ot-text-bright);
        font-size: .9rem; font-weight: 700; line-height: 1.25;
        text-decoration: none;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .ot-listing-row:not(.is-epin) .ot-listing-row-thumb{
        grid-area: thumb; width: 92px !important; align-self: stretch; min-height: 92px;
    }
    .ot-listing-row:not(.is-epin) .ot-listing-row-thumb img{ height: 100% !important; object-fit: cover; }
    /* Fiyat bloğu — fiyat üstte, TEKLİF + yıldız altında */
    .ot-listing-row:not(.is-epin) .ot-listing-row-price-block{
        grid-area: price; align-self: center;
        display: flex; flex-flow: row wrap; align-items: center; gap: .3rem .45rem;
        justify-content: flex-start;
    }
    .ot-listing-row:not(.is-epin) .ot-listing-row-price{ flex: 0 0 100%; }
    /* Butonlar — fiyatın hemen yanında (detay + kalp yan yana) */
    .ot-listing-row:not(.is-epin) .ot-listing-row-buttons{
        grid-area: buttons; align-self: center;
    }
    /* Açıklama — tam genişlik (resim + fiyat/buton satırının altında) */
    .ot-listing-row:not(.is-epin) .ot-listing-row-desc{
        grid-area: desc; margin: 0; align-self: start;
        font-size: .74rem; line-height: 1.45;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
        overflow: hidden; white-space: normal;
    }
    /* Alt şerit — kategori + mağaza + görüntülenme, üstünde çizgi */
    .ot-listing-row:not(.is-epin) .ot-lr-bottom-meta{
        display: flex !important;
        grid-area: meta;
        align-items: center;
        gap: .6rem;
        flex-wrap: wrap;
        margin-top: .1rem;
        padding-top: .45rem;
        border-top: 1px solid rgba(var(--ot-ink-rgb), .08);
        font-size: .68rem;
        color: var(--ot-text-muted);
    }
    .ot-lr-bm-chip{
        background: color-mix(in srgb, var(--ot-primary) 16%, transparent);
        color: var(--ot-primary-bright);
        font-weight: 700;
        padding: .12rem .5rem;
        border-radius: 999px;
        letter-spacing: .3px;
    }
    .ot-lr-bm-seller, .ot-lr-bm-views{ display: inline-flex; align-items: center; gap: .25rem; font-weight: 600; }
    .ot-lr-bm-seller i, .ot-lr-bm-views i{ color: var(--ot-primary-bright); }
    /* Kategori solda, kullanıcı adı + görüntülenme sağa yaslı */
    .ot-lr-bm-seller{ margin-left: auto; }
    /* Gizlenenler — eski chip/head/başlık/seller-bar (yerlerine yeni elemanlar geçti) */
    .ot-listing-row:not(.is-epin) .ot-listing-row-chip,
    .ot-listing-row:not(.is-epin) .ot-listing-row-head,
    .ot-listing-row:not(.is-epin) .ot-listing-row-title-link,
    .ot-listing-row:not(.is-epin) .ot-listing-row-seller-bar { display: none !important; }
}
/* Açık tema */
:root[data-ot-theme="light"] .ot-lr-top-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-lr-bottom-meta { color: #6b7280; }
:root[data-ot-theme="light"] .ot-lr-bm-chip { color: var(--ot-primary); }
/* Blog yorum textarea — base'de color: #e2e8f0 (açık gri) → light zeminde metin görünmez */
:root[data-ot-theme="light"] .ot-blog-comment-form textarea,
:root[data-ot-theme="light"] .ot-blog-comment-form textarea:focus {
    background: #ffffff;
    color: #1e1b4b;
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-blog-comment-form textarea::placeholder { color: #9ca3af; }
/* Yorumlar başlığı + isim + gövde — base'de #fff/#e2e8f0/#cbd5e1 → açıkta soluk */
:root[data-ot-theme="light"] .ot-blog-comments-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-comment-meta strong { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-comment-meta small { color: #6b7280; }
:root[data-ot-theme="light"] .ot-blog-comment-body { color: #374151; }
/* Sidebar "Yeni Yazıları Kaçırma" CTA — h4 #fff + p #94a3b8, light gradient üstünde soluk */
:root[data-ot-theme="light"] .ot-blog-side-cta h4 { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-side-cta p { color: #4b5563; }
/* Blog listesi alt başlık — base #94a3b8, açıkta soluk */
:root[data-ot-theme="light"] .ot-blog-list-subtitle { color: #374151; }
/* Blog arama kutusu — base color:#fff, açıkta metin görünmez */
:root[data-ot-theme="light"] .ot-blog-list-search { background: #ffffff; border-color: var(--ot-border); }
:root[data-ot-theme="light"] .ot-blog-list-search input { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-list-search input::placeholder { color: #9ca3af; }
:root[data-ot-theme="light"] .ot-blog-list-search-clear { color: #6b7280; }
:root[data-ot-theme="light"] .ot-blog-list-search-clear:hover { color: #1e1b4b; }
/* Blog "Sonuç bulunamadı" empty state — h4 #fff, açıkta görünmez */
:root[data-ot-theme="light"] .ot-blog-list-empty { color: #4b5563; }
:root[data-ot-theme="light"] .ot-blog-list-empty h4 { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-blog-list-empty i { color: #9ca3af; opacity: .7; }
/* Yayıncı bağış formu — label #fff, input bg dark + color #fff, açık temada tamamen soluk */
:root[data-ot-theme="light"] .donate-label { color: #1e1b4b; }
:root[data-ot-theme="light"] .donate-label small { color: #6b7280; }
:root[data-ot-theme="light"] .donate-input {
    background: #ffffff;
    border: 1px solid var(--ot-border);
    color: #1e1b4b;
}
:root[data-ot-theme="light"] .donate-input::placeholder { color: #9ca3af; }
:root[data-ot-theme="light"] .donate-check { color: #374151; }
:root[data-ot-theme="light"] .donate-quick-grid-new {
    background: rgba(30, 27, 75, .05);
    border: 1px solid var(--ot-border);
}
:root[data-ot-theme="light"] .donate-quick-btn-new { color: #1e1b4b; }
:root[data-ot-theme="light"] .donate-quick-btn-new:hover { background: color-mix(in srgb, var(--ot-primary) 10%, transparent); }
:root[data-ot-theme="light"] .donate-quick-btn-new.active { color: #ffffff; }
/* Blog kategori chip'leri — base'de dark bg + light text; açıkta chip zemini soluk olunca text soluk kalıyor */
:root[data-ot-theme="light"] .ot-blog-chip {
    background: rgba(30, 27, 75, .06) !important;
    border-color: rgba(30, 27, 75, .18) !important;
    color: #1e1b4b !important;
}
:root[data-ot-theme="light"] .ot-blog-chip i { color: var(--ot-primary) !important; }
:root[data-ot-theme="light"] .ot-blog-chip:hover {
    color: #1e1b4b !important;
    background: color-mix(in srgb, var(--ot-primary) 12%, transparent) !important;
    border-color: var(--ot-primary) !important;
}
:root[data-ot-theme="light"] .ot-blog-chip.active,
:root[data-ot-theme="light"] .ot-blog-chip.active i { color: #ffffff !important; }
:root[data-ot-theme="light"] .ot-blog-chip.active {
    background: linear-gradient(135deg, var(--ot-cyan) 0%, var(--ot-primary) 100%) !important;
    border-color: transparent !important;
}
:root[data-ot-theme="light"] .ot-create-wizard h2,
:root[data-ot-theme="light"] .ot-create-wizard h3,
:root[data-ot-theme="light"] .ot-create-wizard h4,
:root[data-ot-theme="light"] .ot-create-wizard h5,
:root[data-ot-theme="light"] .ot-create-wizard h6,
:root[data-ot-theme="light"] .ot-create-wizard .ot-summary-title { color: #1e1b4b !important; }
/* Stepper adım etiketleri + önizleme yeşil durum metni */
:root[data-ot-theme="light"] .ot-step-label { color: #5b5b7a; }
:root[data-ot-theme="light"] .ot-step.active .ot-step-label { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-create-wizard .ot-summary-price span { color: #059669 !important; }
:root[data-ot-theme="light"] .ot-cat-bc-item.active { color: var(--ot-primary); }
:root[data-ot-theme="light"] .ot-cat-sticky,
:root[data-ot-theme="light"] .ot-cat-sticky span { color: #2b2b40; }
/* .text-muted base'de !important kullanıyor → scoped override'a da !important gerek */
:root[data-ot-theme="light"] .ot-create-wizard .text-muted { color: #5b5b7a !important; }
/* Önizleme adımı sınıfsız gri etiketleri (Kategori:, sayaçlar, "Görsel eklenmedi") */
:root[data-ot-theme="light"] .ot-create-wizard .ot-summary-novideo,
:root[data-ot-theme="light"] .ot-create-wizard .ot-summary-novideo p,
:root[data-ot-theme="light"] .ot-create-wizard .ot-summary-price span { color: #5b5b7a; }

/* Kategori araç çubuğu arama kutusu (Oyun Ara...) — yazı/placeholder/ikon beyaz → açıkta soluk */
:root[data-ot-theme="light"] .cat-toolbar-input { color: #2b2b40; }
:root[data-ot-theme="light"] .cat-toolbar-input::placeholder { color: #8a8aa0; }
:root[data-ot-theme="light"] .cat-toolbar-input-wrap i,
:root[data-ot-theme="light"] .cat-toolbar-input-wrap .bi-search { color: #8a8aa0; }

/* Sıralama açılır tetiği (ot-mselect) — beyaz metin + beyaz-alfa zemin açıkta kayboluyordu */
:root[data-ot-theme="light"] .ot-mselect-trigger {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
    color: #2b2b40;
}
:root[data-ot-theme="light"] .ot-mselect-text { color: #2b2b40; }
/* Özel açılır menü paneli (body'ye eklenen popup) — 12% koyu tint açık panel; seçenek yazıları
   beyazımsı (#e5e7eb) → soluk. Panel'i solid açık yap, seçenekleri koyu; seçili (is-active,
   mor) beyaz kalır. */
:root[data-ot-theme="light"] .ot-mselect-menu {
    background: var(--ot-card);
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-mselect-item:not(.is-active) { color: #2b2b40; }
:root[data-ot-theme="light"] .ot-mselect-item.is-disabled { color: #9a9ab0; }
:root[data-ot-theme="light"] .ot-mselect-group { color: #676782; }

/* Liste görünümü adet (−/+) butonları — beyaz metin açık satırda görünmüyordu */
:root[data-ot-theme="light"] .ot-listing-row-qty { background: rgba(20,20,46,.05); }
:root[data-ot-theme="light"] .ot-listing-row-qty-btn,
:root[data-ot-theme="light"] .ot-listing-row-qty-input { color: #2b2b40; }
/* Favoride aktif kalp (mobil fiyat satırı + e-pin mobil üst alan): açık temada --ot-pink = açık sarı (#ece251)
   ve e-pin'deki #fbbf24, beyaz zeminde neredeyse görünmüyordu → DOLU sarı daire + koyu kalp (marka rengi korunur). */
:root[data-ot-theme="light"] .ot-mls-icon-btn.is-active,
:root[data-ot-theme="light"] .epin-m-icon-btn.ot-lc-fav-btn.is-active,
:root[data-ot-theme="light"] .epin-m-icon-btn.ot-lc-fav-btn.is-on {
    background: var(--ot-pink, #facc15) !important;
    border-color: color-mix(in srgb, var(--ot-pink, #facc15) 62%, #000) !important;
    color: #3b2f00 !important;
    box-shadow: 0 3px 10px color-mix(in srgb, var(--ot-pink, #facc15) 55%, transparent);
}
:root[data-ot-theme="light"] .ot-mls-icon-btn.is-active i,
:root[data-ot-theme="light"] .epin-m-icon-btn.ot-lc-fav-btn.is-active i,
:root[data-ot-theme="light"] .epin-m-icon-btn.ot-lc-fav-btn.is-on i { color: #3b2f00 !important; }

/* Mobil e-pin satırındaki inline adet seçici: listing-row.css'teki 4-sınıflı kural (.ot-listing-row.is-epin
   .ot-listing-row-qty-inline .ot-listing-row-qty-btn) #fff zorluyor ve yukarıdaki açık tema kuralını eziyordu →
   rakam ve +/− beyaz zeminde görünmüyordu. Aynı özgüllükte yeniden tanımla. */
:root[data-ot-theme="light"] .ot-listing-row.is-epin .ot-listing-row-qty-inline {
    background: color-mix(in srgb, var(--ot-text-muted) 10%, var(--ot-card)) !important;
    border-color: color-mix(in srgb, var(--ot-text-muted) 35%, var(--ot-border)) !important;
}
:root[data-ot-theme="light"] .ot-listing-row.is-epin .ot-listing-row-qty-inline .ot-listing-row-qty-btn,
:root[data-ot-theme="light"] .ot-listing-row.is-epin .ot-listing-row-qty-inline .ot-listing-row-qty-input {
    color: var(--ot-text-bright) !important;
}
:root[data-ot-theme="light"] .ot-listing-row.is-epin .ot-listing-row-qty-inline .ot-listing-row-qty-btn:hover {
    color: var(--ot-primary) !important;
    background: color-mix(in srgb, var(--ot-primary) 12%, transparent) !important;
}

/* Liste satırı favori (kalp) butonu — default durumda beyaz kalp açık gri butonda soluk.
   Sadece favorilenmemiş hali; .is-favorited (kırmızı) ve hover korunuyor. */
:root[data-ot-theme="light"] .ot-listing-row-fav-btn:not(.is-favorited) {
    background: var(--ot-bg-2);
    color: #676782;
}
:root[data-ot-theme="light"] .ot-listing-row-fav-btn:not(.is-favorited):hover {
    background: rgba(239,68,68,.12);
    border-color: #ef4444;
    color: #ef4444;
}

/* --- İlan detayı SATICI kartı + AÇIKLAMA özellik tablosu (show.blade inline, koyu-varsayımlı) --- */
:root[data-ot-theme="light"] .ot-seller-realname { color: #676782; }
:root[data-ot-theme="light"] .ot-seller-stats-grid { background: rgba(20,20,46,.05); }
:root[data-ot-theme="light"] .ot-seller-stat-item strong { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-seller-stat-item small { color: #7a7a95; }
:root[data-ot-theme="light"] .ot-desc-attrs { border-top-color: var(--ot-border); }
:root[data-ot-theme="light"] .ot-desc-attr-row { border-bottom-color: var(--ot-border); }
:root[data-ot-theme="light"] .ot-desc-attr-label { color: #676782; }
:root[data-ot-theme="light"] .ot-desc-attr-value { color: #1e1b4b; }
/* Mesajlar/chat — gelen balon var(--ot-card)=beyaz üstüne beyaz yazı; kenar liste + başlık beyaz → açık temada görünmüyordu */
:root[data-ot-theme="light"] .ot-chat-msg-theirs .ot-chat-bubble { color: #1e1b4b; border-color: var(--ot-border); }
:root[data-ot-theme="light"] .ot-chat-conv-name,
:root[data-ot-theme="light"] .ot-chat-room-info strong { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-chat-conv-realname,
:root[data-ot-theme="light"] .ot-chat-room-realname { color: #676782 !important; }
:root[data-ot-theme="light"] .ot-chat-conv-preview { color: #5b5b7a; }
:root[data-ot-theme="light"] .ot-chat-conv-time,
:root[data-ot-theme="light"] .ot-chat-conv-last-seen,
:root[data-ot-theme="light"] .ot-chat-room-status,
:root[data-ot-theme="light"] .ot-chat-empty-list,
:root[data-ot-theme="light"] .ot-chat-empty-main { color: #676782; }
/* Mesajlar — sol panel başlık/arama/çipler + "Önemli Bilgilendirme" paneli + ayraç çizgileri */
:root[data-ot-theme="light"] .ot-chat-sidebar-head h5 { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-chat-search input { background: var(--ot-bg-2); border-color: var(--ot-border); color: #2a2545; }
:root[data-ot-theme="light"] .ot-chat-search input::placeholder { color: #8a8aa3; }
:root[data-ot-theme="light"] .ot-chat-search > i { color: var(--ot-primary); }
:root[data-ot-theme="light"] .ot-chat-filter-chip { background: var(--ot-bg-2); border-color: var(--ot-border); color: #4a4a63; }
:root[data-ot-theme="light"] .bi-sort-down {
    color: #2b2d42 !important; /* Koyu koyu gri / füme tonu */
    font-weight: bold !important; /* İkon çizgi yapısını belirginleştirir */
}
/* "Önemli Bilgilendirme": taban metinler beyazdı → koyu. Amber/kırmızı vurgular korunur, sadece koyulaştırılır. */
:root[data-ot-theme="light"] .ot-chat-warning { color: #3a3a52; }
:root[data-ot-theme="light"] .ot-chat-warning > h5 { color: #b45309; }
:root[data-ot-theme="light"] .ot-chat-warning-icon { color: #d97706; }
:root[data-ot-theme="light"] .ot-chat-warning-block h6 { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-chat-warning-block p { color: #3a3a52; }
:root[data-ot-theme="light"] .ot-chat-warning-block strong { color: #b45309; }
:root[data-ot-theme="light"] .ot-chat-warning-rules { color: #3a3a52; }
/* Ayraç çizgileri: rgba(255,255,255,.06-.09) açık temada görünmüyordu */
:root[data-ot-theme="light"] .ot-chat-sidebar-head, 
:root[data-ot-theme="light"] .ot-chat-filters, 
:root[data-ot-theme="light"] .ot-chat-conv-item, 
:root[data-ot-theme="light"] .ot-chat-conv-link, 
:root[data-ot-theme="light"] .ot-chat-conv-row, 
:root[data-ot-theme="light"] .ot-chat-input-row { border-color: #6e6e6e !important; }
/* Sohbet ekranı: kayan bant, gelen balon kenarı (koyu temadaki kadar belirgin), yazma alanı, ses düğmesi */
:root[data-ot-theme="light"] .ot-chat-marquee { color: #2a2545; }
:root[data-ot-theme="light"] .ot-chat-msg-theirs .ot-chat-bubble {
    border-color: #c9cddd;
    box-shadow: 0 1px 3px rgba(20, 20, 46, .07);
}
:root[data-ot-theme="light"] .ot-chat-input-row {
    background: var(--ot-bg-2);
    border-top-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-chat-input {
    background: #fff;
    border-color: var(--ot-border);
    color: #2a2545;
}
:root[data-ot-theme="light"] .ot-chat-input::placeholder { color: #8a8aa3; }
:root[data-ot-theme="light"] .ot-chat-sound-btn {
    background: #fff;
    border-color: var(--ot-border);
    color: #5b5b7a;
}
/* "Görsel ekle" (resim yükle) düğmesi — zemin/ikon beyaz-şeffaftı */
:root[data-ot-theme="light"] .ot-chat-attach-btn {
    background: #fff;
    border: 1px solid var(--ot-border);
    color: #5b5b7a;
}
:root[data-ot-theme="light"] .ot-chat-attach-btn:hover { background: var(--ot-bg-2); color: #1e1b4b; }
/* "Yeni Sohbet" modalı — sabit koyu tasarımdı; açık temada zemin beyaza dönüp yazılar kayboluyordu */
:root[data-ot-theme="light"] .ot-chat-new-modal .modal-content {
    background: var(--ot-bg-2);
    color: #2a2545;
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-chat-new-modal .modal-header { border-bottom-color: var(--ot-border); }
:root[data-ot-theme="light"] .ot-chat-new-modal .modal-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-chat-new-modal .modal-title .bi { color: var(--ot-primary); }
:root[data-ot-theme="light"] .ot-chat-new-modal .btn-close { filter: none; }
:root[data-ot-theme="light"] .ot-chat-new-search-wrap > .bi { color: var(--ot-primary); }
:root[data-ot-theme="light"] #otChatNewSearch {
    background: #fff;
    border-color: var(--ot-border);
    color: #2a2545;
}
:root[data-ot-theme="light"] #otChatNewSearch::placeholder { color: #8a8aa3; }
:root[data-ot-theme="light"] .ot-chat-new-empty,
:root[data-ot-theme="light"] .ot-chat-new-empty p { color: #676782; }
:root[data-ot-theme="light"] .ot-chat-new-empty .bi { color: #a9a9c0; }
:root[data-ot-theme="light"] .ot-chat-new-result { border-color: var(--ot-border); }
/* === CÜZDANIM sayfası — koyu-first tasarım: #e5e7eb/#fff metinler + rgba(255,255,255,.02-.12)
   zemin/kenarlar açık temada kayboluyordu. Renkli zeminliler (aktif sekme = mor gradyan,
   primary buton = yeşil gradyan, hero h1 = yeşil) beyaz yazıyla iki temada da doğru → dokunulmadı. === */
/* Paneller / satırlar / kutular / inputlar */
:root[data-ot-theme="light"] .ot-wallet-content-grid > .ot-wallet-col,
:root[data-ot-theme="light"] .ot-wallet-tx-row,
:root[data-ot-theme="light"] .ot-wallet-bank-row,
:root[data-ot-theme="light"] .ot-wallet-tabs,
:root[data-ot-theme="light"] .ot-wallet-tx-filter,
:root[data-ot-theme="light"] .ot-wallet-btn-outline,
:root[data-ot-theme="light"] .ot-wallet-bank-form .form-control {
    background: #fff;
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-wallet-empty {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
}
/* Metinler */
:root[data-ot-theme="light"] .ot-wallet-col-head,
:root[data-ot-theme="light"] .ot-wallet-pending-row strong,
:root[data-ot-theme="light"] .ot-wallet-bank-info strong,
:root[data-ot-theme="light"] .ot-wallet-empty h5 { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-wallet-label,
:root[data-ot-theme="light"] .ot-wallet-hero-stats,
:root[data-ot-theme="light"] .ot-wallet-tab,
:root[data-ot-theme="light"] .ot-wallet-tx-filter { color: #5b5b7a; }
:root[data-ot-theme="light"] .ot-wallet-btn-outline { color: #2a2545; }
:root[data-ot-theme="light"] .ot-wallet-bank-form .form-control::placeholder { color: #8a8aa3; }
/* Kenarlıklar */
:root[data-ot-theme="light"] .ot-wallet-col-head { border-bottom-color: var(--ot-border); }
:root[data-ot-theme="light"] .ot-wallet-bank-actions { border-top-color: var(--ot-border); }
/* Hover */
:root[data-ot-theme="light"] .ot-wallet-btn-outline:hover,
:root[data-ot-theme="light"] .ot-wallet-tab:hover { background: var(--ot-bg-2); color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-wallet-tx-filter:hover { color: #1e1b4b; }
/* Sekme sayaç rozeti: pasif sekmede beyaz üstü beyazdı → mor tint; aktif sekme gradyan üstünde beyaz kalır */
:root[data-ot-theme="light"] .ot-wallet-tab span {
    background: color-mix(in srgb, var(--ot-primary) 15%, transparent);
    color: var(--ot-primary-dark);
}
:root[data-ot-theme="light"] .ot-wallet-tab.is-active span {
    background: rgba(255, 255, 255, .25);
    color: #fff;
}
/* Cüzdan — kalan metinler: işlem satırı açıklaması (#f3f4f6), tarih/kalan, banka formu,
   rozet/ikon (#c4b5fd) ve boş durum. Yeşil/kırmızı tutar + ikonlar iki temada da doğru → dokunulmadı. */
:root[data-ot-theme="light"] .ot-wallet-tx-info strong { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-wallet-tx-info small,
:root[data-ot-theme="light"] .ot-wallet-tx-amount small,
:root[data-ot-theme="light"] .ot-wallet-pending-row small,
:root[data-ot-theme="light"] .ot-wallet-bank-info small,
:root[data-ot-theme="light"] .ot-wallet-bank-form .form-label,
:root[data-ot-theme="light"] .ot-wallet-empty { color: #676782; }
:root[data-ot-theme="light"] .ot-wallet-bank-form .form-control { color: #2a2545; }
:root[data-ot-theme="light"] .ot-wallet-col-badge,
:root[data-ot-theme="light"] .ot-wallet-bank-icon,
:root[data-ot-theme="light"] .ot-wallet-tx-filter.is-active { color: var(--ot-primary-dark); }

/* === CÜZDAN YÜKLE (/cuzdan/yukle) — koyu-first: #fff/#e5e7eb/#9ca3af metinler +
   rgba(255,255,255,.03-.1) zemin/kenarlar. GRADYAN zeminliler (toast, aktif hızlı tutar,
   gönder butonu, bakiye kartı) beyaz yazıyla iki temada da doğru → dokunulmadı. === */
:root[data-ot-theme="light"] .ot-topup-card,
:root[data-ot-theme="light"] .ot-topup-method-tab,
:root[data-ot-theme="light"] .ot-topup-method-grid-card,
:root[data-ot-theme="light"] .ot-topup-quick-btn,
:root[data-ot-theme="light"] .ot-topup-gw,
:root[data-ot-theme="light"] .ot-topup-bank,
:root[data-ot-theme="light"] .ot-topup-amount-input,
:root[data-ot-theme="light"] .ot-topup-form .form-control,
:root[data-ot-theme="light"] .ot-topup-history-row {
    background: #fff;
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-topup-empty {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
}
/* Başlıklar / kalın metinler (beyazdı) — aktif sekme de açık mor tint olduğu için koyu kalır */
:root[data-ot-theme="light"] .ot-topup-header h1,
:root[data-ot-theme="light"] .ot-topup-card h5,
:root[data-ot-theme="light"] .ot-topup-section h6,
:root[data-ot-theme="light"] .ot-topup-method-tab strong,
:root[data-ot-theme="light"] .ot-topup-method-grid-text strong,
:root[data-ot-theme="light"] .ot-topup-gw-text strong,
:root[data-ot-theme="light"] .ot-topup-bank-info strong,
:root[data-ot-theme="light"] .ot-topup-summary-row strong,
:root[data-ot-theme="light"] .ot-topup-empty h5,
:root[data-ot-theme="light"] .ot-topup-amount-input input { color: #1e1b4b; }
/* İkincil / gri metinler */
:root[data-ot-theme="light"] .ot-topup-header p,
:root[data-ot-theme="light"] .ot-topup-balance-card small,
:root[data-ot-theme="light"] .ot-topup-method-tab small,
:root[data-ot-theme="light"] .ot-topup-method-grid-text small,
:root[data-ot-theme="light"] .ot-topup-gw-text small,
:root[data-ot-theme="light"] .ot-topup-bank-info small,
:root[data-ot-theme="light"] .ot-topup-bank-row-holder,
:root[data-ot-theme="light"] .ot-topup-bank-extra,
:root[data-ot-theme="light"] .ot-topup-havale-info,
:root[data-ot-theme="light"] .ot-topup-receipt span,
:root[data-ot-theme="light"] .ot-topup-helper,
:root[data-ot-theme="light"] .ot-topup-form .form-label,
:root[data-ot-theme="light"] .ot-topup-summary-row,
:root[data-ot-theme="light"] .ot-topup-empty,
:root[data-ot-theme="light"] .ot-topup-history-info small,
:root[data-ot-theme="light"] .ot-topup-method-grid-disabled-badge { color: #676782; }
:root[data-ot-theme="light"] .ot-topup-method-tab,
:root[data-ot-theme="light"] .ot-topup-quick-btn,
:root[data-ot-theme="light"] .ot-topup-form .form-control { color: #2a2545; }
:root[data-ot-theme="light"] .ot-topup-form .form-control::placeholder { color: #8a8aa3; }
/* Soluk mor ikonlar (#c4b5fd) → koyu mor */
:root[data-ot-theme="light"] .ot-topup-method-tab > .bi,
:root[data-ot-theme="light"] .ot-topup-method-grid-icon,
:root[data-ot-theme="light"] .ot-topup-card h5 .bi,
:root[data-ot-theme="light"] .ot-topup-section h6 .bi { color: var(--ot-primary-dark); }
/* Kenar çizgileri */
:root[data-ot-theme="light"] .ot-topup-bank-extra,
:root[data-ot-theme="light"] .ot-topup-summary-total { border-top-color: var(--ot-border); }
/* Hover'lar: açık tint zeminde beyaz yazı görünmüyordu → koyu */
:root[data-ot-theme="light"] .ot-topup-quick-btn:hover { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-topup-copy-btn { color: #b45309; }
:root[data-ot-theme="light"] .ot-topup-copy-btn:hover { color: #7c3d09; }
:root[data-ot-theme="light"] .ot-topup-copy-btn.is-copied,
:root[data-ot-theme="light"] .ot-topup-copy-btn.is-copied:hover { color: #047857; }
/* Devre dışı kart hover */
:root[data-ot-theme="light"] .ot-topup-method-grid-card.disabled:hover {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
}

/* === YAYINCI PANELİ (/yayinci-panel + streamer-cabinet) — kendi koyu tasarım sistemi var
   (--sd-bg/--sd-card/--sd-text/--sd-muted/--sd-border sabit koyu). Açık temada bu değişkenleri
   çevirip, --sd-text yerine sabit #fff yazılmış yerleri yamalıyoruz.
   Gradyan zeminliler (toast, avatar, rozet, yeşil/kırmızı/mor butonlar, hero primary) korunur. === */
:root[data-ot-theme="light"] {
    --sd-bg:     var(--ot-bg);
    --sd-card:   var(--ot-card);
    --sd-border: var(--ot-border);
    --sd-muted:  #676782;
    --sd-text:   #2a2545;
}
/* Sabit beyaz metinler → koyu (artık açık kart/zemin üstündeler) */
:root[data-ot-theme="light"] .sd-hero-name,
:root[data-ot-theme="light"] .sc-header-name,
:root[data-ot-theme="light"] .sd-stat-val,
:root[data-ot-theme="light"] .sc-stat-val,
:root[data-ot-theme="light"] .sd-card-head h5,
:root[data-ot-theme="light"] .sc-card-head,
:root[data-ot-theme="light"] .sd-live-text strong,
:root[data-ot-theme="light"] .sd-quick-link strong,
:root[data-ot-theme="light"] .sd-kpi-val,
:root[data-ot-theme="light"] .sd-social-row > span { color: #1e1b4b; }
/* İkincil metinler */
:root[data-ot-theme="light"] .don-msg { color: #3a3a52; }
:root[data-ot-theme="light"] .don-ago { color: #8a8aa3; }
/* Sekmeler */
:root[data-ot-theme="light"] .sd-tab.active,
:root[data-ot-theme="light"] .sc-tab.active { color: var(--ot-primary-dark); }
:root[data-ot-theme="light"] .sd-tab:hover,
:root[data-ot-theme="light"] .sc-tab:hover { color: #1e1b4b; background: var(--ot-bg-2); }
/* Şeffaf beyaz zeminli kutucuklar → açık zemin */
:root[data-ot-theme="light"] .sd-stat-icon,
:root[data-ot-theme="light"] .sc-stat-icon,
:root[data-ot-theme="light"] .sd-live-icon,
:root[data-ot-theme="light"] .sd-kpi,
:root[data-ot-theme="light"] .sd-quick-link,
:root[data-ot-theme="light"] .sd-live-status,
:root[data-ot-theme="light"] .sc-card-head .sc-head-count { background: var(--ot-bg-2); }
/* Input + ghost butonlar + hero/header yardımcı butonları (primary gradyan hariç) */
:root[data-ot-theme="light"] .sd-input {
    background: #fff; border-color: var(--ot-border); color: #2a2545;
}
:root[data-ot-theme="light"] .sd-input::placeholder { color: #8a8aa3; }
:root[data-ot-theme="light"] .sd-btn-ghost,
:root[data-ot-theme="light"] .sc-btn-ghost,
:root[data-ot-theme="light"] .sd-hero-btn:not(.primary),
:root[data-ot-theme="light"] .sc-header-back {
    background: var(--ot-bg-2);
    border-color: var(--ot-border);
    color: #2a2545;
}
:root[data-ot-theme="light"] .sd-btn-ghost:hover,
:root[data-ot-theme="light"] .sc-btn-ghost:hover,
:root[data-ot-theme="light"] .sd-hero-btn:not(.primary):hover,
:root[data-ot-theme="light"] .sc-header-back:hover { background: #fff; color: #1e1b4b; }
/* Kenar çizgileri */
:root[data-ot-theme="light"] .don-row { border-bottom-color: var(--ot-border); }
:root[data-ot-theme="light"] .sd-invite-input,
:root[data-ot-theme="light"] .sd-social-row,
:root[data-ot-theme="light"] .sd-soc-no,
:root[data-ot-theme="light"] .sd-live-status { border-color: var(--ot-border); }

/* Açık Tema için */
:root[data-ot-theme="light"] .ot-footer-newsletter-title { color: #1200ff; }
:root[data-ot-theme="light"] .btn-info { --bs-btn-color: #ffffff; }
:root[data-ot-theme="light"] .ot-chat-app { border: 1px solid #6e6e6e; }
:root[data-ot-theme="light"] .ot-hl-chip-cta { color: #ffffff !important; }
:root[data-ot-theme="light"] .ot-hl-chip.is-active { color: #ffffff !important; }
:root[data-ot-theme="light"] .mp-block-title { color: #1a00a3; }
:root[data-ot-theme="light"] .mp-cat span { color: #000000; }
:root[data-ot-theme="light"] .mp-switch > span:first-child { color: #000000; }
:root[data-ot-theme="light"] .mp-meta-title strong { color: #1a00a3; }
:root[data-ot-theme="light"] .bi-list-ul {
    color: #2b2d42 !important; /* Koyu koyu gri / füme tonu */
    font-weight: bold !important; /* İkon çizgi yapısını belirginleştirir */
}

/* === SEO SAYFALARI (/seo/{slug}) — beyaz-şeffaf kart zeminleri + #fff/#f3f4f6 metinler.
   Renkli tint'li kartlar (--avg mor, --count yeşil), promo rozeti (kırmızı gradyan) ve
   görselli hero korunur. === */
/* Temel istatistik kartı (tint'liler hariç) */
:root[data-ot-theme="light"] .ot-seo-ps-card:not(.ot-seo-ps-card--avg):not(.ot-seo-ps-card--count) {
    background: #fff;
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-seo-ps-value { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-seo-ps-label,
:root[data-ot-theme="light"] .ot-seo-ps-trend { color: #676782; }
:root[data-ot-theme="light"] .ot-seo-ps-icon { color: #a9a9c0; }
/* ORTALAMA: gradient-text açık tonlardaydı → koyu gradient */
:root[data-ot-theme="light"] .ot-seo-ps-card--avg .ot-seo-ps-value {
    background: linear-gradient(135deg, #6d28d9, #0891b2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
:root[data-ot-theme="light"] .ot-seo-ps-card--avg .ot-seo-ps-icon { color: rgba(109, 40, 217, .55); }
:root[data-ot-theme="light"] .ot-seo-ps-card--count .ot-seo-ps-icon { color: rgba(5, 150, 105, .55); }
/* Diğer bölümler: son ilanlar, satıcı kartı, ilgili SEO linkleri */
:root[data-ot-theme="light"] .ot-seo-recent-item,
:root[data-ot-theme="light"] .ot-seo-seller-card,
:root[data-ot-theme="light"] .ot-rel-seo {
    background: #fff;
    border-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-seo-recent-item:hover { background: var(--ot-bg-2); }
:root[data-ot-theme="light"] .ot-seo-section-title,
:root[data-ot-theme="light"] .ot-seo-seller-info strong,
:root[data-ot-theme="light"] .ot-rel-seo-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-seo-seller-card { color: #3a3a52; }
:root[data-ot-theme="light"] .ot-seo-countdown .ot-cd-label { color: #676782; }
/* Karşılaştırma tablosu */
:root[data-ot-theme="light"] .ot-seo-compare-table { border-color: var(--ot-border); }
:root[data-ot-theme="light"] .ot-seo-compare-table th { background: var(--ot-bg-2); color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-seo-compare-table td { color: #3a3a52; }
/* İlgili SEO link pill'leri */
:root[data-ot-theme="light"] .ot-rel-seo-pill {
    background: var(--ot-bg-2);
    color: var(--ot-primary-dark);
}
/* --- Yayıncılar sayfası arama kutusu — gömülü stil beyaz metin/placeholder/ikon veriyor,
   açık zeminde okunmaz. Text + placeholder + arama ikonu üçünü de düzelt. --- */
:root[data-ot-theme="light"] .sl-search-input input { color: var(--ot-text-bright) !important; }
:root[data-ot-theme="light"] .sl-search-input input::placeholder { color: var(--ot-text-muted) !important; }
:root[data-ot-theme="light"] .sl-search-input i { color: var(--ot-text-muted) !important; }

/* --- Mağazalar sayfası (/magazalar) — gömülü <style> bloğu #fff/#e5e7eb/#9ca3af gibi
   sabit koyu tema renkleri kullanıyor, açık temada okunmaz oluyor. Ana metinler,
   form kontrolleri, arama kutusu, kart içerikleri hepsi tema token'larına bağlanır. --- */
:root[data-ot-theme="light"] .ot-stores-header h1,
:root[data-ot-theme="light"] .ot-stores-meta strong,
:root[data-ot-theme="light"] .ot-store-card-name,
:root[data-ot-theme="light"] .ot-premium-card-info strong { color: var(--ot-text-bright) !important; }

:root[data-ot-theme="light"] .ot-stores-header p,
:root[data-ot-theme="light"] .ot-stores-trust-line,
:root[data-ot-theme="light"] .ot-stores-sort-label,
:root[data-ot-theme="light"] .ot-stores-search > i.bi-search,
:root[data-ot-theme="light"] .ot-store-card-username,
:root[data-ot-theme="light"] .ot-premium-head small,
:root[data-ot-theme="light"] .ot-premium-card-info small,
:root[data-ot-theme="light"] .ot-premium-card-meta { color: var(--ot-text-muted) !important; }

:root[data-ot-theme="light"] .ot-store-card,
:root[data-ot-theme="light"] .ot-premium-card,
:root[data-ot-theme="light"] .ot-stores-meta h5 { color: var(--ot-text) !important; }

/* Arama input + sırala select — koyu #f3f4f6 metin + koyu bg açık temada bozuk */
:root[data-ot-theme="light"] .ot-stores-search input,
:root[data-ot-theme="light"] .ot-stores-bar .form-select {
    background: var(--ot-card) !important;
    border-color: var(--ot-border) !important;
    color: var(--ot-text-bright) !important;
}
:root[data-ot-theme="light"] .ot-stores-search input::placeholder { color: var(--ot-text-muted) !important; }

/* Kart arka planı — dark'ta ink alpha 3% açık temada göze çarpmaz; kart tokenına çek */
:root[data-ot-theme="light"] .ot-store-card {
    background: var(--ot-card) !important;
    border-color: var(--ot-border) !important;
}
:root[data-ot-theme="light"] .ot-store-card:hover {
    border-color: color-mix(in srgb, var(--ot-primary) 45%, var(--ot-border)) !important;
}

/* Empty state ("Henüz onaylı mağaza yok") */
:root[data-ot-theme="light"] .ot-stores-empty h5 { color: var(--ot-text-bright) !important; }
:root[data-ot-theme="light"] .ot-stores-empty p { color: var(--ot-text-muted) !important; }

/* === /magaza/{slug} SAYFASI (satıcı/mağaza profili — .stp-*) — koyu tasarım
   ile yazılmış (isim, meta, sekmeler, review'lar, thread'ler beyaz). Açık temada
   tüm sabit-beyazları koyulaştır; tab/thread ve etkileşim renkleri korunur. === */
/* Kart başlıkları (İstatistik, İlanlar, Başarımlar, Takipçiler, Forum, Hakkında) */
:root[data-ot-theme="light"] .stp-card-title { color: #1e1b4b; }
/* Kart zemini — koyu ink-alpha açık temada göze çarpmaz, kart tokenına çek */
:root[data-ot-theme="light"] .stp-card {
    background: var(--ot-card);
    border-color: var(--ot-border);
}
/* Sağ sidebar istatistik satırları (Aktif İlan, Toplam Satış, Takipçi, Yorum, Üyelik, Son aktif) */
:root[data-ot-theme="light"] .stp-lb-info .name { color: #1e1b4b; }
:root[data-ot-theme="light"] .stp-lb-info .cnt  { color: #676782; }
/* .stp-lb-amount zaten yeşil (#34d399) — açık temada da kontrastlı, dokunma */
/* Ad + meta bloğu */
:root[data-ot-theme="light"] .stp-name-block h1     { color: #1e1b4b; }
:root[data-ot-theme="light"] .stp-name-block .meta  { color: #5b5b7a; }
:root[data-ot-theme="light"] .stp-name-block .meta i { color: #8a8aa8; }
:root[data-ot-theme="light"] .stp-store-realname    { color: #5b5b7a; }
:root[data-ot-theme="light"] .stp-store-realname i  { color: #8a8aa8; }
/* Filtre çubuğu ve select'ler — koyu bg + light text → açık kart + koyu metin */
:root[data-ot-theme="light"] .stp-filter-bar select {
    background: var(--ot-card);
    color: var(--ot-text-bright);
    border-color: var(--ot-border);
}
/* Sekmeler (Genel/İlanlar/Değerlendirmeler/...) */
:root[data-ot-theme="light"] .stp-tab { color: #676782; }
:root[data-ot-theme="light"] .stp-tab:hover { color: #1e1b4b; }
:root[data-ot-theme="light"] .stp-tab-count {
    background: rgba(20, 20, 46, .08);
    color: #4a4a63;
}
/* Boş durum */
:root[data-ot-theme="light"] .stp-empty { color: #8a8aa8; }
/* Değerlendirmeler */
:root[data-ot-theme="light"] .stp-review-date { color: #8a8aa8; }
:root[data-ot-theme="light"] .stp-review-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .stp-review-text  { color: #4a4a63; }
:root[data-ot-theme="light"] .stp-review-response {
    color: #2e2b4f;
    background: rgba(34, 211, 238, .08);
    border-left-color: color-mix(in srgb, var(--ot-primary) 60%, transparent);
}
/* Başarımlar & Takipçiler */
:root[data-ot-theme="light"] .stp-badge-name  { color: #1e1b4b; }
:root[data-ot-theme="light"] .stp-badge-date  { color: #8a8aa8; }
:root[data-ot-theme="light"] .stp-follower-name { color: #4a4a63; }
/* Forum konuları */
:root[data-ot-theme="light"] .stp-thread-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .stp-thread-meta  { color: #676782; }
:root[data-ot-theme="light"] .stp-thread-stats { color: #676782; }
:root[data-ot-theme="light"] .stp-thread-cat {
    background: rgba(124, 77, 255, .12);
    color: #6d28d9;
}
/* Canlı yayın banner metni */
:root[data-ot-theme="light"] .stp-live-now .live-title { color: #7f1d1d; }
/* İkincil buton (Takip Et vb.) */
:root[data-ot-theme="light"] .stp-secondary-btn {
    color: var(--ot-text-bright);
    background: rgba(20, 20, 46, .05);
    border-color: rgba(20, 20, 46, .12);
}
:root[data-ot-theme="light"] .stp-secondary-btn:hover {
    background: rgba(20, 20, 46, .08);
    color: var(--ot-text-bright);
}
/* İstatistik kartları */
:root[data-ot-theme="light"] .stp-stat-card .v { color: #1e1b4b; }
:root[data-ot-theme="light"] .stp-stat-card .l { color: #676782; }
/* Bağış listesi (donation) */
:root[data-ot-theme="light"] .stp-don-info .name { color: #1e1b4b; }
:root[data-ot-theme="light"] .stp-don-info .msg  { color: #4a4a63; }

/* === /yayincilar SAYFASI (streamer list — .sl-*) — koyu tasarım, açık temada
   isim/açıklama/meta yazıları beyaz kaldığı için okunmuyordu. Kart zeminine solid
   açık kart tokenı, metinlere koyu renkler; sponsor kartı hafif amber tonlu. === */
:root[data-ot-theme="light"] .sl-section-title { color: #1e1b4b; }
:root[data-ot-theme="light"] .sl-card {
    background: #ffffff;
    border-color: #e2e2ee;
}
:root[data-ot-theme="light"] .sl-card:hover {
    border-color: color-mix(in srgb, var(--ot-primary) 42%, transparent);
    box-shadow: 0 12px 28px rgba(30, 27, 75, .12);
}
:root[data-ot-theme="light"] .sl-card.is-sponsor {
    background: linear-gradient(135deg, rgba(245, 158, 11, .06), #ffffff 60%);
    border-color: rgba(245, 158, 11, .38);
}
:root[data-ot-theme="light"] .sl-card.is-sponsor:hover {
    border-color: rgba(245, 158, 11, .60);
    box-shadow: 0 12px 28px rgba(245, 158, 11, .18);
}
:root[data-ot-theme="light"] .sl-avatar {
    border-color: #ffffff;
    background: #f0f0f6;
    box-shadow: 0 4px 10px rgba(30, 27, 75, .10);
}
:root[data-ot-theme="light"] .sl-name { color: #1e1b4b; }
:root[data-ot-theme="light"] .sl-name .verified { color: var(--ot-primary); }
:root[data-ot-theme="light"] .sl-bio  { color: #5b5b7a; }
:root[data-ot-theme="light"] .sl-meta { color: #676782; }
:root[data-ot-theme="light"] .sl-meta .stat {
    background: rgba(20, 20, 46, .05);
    color: #4a4a63;
}
:root[data-ot-theme="light"] .sl-meta .stat.don     { color: #db2777; }
:root[data-ot-theme="light"] .sl-meta .stat.sup     { color: #059669; }
:root[data-ot-theme="light"] .sl-meta .stat.viewers { color: #7c3aed; }
:root[data-ot-theme="light"] .sl-search-meta {
    color: #4a4a63;
    background: color-mix(in srgb, var(--ot-primary) 6%, #ffffff);
    border-color: color-mix(in srgb, var(--ot-primary) 18%, transparent);
}
/* Sponsor section başlığı — açık temada koyu metin, hafif amber zemin */
:root[data-ot-theme="light"] .sl-section-title.sponsor {
    color: #78350f;
    background: linear-gradient(90deg, rgba(245, 158, 11, .14), transparent);
    border-left-color: #f59e0b;
}
/* --- Auth popup (Giriş / Kayıt) — açık tema uyarlaması --- */
:root[data-ot-theme="light"] .ot-auth-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f5f6fb 100%) !important;
    border: 1px solid var(--ot-border) !important;
    color: #1e1b4b;
}
:root[data-ot-theme="light"] .ot-auth-panel .ot-popup__header {
    border-bottom-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-auth-panel .ot-popup__title,
:root[data-ot-theme="light"] .ot-auth-panel .ot-popup__close { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-auth-subtitle { color: #4b5563; }
:root[data-ot-theme="light"] .ot-auth-or { color: #6b7280; }
:root[data-ot-theme="light"] .ot-auth-or::before,
:root[data-ot-theme="light"] .ot-auth-or::after { background: var(--ot-border); }
:root[data-ot-theme="light"] .ot-auth-field-head label { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-auth-input {
    background: #ffffff;
    border: 1px solid var(--ot-border);
    color: #1e1b4b;
}
:root[data-ot-theme="light"] .ot-auth-input::placeholder { color: #9ca3af; }
:root[data-ot-theme="light"] .ot-auth-input:focus {
    background: #ffffff;
    border-color: var(--ot-primary);
}
:root[data-ot-theme="light"] .ot-auth-pass-toggle { color: #6b7280; }
:root[data-ot-theme="light"] .ot-auth-pass-toggle:hover { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-auth-hint { color: #6b7280; }
:root[data-ot-theme="light"] .ot-auth-check { color: #374151; }
:root[data-ot-theme="light"] .ot-auth-switch { color: #4b5563; }
:root[data-ot-theme="light"] .ot-2fa-hint { color: #6b7280; }
/* --- Mobile header chat butonu → tamamen kaldırıldı.
   Mobilde canlı destek yalnızca hamburger drawer içindeki [data-chat-trigger] ikonundan
   açılır; hem header butonu hem floating launcher gizli. */
body .ot-chat-header-btn,
html body .ot-chat-header-btn { display: none !important; }
/* --- Drawer aksiyon ikonları — açık temada ikonu beyaz zorla
   (bazı light-theme kuralları button i > color'u koyu yapıyor) --- */
:root[data-ot-theme="light"] .ot-drawer-tab-action,
:root[data-ot-theme="light"] .ot-drawer-tab-action i { color: #fff !important; }

/* --- Canlı destek paneli — açık tema uyarlaması (hem desktop hem mobil) --- */
:root[data-ot-theme="light"] .ot-support__panel {
    background: #ffffff;
    color: #1e1b4b;
    box-shadow: 0 30px 60px rgba(30, 27, 75, .18), 0 0 0 1px var(--ot-border) inset;
}
:root[data-ot-theme="light"] .ot-support__header {
    background: linear-gradient(135deg, rgba(111, 66, 193, 0.10), rgba(232, 62, 140, 0.08));
    border-bottom-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-support__hd-info > i {
    background: rgba(111, 66, 193, .10);
    color: var(--ot-accent, #e83e8c);
}
:root[data-ot-theme="light"] .ot-support__hd-info h3 { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-support__hd-info small { color: #6b7280; }
:root[data-ot-theme="light"] .ot-support__close { color: #6b7280; }
:root[data-ot-theme="light"] .ot-support__close:hover {
    background: rgba(30, 27, 75, .06);
    color: #1e1b4b;
}
/* View + form alanları */
:root[data-ot-theme="light"] .ot-support__view::-webkit-scrollbar-thumb,
:root[data-ot-theme="light"] .ot-support__messages::-webkit-scrollbar-thumb {
    background: rgba(30, 27, 75, .18);
}
:root[data-ot-theme="light"] .ot-support__field > span { color: #374151; }
:root[data-ot-theme="light"] .ot-support__field em { color: #6b7280; }
:root[data-ot-theme="light"] .ot-support__field input,
:root[data-ot-theme="light"] .ot-support__field textarea {
    background: #ffffff;
    border: 1px solid var(--ot-border);
    color: #1e1b4b;
}
:root[data-ot-theme="light"] .ot-support__field input::placeholder,
:root[data-ot-theme="light"] .ot-support__field textarea::placeholder { color: #9ca3af; }
:root[data-ot-theme="light"] .ot-support__field input:focus,
:root[data-ot-theme="light"] .ot-support__field textarea:focus {
    background: #ffffff;
    border-color: var(--ot-accent, #e83e8c);
}
:root[data-ot-theme="light"] .ot-support__rel-results {
    background: #ffffff;
    border-color: var(--ot-border);
    box-shadow: 0 10px 30px rgba(30, 27, 75, .12);
}
:root[data-ot-theme="light"] .ot-support__rel-results > button { color: #1e1b4b; }
:root[data-ot-theme="light"] .ot-support__rel-results > button:hover { background: rgba(30, 27, 75, .05); }
/* Chat info şeridi */
:root[data-ot-theme="light"] .ot-support__chat-info {
    background: rgba(30, 27, 75, .03);
    border-bottom-color: var(--ot-border);
}
:root[data-ot-theme="light"] .ot-support__chat-info strong { color: #1e1b4b; }
/* Mesaj balonları — kullanıcı zaten gradient, operator/system tint'ini light yap */
:root[data-ot-theme="light"] .ot-support__msg--operator .ot-support__msg-bubble {
    background: #f3f4f6;
    color: #1e1b4b;
}
:root[data-ot-theme="light"] .ot-support__msg--system .ot-support__msg-bubble { color: #6b7280; }
:root[data-ot-theme="light"] .ot-support__msg-time { color: #9ca3af; }
/* Butonlar */
:root[data-ot-theme="light"] .ot-support__btn--ghost {
    background: rgba(30, 27, 75, .06);
    color: #1e1b4b;
}
/* Offline banner — dark rengini koruyor, ama border zayıf olmasın */
:root[data-ot-theme="light"] .ot-support__offline-banner { border-color: var(--ot-border); }
/* --- İlan kartı: mağaza satırındaki store icon yerine kullanıcı avatarı (hem mobil hem desktop) --- */
.ot-lc-seller .ot-lc-seller-avatar{
    width: 20px;
    height: 20px;
    border-radius: 5px;              /* kare + hafif radius */
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid rgba(var(--ot-ink-rgb), .12);
    background: var(--ot-bg-2);
}
/* Mağaza adı uppercase + bold biraz "geniş" hissediyordu → yumuşat */
.ot-lc-seller span{
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* --- Anasayfa ilan kartları — mobilde footer'daki favori yıldızını görsel sağ üstüne al --- */
@media (max-width: 991px){
    .ot-listing-card .ot-lc-fav-star{
        position: absolute;
        top: .55rem;
        right: .55rem;
        z-index: 4;
        width: 34px;
        height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: color-mix(in srgb, var(--ot-bg) 78%, transparent);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        border: 1px solid rgba(var(--ot-ink-rgb), .18);
        border-radius: 999px;
        font-size: 1rem;
        color: #fbbf24;
    }
    .ot-listing-card .ot-lc-fav-star.is-on{
        color: #fbbf24;
        background: color-mix(in srgb, var(--ot-bg) 78%, transparent);
    }
    .ot-listing-card .ot-lc-fav-star:hover{ transform: none; }
    /* Footer artık sadece fiyat + badge → fiyat sola, badge sağa */
    .ot-listing-card .ot-lc-footer{ justify-content: space-between; }
    .ot-listing-card .ot-lc-footer .ot-lc-price{ margin-left: 0; text-align: left; }
    .ot-listing-card .ot-lc-footer .ot-lc-badge{ margin-left: auto; }
    /* Açık temada sarı ikon soluk kalıyor → daha koyu amber + amber-tint zemin */
    :root[data-ot-theme="light"] .ot-listing-card .ot-lc-fav-star{
        background: rgba(251, 191, 36, .16);
        border-color: rgba(217, 119, 6, .40);
        color: #b45309;
    }
    :root[data-ot-theme="light"] .ot-listing-card .ot-lc-fav-star.is-on{
        background: #fbbf24;
        border-color: #d97706;
        color: #78350f;
    }
}
/* Slider alt kenarı fade efekti (mask-image) kaldırıldı (kullanıcı isteği) — fotoğraf
   artık mobilde de sonuna kadar tam opak, altında hiçbir şey "sızmıyor". */
/* === CSS OVERRIDES END === */