/**
 * Karanlık mod — geniş kapsamlı mağaza / üyelik / servis / kurumsal düzeltmeleri
 * Sabit #fff arka planlar ve koyu-lacivert başlık renkleri için.
 */

/* ── Kart / kutu / şerit yüzeyleri ── */
html[data-tema-mod="karanlik"] .site-icerik-alan :is(
	.uye-kart,
	.uye-avantajlar,
	.uye-avantaj-listesi li,
	.uye-sonuc,
	.anasayfa-guven-oge,
	.anasayfa-kategori-serit,
	.anasayfa-kategori-chip,
	.anasayfa-kategori-kart,
	.anasayfa-sayfa .urun-kart,
	.avantaj-kart,
	.hesabim-nav,
	.hesabim-kart,
	.hesabim-ozet-metrik,
	.hesabim-ozet-kokpit,
	.servis-kart,
	.ts-landing-kart,
	.ts-ozellik-kart,
	.ts-kayit-kart,
	.ts-gorsel-kart,
	.ts-bildirim-oge,
	.ts-sozlesme-metin,
	.ts-sozlesme-kutu,
	.ts-onay-liste li,
	.ts-onay-form,
	.ts-google-yorum-onizleme,
	.ts-detay-ozet > div,
	.urun-ozellik-cerceve,
	.urun-yorum-satir,
	.iletisim-kart,
	.iletisim-form-kutu,
	.blog-detay-kart,
	.sss-oge,
	.kurumsal-icerik-kutu,
	.sepet-uyelik-not,
	.odeme-ozet-kutu,
	.sayfa-bos-kutu
) {
	background-color: var(--dt-surface);
	border-color: var(--dt-border);
	color: var(--marka-metin);
}

html[data-tema-mod="karanlik"] .site-icerik-alan :is(
	.anasayfa-kategori-serit,
	.urun-ozellik-tablo th,
	.urun-ozellik-tablo tr.tek td,
	.ts-kayit-kart,
	.ts-bilgi-kutu,
	.hesabim-ozet-kokpit
) {
	background-color: var(--dt-surface-2);
}

html[data-tema-mod="karanlik"] .urun-ozellik-tablo tr.cift td {
	background-color: var(--dt-surface);
}

html[data-tema-mod="karanlik"] .urun-ozellik-tablo th {
	color: var(--marka-muted);
}

html[data-tema-mod="karanlik"] .urun-ozellik-tablo td {
	color: var(--marka-metin);
	border-bottom-color: var(--dt-border);
}

html[data-tema-mod="karanlik"] .urun-detay-aciklama,
html[data-tema-mod="karanlik"] .urun-detay-aciklama :is(p, li, span, strong) {
	color: var(--marka-metin);
}

/* ── Koyu lacivert başlıklar → açık metin ── */
html[data-tema-mod="karanlik"] .site-icerik-alan :is(
	.ts-landing-metin h1,
	.ts-landing-kart h2,
	.ts-ozellik-kart h3,
	.vg-ozellik-kart h3,
	.vg-kurumsal-adim h3,
	.ts-kayit-ust strong,
	.ts-detay-ust h2,
	.ts-zaman-icerik strong,
	.ts-sozlesme-kutu h3,
	.ts-zaman-cizelgesi h3,
	.ts-onay-panel h3,
	.ts-gorsel-panel h3,
	.ts-bildirim-panel h3,
	.uye-kart-ust h1,
	.uye-avantajlar h2,
	.uye-avantaj-listesi strong,
	.hesabim-profil strong,
	.anasayfa-kategori-serit-baslik h2,
	.anasayfa-guven-oge strong,
	.kurumsal-baslik h1,
	.sss-oge summary
) {
	color: var(--marka-metin);
}

