/* Sürüngen Pazarı - Dark Mode v4.1 (ekran görüntüsü birebir) */
.dm-switcher.dm-style-7,.dm-switcher.dm-style-7 *{box-sizing:border-box}
.sp-mode-wrap{position:relative!important;display:inline-block!important}
.sp-mode-btn{width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid var(--brd,#e2e8f0)!important;background:var(--bg2,#fff)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:var(--p,#6c63ff)!important;font-size:16px!important;transition:.2s;padding:0!important}
.sp-mode-btn:hover{transform:rotate(15deg);box-shadow:0 4px 12px rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.25);border-color:var(--p,#6c63ff)!important}
.sp-mode-btn i{transition:.3s}
.sp-mode-pop{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;width:300px!important;background:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important;padding:18px!important;z-index:99999!important;display:none!important;animation:spModeFade .18s ease-out}
.sp-mode-pop.open{display:block!important}
html[data-theme="dark"] .sp-mode-pop{background:#1e293b!important;border-color:#334155!important}
@keyframes spModeFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.sp-mode-pop h4{margin:0 0 4px;font-size:15px;color:var(--text,#111);font-weight:800}
.sp-mode-pop .sp-mode-sub{font-size:12px;color:var(--tl,#64748b);margin-bottom:14px}
.sp-mode-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--brd,#e2e8f0);border-radius:12px;cursor:pointer;margin-bottom:8px;transition:.2s;position:relative;background:var(--bg,#fff)}
.sp-mode-opt:hover{background:var(--bg2,#f8fafc)}
.sp-mode-opt.active{border-color:var(--p,#6c63ff);background:rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.06)}
.sp-mode-opt .sp-mode-ic{width:36px;height:36px;border-radius:10px;background:var(--bg2,#f1f5f9);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text,#111);flex-shrink:0}
.sp-mode-opt.active .sp-mode-ic{background:rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.12);color:var(--p,#6c63ff)}
.sp-mode-opt .sp-mode-txt{flex:1;min-width:0}
.sp-mode-opt .sp-mode-ttl{font-size:13px;font-weight:700;color:var(--text,#111);margin-bottom:2px}
.sp-mode-opt .sp-mode-dsc{font-size:11px;color:var(--tl,#64748b)}
.sp-mode-opt .sp-mode-radio{width:18px;height:18px;border:2px solid var(--brd,#cbd5e1);border-radius:50%;flex-shrink:0;position:relative;transition:.2s}
.sp-mode-opt.active .sp-mode-radio{border-color:var(--p,#6c63ff)}
.sp-mode-opt.active .sp-mode-radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--p,#6c63ff)}

/* Dark theme palette — not: --p korunur, admin primary color override edilmez */
html[data-theme="dark"]{
  --bg:#0f172a;
  --bg2:#1e293b;
  --bg3:#0b1120;
  --text:#f1f5f9;
  --tl:#94a3b8;
  --brd:#334155;
  --white:#1e293b;
  --dark:#0f172a;
  --dark2:#1e293b;
  --shl:0 12px 40px rgba(0,0,0,.35);
  color-scheme:dark;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .sp-mode-btn{background:var(--bg2);border-color:var(--brd)}

/* ═══════════════════════════════════════════════
   v4.2 — Kapsamlı Dark Mode Override'ları
   Sitedeki inline style'larla yazılmış sert renklerin
   koyu temada okunabilir kalmasını sağlar.
   ═══════════════════════════════════════════════ */

html[data-theme="dark"]{
  /* Site geneli arka planlar */
}

/* — Inline beyaz arka planlı kartları çevir — */
html[data-theme="dark"] [style*="background:#fff"]:not([data-keep-bg]),
html[data-theme="dark"] [style*="background:#ffffff"]:not([data-keep-bg]),
html[data-theme="dark"] [style*="background:white"]:not([data-keep-bg]),
html[data-theme="dark"] [style*="background-color:#fff"]:not([data-keep-bg]),
html[data-theme="dark"] [style*="background-color:#ffffff"]:not([data-keep-bg]){
  background:var(--bg2)!important;
}

/* — Inline açık gri arkaplanlar — */
html[data-theme="dark"] [style*="background:#fafbfc"]:not([data-keep-bg]),
html[data-theme="dark"] [style*="background:#fafafa"]:not([data-keep-bg]),
html[data-theme="dark"] [style*="background:#f8fafc"]:not([data-keep-bg]),
html[data-theme="dark"] [style*="background:#f1f5f9"]:not([data-keep-bg]),
html[data-theme="dark"] [style*="background:#f5f5f5"]:not([data-keep-bg]){
  background:var(--bg)!important;
}

/* — Inline koyu metinler — */
html[data-theme="dark"] [style*="color:#000"]:not([data-keep-color]),
html[data-theme="dark"] [style*="color:#111"]:not([data-keep-color]),
html[data-theme="dark"] [style*="color:#1a1a2e"]:not([data-keep-color]),
html[data-theme="dark"] [style*="color:#0f172a"]:not([data-keep-color]),
html[data-theme="dark"] [style*="color:#222"]:not([data-keep-color]),
html[data-theme="dark"] [style*="color:#1e293b"]:not([data-keep-color]){
  color:var(--text)!important;
}

/* — Inline border renkleri — */
html[data-theme="dark"] [style*="border:1px solid #e2e8f0"],
html[data-theme="dark"] [style*="border:2px solid #e2e8f0"],
html[data-theme="dark"] [style*="border:1px solid #cbd5e1"],
html[data-theme="dark"] [style*="border:1px solid #e5e7eb"]{
  border-color:var(--brd)!important;
}

/* — Username / kullanıcı menüsü — */
html[data-theme="dark"] .hdr-user-btn,
html[data-theme="dark"] .hdr-user-name,
html[data-theme="dark"] .user-greeting,
html[data-theme="dark"] .hdr-auth-btn,
html[data-theme="dark"] .hdr-user-drop *:not(i):not(.badge){color:var(--text)!important}
html[data-theme="dark"] .hdr-user-btn:hover{background:rgba(255,255,255,.05)}
html[data-theme="dark"] .hdr-user-drop,
html[data-theme="dark"] .user-dropdown,
html[data-theme="dark"] .hdr-dropdown-user{background:var(--bg2)!important;border-color:var(--brd)!important}

/* ═══ HEADER GENEL DARK MODE (ayrım & border kuvvetlendirme) ═══ */
html[data-theme="dark"] .hdr-wrap,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] header.hdr,
html[data-theme="dark"] .hdr-row-top,
html[data-theme="dark"] .hdr-row-center,
html[data-theme="dark"] .hdr-row-custom,
html[data-theme="dark"] .hdr-nav-bar{background:var(--bg2)!important;color:var(--text)}
html[data-theme="dark"] .hdr-row-top,
html[data-theme="dark"] .hdr-row-center{border-bottom:1px solid rgba(255,255,255,.06)}
html[data-theme="dark"] .hdr-nav-bar{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.04)}
html[data-theme="dark"] .hdr-centered .hdr-row-nav{border-top-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .hdr-icon-btn{color:var(--text)!important}
html[data-theme="dark"] .icon-btn:hover,
html[data-theme="dark"] .hdr-icon-btn:hover{background:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .main-nav a,
html[data-theme="dark"] .nav-link,
html[data-theme="dark"] .hdr-menu a{color:var(--text)!important}
html[data-theme="dark"] .main-nav a:hover,
html[data-theme="dark"] .nav-link:hover,
html[data-theme="dark"] .hdr-menu a:hover{color:var(--p)!important;background:rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08)!important}

/* Sticky header */
html[data-theme="dark"] .hdr-row-custom.is-sticky-row.is-stuck{background:var(--bg2)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 20px rgba(0,0,0,.4)!important}

/* Dropdown panelleri */
html[data-theme="dark"] .hdr-dropdown,
html[data-theme="dark"] .hdr-dropdown-wrap .hdr-dropdown{background:var(--bg2)!important;border:1px solid var(--brd)!important;color:var(--text);box-shadow:0 12px 40px rgba(0,0,0,.5)}
html[data-theme="dark"] .hdr-dd-header,
html[data-theme="dark"] .hdr-dd-footer-link{border-color:rgba(255,255,255,.08)!important;color:var(--text)!important}
html[data-theme="dark"] .hdr-dd-empty{color:var(--tl)!important}
html[data-theme="dark"] .hdr-dd-body .dd-item,
html[data-theme="dark"] .notif-item,
html[data-theme="dark"] .cart-item{border-bottom-color:rgba(255,255,255,.06)!important}
html[data-theme="dark"] .hdr-dd-body > *:hover{background:rgba(255,255,255,.04)!important}

/* Search bar */
html[data-theme="dark"] .hdr-search input,
html[data-theme="dark"] .search-input,
html[data-theme="dark"] input[type="search"]{background:rgba(255,255,255,.04)!important;border:1px solid var(--brd)!important;color:var(--text)!important}

/* Breadcrumb dark */
html[data-theme="dark"] .breadcrumb{background:var(--bg)!important;border-bottom:1px solid var(--brd)!important}
html[data-theme="dark"] .breadcrumb-in li a{color:var(--tl)!important}
html[data-theme="dark"] .breadcrumb-in li a:hover{color:var(--p)!important}

/* Hero / logo alanları */
html[data-theme="dark"] .logo-wrap img,
html[data-theme="dark"] .hdr-logo img{filter:brightness(1.05)}

/* — Reklam placeholder kartları — */
html[data-theme="dark"] .sp-ad-ph,
html[data-theme="dark"] .sp-ad-placeholder{
  background:linear-gradient(135deg,rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.12),rgba(168,85,247,.10))!important;
  border-color:rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.4)!important;
}
html[data-theme="dark"] .sp-ad-ph *:not(a):not(.fas):not(.fa-solid):not(i),
html[data-theme="dark"] .sp-ad-placeholder *:not(a):not(.fas):not(.fa-solid):not(i){color:#c4b5fd!important}

/* — Form kartları (Özellikle ilan-ekle, reklam-ver) — */
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .rw-card,
html[data-theme="dark"] .pkg-card-body,
html[data-theme="dark"] .form-section,
html[data-theme="dark"] .install-box{background:var(--bg2)!important;border-color:var(--brd)!important;color:var(--text)}

/* — Input, select, textarea (genel) — */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:var(--bg)!important;
  color:var(--text)!important;
  border-color:var(--brd)!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#64748b!important}
html[data-theme="dark"] select option{background:var(--bg2);color:var(--text)}

/* — Tablo satırları — */
html[data-theme="dark"] table,
html[data-theme="dark"] .data-table{background:var(--bg2);color:var(--text)}
html[data-theme="dark"] .data-table th{background:var(--bg3,#0b1120);color:var(--text);border-color:var(--brd)}
html[data-theme="dark"] .data-table td{border-color:var(--brd);color:var(--text)}

/* — İlan özellik kartları (ilan-detay attr list) — */
html[data-theme="dark"] .tab-content{color:var(--text)}
html[data-theme="dark"] #tab-attrs > div > div{background:var(--bg2)!important;border-color:var(--brd)!important}

/* — Hesap sekmeleri ve kartları — */
html[data-theme="dark"] .account-tab,
html[data-theme="dark"] .account-content,
html[data-theme="dark"] .account-main,
html[data-theme="dark"] .account-sidebar{color:var(--text)}

/* — Ana Sayfa buton hover arka planı — */
html[data-theme="dark"] .nav-home-icon:hover{background:rgba(168,134,255,.14)!important}
html[data-theme="dark"] .nav-home-icon i{color:var(--tl)!important}
html[data-theme="dark"] .nav-home-icon:hover i{color:#c4b5fd!important}

/* — Paket kartlarında beyaz buton yazısını koru — */
html[data-theme="dark"] .pkg-card button{color:#1a1a2e!important}

/* — Dropdown menüleri — */
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .notif-drop,
html[data-theme="dark"] .cart-drop,
html[data-theme="dark"] .msg-drop{background:var(--bg2)!important;border-color:var(--brd)!important;color:var(--text)!important}

/* — Mağaza / Store kartları — */
html[data-theme="dark"] .store-card,
html[data-theme="dark"] .store-profile-card,
html[data-theme="dark"] .profile-header{background:var(--bg2)!important;border-color:var(--brd)!important;color:var(--text)}

/* — Sepet ve sipariş — */
html[data-theme="dark"] .cart-item,
html[data-theme="dark"] .order-card,
html[data-theme="dark"] .odm-panel,
html[data-theme="dark"] .sp-pay-field label{background:var(--bg2)!important;color:var(--text)}
html[data-theme="dark"] .sp-pay-field input{background:var(--bg)!important;color:var(--text)!important;border-color:var(--brd)!important}

/* — Çeşitli geçiş kenar/gölgeler — */
html[data-theme="dark"] .shadow-box,
html[data-theme="dark"] [style*="box-shadow:0 4px"],
html[data-theme="dark"] [style*="box-shadow:0 8px"]{box-shadow:0 6px 24px rgba(0,0,0,.4)!important}

/* — Modallar — */
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-content{background:var(--bg2)!important;color:var(--text)!important}
html[data-theme="dark"] .modal-backdrop{background:rgba(0,0,0,.8)!important}

/* — Kurulum sihirbazı (yukle/) — */
html[data-theme="dark"] .install-box *{color:var(--text)}
html[data-theme="dark"] .install-box input,
html[data-theme="dark"] .install-box select{background:var(--bg)!important;color:var(--text)!important;border-color:var(--brd)!important}

/* — Fix: text-shadow on dark text — */
html[data-theme="dark"] [style*="text-shadow:0 2px 8px rgba(0,0,0"],
html[data-theme="dark"] [style*="text-shadow:0 2px 6px rgba(0,0,0"]{text-shadow:0 2px 8px rgba(0,0,0,.6)}

/* — Tüm span/div'lerin varsayılan metin rengi — */
html[data-theme="dark"] .container,
html[data-theme="dark"] section,
html[data-theme="dark"] article,
html[data-theme="dark"] main{color:var(--text)}

/* ═══════════════════════════════════════════════
   v4.3 — user-av wrapper içinde <img> düzgün görünsün
   ═══════════════════════════════════════════════ */
.user-av{overflow:hidden}
.user-av img,
.user-av .sp-avatar{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:block;
}
/* sp-avatar helper genel CSS'i */
.sp-avatar{border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle}

/* ═══════════════════════════════════════════════
   v4.3 — Ek Dark Mode Düzeltmeleri
   ═══════════════════════════════════════════════ */

/* Form elementleri */
html[data-theme="dark"] .form-input,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .form-textarea,
html[data-theme="dark"] .fm-inp,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:#1e293b!important;
  border-color:#334155!important;
  color:#e2e8f0!important;
}
html[data-theme="dark"] .form-input::placeholder,
html[data-theme="dark"] .fm-inp::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#64748b!important}

/* Blog sayfası */
html[data-theme="dark"] .blog-hero-card{background:#1e293b!important;border-color:#334155!important}
html[data-theme="dark"] .blog-hero-card .hc-img-overlay{background:linear-gradient(to right,transparent 60%,#1e293b 100%)!important}
html[data-theme="dark"] .blog-card{background:#1e293b!important;border-color:#334155!important}
html[data-theme="dark"] .blog-card .bc-footer{border-color:#334155!important}
html[data-theme="dark"] .blog-filter-pill{background:#1e293b!important;border-color:#334155!important;color:#94a3b8!important}
html[data-theme="dark"] .blog-filter-pill.active{background:var(--p)!important;color:#fff!important;border-color:var(--p)!important}
html[data-theme="dark"] .sidebar-widget{background:#1e293b!important;border-color:#334155!important}
html[data-theme="dark"] .sidebar-search input{background:#0f172a!important;border-color:#334155!important;color:#e2e8f0!important}
html[data-theme="dark"] .sidebar-cat-item{border-color:#334155!important}
html[data-theme="dark"] .sidebar-post{border-color:#334155!important}

/* Hesabım sayfası */
html[data-theme="dark"] .account-sidebar{background:#1e293b!important;border-color:#334155!important}
html[data-theme="dark"] .account-sidebar a{color:#94a3b8!important}
html[data-theme="dark"] .account-sidebar a.active{color:var(--p)!important}

/* Paketler sayfası — zaten koyu, sorun yok */

/* Reklam alanı placeholder */
html[data-theme="dark"] .sp-ad-ph{background:rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.06)!important;border-color:rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.25)!important}

/* FAQ accordion */
html[data-theme="dark"] .faq-item{background:#1e293b!important;border-color:#334155!important}

/* Kategori kartları */
html[data-theme="dark"] .cat-card{background:#1e293b!important;border-color:#334155!important}

/* Listing kartları */
html[data-theme="dark"] .listing-card{background:#1e293b!important;border-color:#334155!important}

/* İlan detay */
html[data-theme="dark"] .ld-gallery{border-color:#334155!important}

/* Genel kartlar ve paneller */
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .flash-msg,
html[data-theme="dark"] .panel{background:#1e293b!important;border-color:#334155!important}

/* Reklam ver sayfası */
html[data-theme="dark"] .rw-slot{background:#1e293b!important;border-color:#334155!important}
html[data-theme="dark"] .rw-field input,
html[data-theme="dark"] .rw-field select,
html[data-theme="dark"] .rw-field textarea{background:#0f172a!important;border-color:#334155!important;color:#e2e8f0!important}
html[data-theme="dark"] .rw-card{background:#1e293b!important}
html[data-theme="dark"] .rw-dz{background:#0f172a!important;border-color:#334155!important}

/* SSS sayfası */
html[data-theme="dark"] .sss-card,
html[data-theme="dark"] .faq-item button{color:#e2e8f0!important}

/* Sepet */
html[data-theme="dark"] .cart-item{background:#1e293b!important;border-color:#334155!important}

/* Bildirim dropdown */
html[data-theme="dark"] .hdr-dropdown,
html[data-theme="dark"] [id*="drop-custom"]{background:#1e293b!important;border-color:#334155!important}
html[data-theme="dark"] .ntf-row:hover{background:rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08)!important}