/* ── Soluk / sabit gri metinler ── */
html[data-tema-mod="karanlik"] .site-icerik-alan :is(
	.uye-kart-ust p,
	.uye-avantaj-giris,
	.uye-avantaj-listesi span,
	.uye-sozlesme,
	.anasayfa-guven-oge span,
	.anasayfa-kategori-chip,
	.ts-landing-metin p,
	.ts-adim-liste span,
	.ts-ozellik-kart p,
	.ts-kayit-ust span,
	.ts-kayit-aciklama,
	.ts-kayit-alt,
	.ts-detay-ust p,
	.ts-detay-ozet span,
	.ts-zaman-icerik span,
	.ts-zaman-icerik p,
	.ts-sozlesme-metin,
	.ts-sozlesme-onay,
	.ts-onay-liste li,
	.ts-onay-form p,
	.ts-google-yorum-onizleme,
	.vg-ozellik-kart p,
	.vg-kurumsal-adim p,
	.kurumsal-baslik p,
	.kurumsal-icerik,
	.kurumsal-icerik :is(p, li),
	.sss-cevap,
	.hesabim-profil span,
	.hesabim-ozet-kokpit-sol p
) {
	color: var(--marka-muted);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .kurumsal-icerik strong {
	color: var(--marka-metin);
}

/* ── Üyelik formları ── */
html[data-tema-mod="karanlik"] .site-icerik-alan :is(
	.uye-alan input,
	.uye-alan select,
	.uye-alan-cift input,
	.uye-alan-cift select,
	.uye-form input,
	.uye-form select,
	.uye-form textarea
) {
	background-color: var(--dt-surface-2);
	border-color: var(--dt-border);
	color: var(--marka-metin);
}

html[data-tema-mod="karanlik"] .site-icerik-alan :is(.uye-alan label, .uye-alan-cift label) {
	color: var(--marka-metin);
}

/* ── Teknik servis / destek ── */
html[data-tema-mod="karanlik"] .site-icerik-alan .ts-bilgi-kutu {
	background: var(--marka-mavi-soft);
	border-color: var(--marka-mavi-soft-2);
	color: var(--marka-metin);
}

html[data-tema-mod="karanlik"] .site-icerik-alan :is(
	.ts-durum-gri,
	.ts-durum-uyari,
	.ts-durum-bilgi,
	.ts-durum-yesil,
	.ts-durum-mavi
) {
	background: var(--dt-surface-2);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .ts-durum-yesil {
	background: var(--dt-success-soft);
	color: var(--dt-success);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .ts-durum-uyari {
	background: var(--dt-warning-soft);
	color: var(--marka-turuncu);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .ts-durum-bilgi,
html[data-tema-mod="karanlik"] .site-icerik-alan .ts-durum-mavi {
	background: var(--marka-mavi-soft);
	color: var(--marka-mavi-acik);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .ts-durum-gri {
	color: var(--marka-muted);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .ts-adim-liste li strong {
	color: var(--marka-metin);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .hesabim-nav-link {
	color: var(--marka-metin);
	border-color: transparent;
}

html[data-tema-mod="karanlik"] .site-icerik-alan .hesabim-nav-link:hover {
	background: var(--dt-surface-2);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .hesabim-nav-link.hesabim-nav-aktif {
	background: var(--marka-mavi-soft);
	color: var(--marka-mavi-acik);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .hesabim-profil {
	border-bottom-color: var(--dt-border);
}

/* ── Anasayfa / mağaza ── */
html[data-tema-mod="karanlik"] .site-icerik-alan .anasayfa-kategori-chip:hover {
	border-color: var(--marka-mavi);
	color: var(--marka-mavi-acik);
	background: var(--marka-mavi-soft);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .anasayfa-kategori-chip svg {
	opacity: 0.9;
	color: currentColor;
}

html[data-tema-mod="karanlik"] .site-icerik-alan .avantaj-ikon {
	color: var(--marka-mavi-acik);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .avantaj-kart h3 {
	color: var(--marka-metin);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .avantaj-kart p {
	color: var(--marka-muted);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .hesabim-ozet-rozet {
	background: var(--marka-mavi-soft);
	color: var(--marka-mavi-acik);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .hesabim-ozet-metrik:hover {
	border-color: var(--marka-mavi-soft-2);
	background: var(--dt-surface-2);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .ts-onay-liste li.ts-onay-tamam,
html[data-tema-mod="karanlik"] .site-icerik-alan .ts-onay-tamamlandi {
	background: var(--dt-success-soft);
	border-color: color-mix(in srgb, var(--dt-success) 40%, transparent);
	color: var(--dt-success);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .ts-onay-form {
	background: var(--marka-mavi-soft);
	border-color: var(--marka-mavi-soft-2);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .ts-onay-form p {
	color: var(--marka-metin);
}

/* ── Vitrin / kurumsal landing ── */
html[data-tema-mod="karanlik"] .mod-vitrin .vg-ozellik-kart,
html[data-tema-mod="karanlik"] .mod-vitrin .vg-kurumsal-adim {
	background: var(--dt-surface);
	border-color: var(--dt-border);
}

html[data-tema-mod="karanlik"] .mod-vitrin .vg-ozellik-ikon {
	background: var(--marka-mavi-soft);
	color: var(--marka-mavi-acik);
}

html[data-tema-mod="karanlik"] .mod-vitrin .vg-kurumsal-uyari-band {
	background: var(--dt-warning-soft);
	border-color: color-mix(in srgb, var(--marka-turuncu) 40%, transparent);
}

html[data-tema-mod="karanlik"] .mod-vitrin .vg-kurumsal-uyari-ic {
	color: var(--marka-turuncu);
}

html[data-tema-mod="karanlik"] .mod-vitrin .vg-kurumsal-surec {
	background: var(--dt-surface-2);
}

html[data-tema-mod="karanlik"] .mod-vitrin .vg-hizmet-kart-v2 h3 {
	color: var(--marka-metin);
}

html[data-tema-mod="karanlik"] .mod-vitrin .vg-teklif-wrap-v2 {
	background: var(--dt-surface);
}

html[data-tema-mod="karanlik"] .mod-vitrin .vg-bolum-ust-satir h2 {
	color: var(--marka-metin);
}

/* ── İletişim / SSS ── */
html[data-tema-mod="karanlik"] .site-icerik-alan .sss-oge {
	border-color: var(--dt-border);
}

html[data-tema-mod="karanlik"] .site-icerik-alan .sss-cevap {
	border-top-color: var(--dt-border);
}