/* ============================================================
   DARK SKIN (2026-09) — koyu temanin gorsel dili.
   Palet: #1b2838 govde, #171a21 header,
   #66c0f4 mavi linkler, gradient panel kartlar, yesil indirim rozetleri,
   BUYUK HARF nav, 2-3px kucuk radius.
   Light tema DOKUNULMADI (fallback). Yalniz [data-theme="dark"] kapsami.
   ============================================================ */

/* ---------- TOKENLAR: koyu palet ---------- */
[data-theme="dark"] {
  --bg: #1b2838;
  --surface: #16202d;
  --surface-2: #2a3f5a;

  --ink: #c6d4df;
  --ink-2: #acb2b8;
  --ink-3: #8f98a0;
  --ink-4: #566168;

  --border: #2e3c4d;
  --border-2: #253444;

  --accent: #66c0f4;
  --accent-2: rgba(102, 192, 244, 0.14);

  --nav-bg: #171a21;
  --nav-text: #b8bcbf;

  --amber: #d2a03c;
  --rust: #cd5c32;
  --violet: #9b8cf2;
  --green: #a4d007;
  --red: #d94126;
  --blue: #66c0f4;
}

/* ---------- GOVDE: ust glow'lu koyu zemin ---------- */
[data-theme="dark"] body {
  background: radial-gradient(140% 60% at 50% -10%, #2a3f5a 0%, #1b2838 55%) fixed, #1b2838;
  color: #c6d4df;
}
[data-theme="dark"] ::selection { background: #66c0f4; color: #1b2838; }

[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4 { color: #fff; font-weight: 500; letter-spacing: .2px; }

/* ---------- TOPBAR: koyu header (#171a21) ---------- */
[data-theme="dark"] .topbar {
  background: #171a21;
  border-bottom: 1px solid #000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
[data-theme="dark"] .tb-nav a {
  color: #b8bcbf;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-size: 12.5px;
  font-weight: 500;
  border-radius: 2px;
}
[data-theme="dark"] .tb-nav a:hover { background: transparent; color: #66c0f4; }
[data-theme="dark"] .tb-nav a.active {
  background: transparent;
  color: #66c0f4;
  font-weight: 500;
  box-shadow: inset 0 -2px 0 #66c0f4;
}
[data-theme="dark"] .tb-icon-btn { color: #b8bcbf; border-radius: 2px; }
[data-theme="dark"] .tb-icon-btn:hover { color: #fff; background: #2a3f5a; }

/* Arama: koyu mavi kutu + mavi buton hissi */
[data-theme="dark"] .tb-search input,
[data-theme="dark"] .tb-search {
  background: #316282 !important;
  border-color: #000 !important;
  color: #fff !important;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4);
}
[data-theme="dark"] .tb-search input::placeholder { color: #0e1c25; opacity: .85; }
[data-theme="dark"] .tb-search .tb-search-icon { color: #0e1c25; }

/* CTA butonu (Submit): yesil gradyan */
[data-theme="dark"] .tb-cta,
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .ls-login-btn {
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #d2efa9 !important;
  border: none !important;
  border-radius: 2px !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
[data-theme="dark"] .tb-cta:hover,
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .ls-login-btn:hover {
  background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%) !important;
  color: #fff !important;
  filter: none;
}

/* Ikincil butonlar: mavi-gri gradyan */
[data-theme="dark"] .btn:not(.btn-primary):not(.tb-cta) {
  background: linear-gradient(to bottom, #3d4450 5%, #2e343e 95%);
  color: #d5d9de;
  border: none;
  border-radius: 2px;
}
[data-theme="dark"] .btn:not(.btn-primary):not(.tb-cta):hover {
  background: linear-gradient(to bottom, #67c1f5 5%, #417a9b 95%);
  color: #fff;
}

/* ---------- SOL SIDEBAR: koyu panel ---------- */
[data-theme="dark"] .left-sidebar {
  background: linear-gradient(to bottom, #171a21 0%, #141720 100%);
  border-right: 1px solid #000;
}
[data-theme="dark"] .ls-group-title {
  color: #4f94bc;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10.5px;
}
[data-theme="dark"] .ls-link { color: #b8bcbf; border-radius: 8px; position: relative; }
[data-theme="dark"] .ls-link:hover { background: #2a3f5a; color: #fff; }
[data-theme="dark"] .ls-link.active {
  background: linear-gradient(90deg, rgba(102, 192, 244, .17), rgba(155, 140, 246, .07));
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(102, 192, 244, .22);
}
[data-theme="dark"] .ls-footer { border-top: 1px solid #2e3c4d; }

/* ---------- KARTLAR / PANELLER: kapsul stili ---------- */
[data-theme="dark"] .sb-card,
[data-theme="dark"] .card,
[data-theme="dark"] .tool-card,
[data-theme="dark"] .panel,
[data-theme="dark"] .dwa-card,
[data-theme="dark"] .cat-card {
  background: linear-gradient(135deg, rgba(42, 63, 90, .55) 0%, rgba(23, 32, 43, .9) 60%);
  border: 1px solid rgba(0, 0, 0, .4);
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(0, 0, 0, .35);
}
[data-theme="dark"] .tool-card:hover,
[data-theme="dark"] .cat-card:hover,
[data-theme="dark"] .dwa-card:hover {
  background: linear-gradient(135deg, rgba(64, 92, 128, .6) 0%, rgba(31, 44, 60, .95) 60%);
  border-color: rgba(102, 192, 244, .4);
  box-shadow: 0 0 12px rgba(102, 192, 244, .25);
  transform: none;
}
[data-theme="dark"] .sb-head {
  color: #fff;
  background: linear-gradient(90deg, rgba(102, 192, 244, .12), transparent);
  border-bottom: 1px solid #2e3c4d;
}

/* ---------- LINKLER ---------- */
[data-theme="dark"] .main-content a:not(.btn):not(.tb-cta):not(.chip):not(.tag) { color: #66c0f4; }
[data-theme="dark"] .main-content a:not(.btn):not(.tb-cta):hover { color: #a3d9ff; }
[data-theme="dark"] .main-content .tool-card a,
[data-theme="dark"] .main-content .cat-card,
[data-theme="dark"] .main-content h1 a, [data-theme="dark"] .main-content h2 a,
[data-theme="dark"] .main-content h3 a { color: inherit; }

/* ---------- ROZETLER: indirim yesili ---------- */
[data-theme="dark"] .badge-free,
[data-theme="dark"] .price-free,
[data-theme="dark"] .discount,
[data-theme="dark"] .deal-badge,
[data-theme="dark"] .badge-discount {
  background: #4c6b22 !important;
  color: #BEEE11 !important;
  border: none !important;
  border-radius: 2px !important;
  font-weight: 600;
}
[data-theme="dark"] .badge-verified { background: #1a44c2 !important; color: #cfe6ff !important; }

/* Chips / etiketler: etiket hapi */
[data-theme="dark"] .chip,
[data-theme="dark"] .tag,
[data-theme="dark"] .subcat-pill {
  background: rgba(103, 193, 245, .2);
  color: #67c1f5;
  border: none;
  border-radius: 2px;
}
[data-theme="dark"] .chip:hover,
[data-theme="dark"] .tag:hover,
[data-theme="dark"] .subcat-pill:hover { background: #67c1f5; color: #fff; }
[data-theme="dark"] .subcat-pill.active { background: #67c1f5; color: #1b2838; }

/* ---------- FORMLAR ---------- */
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #222b35;
  border: 1px solid #000;
  color: #e6e7e8;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .4);
}
[data-theme="dark"] input:focus, [data-theme="dark"] textarea:focus {
  border-color: #66c0f4;
  outline: none;
}

/* ---------- TABLOLAR ---------- */
[data-theme="dark"] table th { color: #66c0f4; text-transform: uppercase; font-size: 11.5px; letter-spacing: .5px; }
[data-theme="dark"] table tr:hover td { background: rgba(102, 192, 244, .06); }

/* ---------- SCROLLBAR: koyu ---------- */
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #434953;
  border: 2px solid #1b2838;
}
[data-theme="dark"] ::-webkit-scrollbar-track { background: #14202c; }

/* ---------- FOOTER ---------- */
[data-theme="dark"] .site-footer,
[data-theme="dark"] footer.footer {
  background: #171a21;
  border-top: 1px solid #000;
  color: #8f98a0;
}

/* ---------- DROPDOWN / AUTOCOMPLETE ---------- */
[data-theme="dark"] .dropdown-content,
[data-theme="dark"] .autocomplete-dropdown {
  background: #3d4450;
  border: 1px solid #000;
  border-radius: 3px;
  box-shadow: 0 0 12px #000;
}
[data-theme="dark"] .dropdown-item:hover { background: #67c1f5; color: #fff; }

/* ---------- HERO / SECTION BASLIKLARI ---------- */
[data-theme="dark"] .section-title { color: #fff; font-weight: 400; font-size: 15px; }
[data-theme="dark"] .section-sub-link {
  background: rgba(103, 193, 245, .12);
  color: #67c1f5;
  border-radius: 2px;
  padding: 4px 10px;
}
[data-theme="dark"] .section-sub-link:hover { background: #67c1f5; color: #fff !important; }

/* ---------- LEGACY TOKEN FALLBACK'LERI (view'lerdeki var(--x, #fff) adalari) ---------- */
[data-theme="dark"] {
  --card: #16202d;
  --bg-card: #16202d;
  --bg-2: #1a2635;
  --bg-tertiary: #223246;
  --border-color: #2e3c4d;
}

/* ---------- SORT CHIP (Hot/New/Top) kontrast ---------- */
[data-theme="dark"] .sort-chip {
  background: rgba(103, 193, 245, .12);
  color: #8f98a0;
  border: none;
  border-radius: 2px;
}
[data-theme="dark"] .sort-chip:hover { color: #fff; background: rgba(103, 193, 245, .25); }
[data-theme="dark"] .sort-chip.active {
  background: linear-gradient(to bottom, #67c1f5 5%, #417a9b 95%);
  color: #fff;
}

/* ---------- DWA panelleri kapsul stili ---------- */
[data-theme="dark"] .dwa-panel { border-radius: 4px; border-color: rgba(0, 0, 0, .4); }
[data-theme="dark"] .dwa-panel-foot { background: rgba(103, 193, 245, .08); color: #67c1f5; }
[data-theme="dark"] .dwa-panel-foot:hover { background: #67c1f5; color: #0e1c25 !important; }
[data-theme="dark"] .dwa-row:hover { background: rgba(102, 192, 244, .07); }


/* ============================================================
   KONTRAST DUZELTMELERI (hover/aktif durumlar)
   ============================================================ */

/* Acik mavi zemin uzerinde HEP koyu lacivert metin — beyaz degil */
[data-theme="dark"] .subcat-pill:hover,
[data-theme="dark"] .subcat-pill.active,
[data-theme="dark"] .chip:hover,
[data-theme="dark"] .tag:hover,
[data-theme="dark"] .sort-chip.active,
[data-theme="dark"] .sort-chip:hover {
  background: #67c1f5 !important;
  color: #0e1c25 !important;
  font-weight: 700;
}
[data-theme="dark"] .subcat-pill.active i,
[data-theme="dark"] .sort-chip.active i { color: #0e1c25 !important; }

/* Digest / davet kartlari: eski "ink zeminli invert kart" deseni koyu skinde kirilir */
[data-theme="dark"] .digest-card {
  background: linear-gradient(135deg, #2a475e 0%, #1b2838 100%) !important;
  color: #c6d4df !important;
  border: 1px solid rgba(102, 192, 244, .25);
}
[data-theme="dark"] .digest-title { color: #fff; }
[data-theme="dark"] .digest-sub { color: #8f98a0 !important; }
[data-theme="dark"] .digest-card .btn,
[data-theme="dark"] .btn-accent {
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #d2efa9 !important;
  border: none !important;
  border-radius: 2px !important;
}
[data-theme="dark"] .digest-card .btn:hover,
[data-theme="dark"] .btn-accent:hover {
  background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%) !important;
  color: #fff !important;
}

/* btn-ink / ters kartlar: koyu temada okunur kal */
[data-theme="dark"] .btn-ink {
  background: linear-gradient(to bottom, #3d4450 5%, #2e343e 95%);
  color: #d5d9de;
  border-color: transparent;
}
[data-theme="dark"] .btn-ink:hover { background: linear-gradient(to bottom, #67c1f5 5%, #417a9b 95%); color: #fff; }



/* ============================================================
   KIMLIK KATMANI — "aurora" (mavi→menekse) vurgu dili
   Kullanim: aktif durumlar, baslik aksanlari, one cikarma rozetleri.
   Zemin/panel dili koyu kalir; kimlik anlari aurora'dir.
   ============================================================ */
[data-theme="dark"] {
  --aurora-a: #66c0f4;
  --aurora-b: #9b8cf6;
  --aurora: linear-gradient(90deg, #66c0f4, #9b8cf6);
}

/* govde: sag ustte cok hafif menekse nefesi (tek renkli zeminden ayrisir) */
[data-theme="dark"] body {
  background:
    radial-gradient(90% 50% at 85% -10%, rgba(155, 140, 246, .14) 0%, transparent 60%),
    radial-gradient(140% 60% at 35% -10%, #2a3f5a 0%, #1b2838 55%) fixed, #1b2838;
}

/* secim + odak */
[data-theme="dark"] ::selection { background: #9b8cf6; color: #10131c; }
[data-theme="dark"] :focus-visible { outline-color: #9b8cf6; }

/* ust nav aktif: duz mavi cizgi yerine aurora serit */
[data-theme="dark"] .tb-nav a.active {
  box-shadow: none;
  background-image: linear-gradient(90deg, #66c0f4, #9b8cf6);
  background-size: 100% 2px;
  background-position: bottom;
  background-repeat: no-repeat;
}

/* bolum basliklari: sol aurora cubugu — sitenin imzasi */
[data-theme="dark"] .main-content .section-title,
[data-theme="dark"] .main-content h2.section-title {
  position: relative;
  padding-left: 13px;
}
[data-theme="dark"] .main-content .section-title::before {
  content: '';
  position: absolute;
  left: 0; top: 12%; bottom: 12%;
  width: 3.5px;
  border-radius: 3px;
  background: linear-gradient(180deg, #66c0f4, #9b8cf6);
}

/* kart hover: duz parlama yerine yukselme + cift renk halka */
[data-theme="dark"] .tool-card:hover,
[data-theme="dark"] .cat-card:hover,
[data-theme="dark"] .dwa-card:hover {
  transform: translateY(-2px);
  transition: transform .15s ease, box-shadow .15s ease;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, .45),
    0 0 0 1px rgba(102, 192, 244, .35),
    0 0 22px rgba(155, 140, 246, .18);
}
[data-theme="dark"] .tool-card,
[data-theme="dark"] .cat-card,
[data-theme="dark"] .dwa-card { transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }

/* FEATURED / one cikarma rozetleri: aurora */
[data-theme="dark"] .badge-featured,
[data-theme="dark"] .featured-badge,
[data-theme="dark"] .tag-featured {
  background: linear-gradient(90deg, #66c0f4, #9b8cf6) !important;
  color: #0e1c25 !important;
  border: none !important;
  font-weight: 700;
}

/* sidebar aktif link: solda kısa, yuvarlak aurora çubuğu (pill'in köşe yuvarlağı dışında kalır) */
.ls-link.active::before {
  content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 3px; height: 16px; border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, #66c0f4, #9b8cf6);
}
.left-sidebar.collapsed .ls-link.active::before { height: 12px; }

/* sekme cizgileri (tool sayfasi tabs vb.): aurora alt cizgi */
[data-theme="dark"] .tab.active,
[data-theme="dark"] .tabs .active,
[data-theme="dark"] .top-voted-tabs .active {
  background-image: linear-gradient(90deg, #66c0f4, #9b8cf6);
  background-size: 100% 2px;
  background-position: bottom;
  background-repeat: no-repeat;
}

/* progress/pulse gibi canli elemanlar */
[data-theme="dark"] .fz-progress-bar { background: linear-gradient(90deg, #66c0f4, #9b8cf6); }

/* ============================================================
   LIGHT SKIN — ayni tasarim dilinin beyaz versiyonu.
   Cevirim kurallari: #1b2838 govde → #eef2f7 · panel #16202d → #fff ·
   metin #c6d4df → #22303f · accent #66c0f4 → #2f7cb8 (kontrast icin koyu) ·
   aurora #66c0f4→#9b8cf6 → #2f8fd8→#7b6ce0 · yesil CTA ayni kalir (kimlik).
   ============================================================ */
[data-theme="light"] {
  --bg: #eef2f7;
  --surface: #ffffff;
  --surface-2: #e7edf5;

  --ink: #22303f;
  --ink-2: #46566a;
  --ink-3: #67788c;
  --ink-4: #a2b0c0;

  --border: #d9e1eb;
  --border-2: #e7edf4;

  --accent: #2f7cb8;
  --accent-2: rgba(47, 124, 184, 0.1);

  --nav-bg: #ffffff;
  --nav-text: #46566a;

  --amber: #b07d17;
  --rust: #c05621;
  --violet: #6d5bd0;
  --green: #4c7a15;
  --red: #c23321;
  --blue: #2f7cb8;

  --card: #ffffff;
  --bg-card: #ffffff;
  --bg-2: #f2f5f9;
  --bg-tertiary: #e7edf5;
  --border-color: #d9e1eb;

  --aurora-a: #2f8fd8;
  --aurora-b: #7b6ce0;
  --aurora: linear-gradient(90deg, #2f8fd8, #7b6ce0);
}

[data-theme="light"] body {
  background:
    radial-gradient(90% 50% at 85% -10%, rgba(123, 108, 224, .10) 0%, transparent 60%),
    radial-gradient(140% 60% at 35% -10%, #ffffff 0%, #eef2f7 60%) fixed, #eef2f7;
  color: #22303f;
}
[data-theme="light"] ::selection { background: #7b6ce0; color: #fff; }
[data-theme="light"] :focus-visible { outline-color: #7b6ce0; }
[data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3,
[data-theme="light"] h4 { color: #16212e; font-weight: 600; letter-spacing: .2px; }

/* ── Topbar ── */
[data-theme="light"] .topbar {
  background: #ffffff;
  border-bottom: 1px solid #d9e1eb;
  box-shadow: 0 1px 6px rgba(23, 42, 66, .07);
}
[data-theme="light"] .tb-nav a {
  color: #46566a;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-size: 12.5px;
  font-weight: 600;
  border-radius: 2px;
}
[data-theme="light"] .tb-nav a:hover { background: transparent; color: #2f7cb8; }
[data-theme="light"] .tb-nav a.active {
  background: transparent;
  color: #2f7cb8;
  font-weight: 600;
  background-image: linear-gradient(90deg, #2f8fd8, #7b6ce0);
  background-size: 100% 2px;
  background-position: bottom;
  background-repeat: no-repeat;
}
[data-theme="light"] .tb-icon-btn { color: #46566a; border-radius: 2px; }
[data-theme="light"] .tb-icon-btn:hover { color: #16212e; background: #e7edf5; }

[data-theme="light"] .tb-search input,
[data-theme="light"] .tb-search {
  background: #e9eef5 !important;
  border-color: #cfd9e5 !important;
  color: #22303f !important;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(23, 42, 66, .08);
}
[data-theme="light"] .tb-search input::placeholder { color: #7a8ba0; opacity: 1; }
[data-theme="light"] .tb-search .tb-search-icon { color: #7a8ba0; }

/* CTA yesili — kimlik, iki temada ayni */
[data-theme="light"] .tb-cta,
[data-theme="light"] .btn-primary,
[data-theme="light"] .btn-accent,
[data-theme="light"] .ls-login-btn,
[data-theme="light"] .digest-card .btn {
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #f4ffe0 !important;
  border: none !important;
  border-radius: 2px !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}
[data-theme="light"] .tb-cta:hover,
[data-theme="light"] .btn-primary:hover,
[data-theme="light"] .btn-accent:hover,
[data-theme="light"] .ls-login-btn:hover,
[data-theme="light"] .digest-card .btn:hover {
  background: linear-gradient(to bottom, #83c428 5%, #63971e 95%) !important;
  color: #fff !important;
  filter: none;
}
[data-theme="light"] .btn:not(.btn-primary):not(.tb-cta):not(.btn-accent) {
  background: linear-gradient(to bottom, #ffffff 5%, #eef2f7 95%);
  color: #33445a;
  border: 1px solid #c9d4e2;
  border-radius: 2px;
}
[data-theme="light"] .btn:not(.btn-primary):not(.tb-cta):not(.btn-accent):hover {
  background: linear-gradient(to bottom, #3f9ede 5%, #2f7cb8 95%);
  color: #fff;
  border-color: transparent;
}

/* ── Sidebar ── */
[data-theme="light"] .left-sidebar {
  background: #ffffff;
  border-right: 1px solid #d9e1eb;
}
[data-theme="light"] .ls-group-title {
  color: #2f7cb8;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10.5px;
}
[data-theme="light"] .ls-link { color: #46566a; border-radius: 8px; position: relative; }
[data-theme="light"] .ls-link:hover { background: #edf2f8; color: #16212e; }
[data-theme="light"] .ls-link.active {
  background: linear-gradient(90deg, rgba(47, 124, 184, .13), rgba(123, 108, 224, .05));
  color: #16212e;
  box-shadow: inset 0 0 0 1px rgba(47, 124, 184, .18);
}
[data-theme="light"] .ls-link.active::before { background: linear-gradient(180deg, #2f8fd8, #7b6ce0); }
[data-theme="light"] .ls-footer { border-top: 1px solid #e7edf4; }

/* ── Kartlar / paneller ── */
[data-theme="light"] .sb-card,
[data-theme="light"] .card,
[data-theme="light"] .tool-card,
[data-theme="light"] .panel,
[data-theme="light"] .dwa-card,
[data-theme="light"] .cat-card,
[data-theme="light"] .dwa-panel {
  background: #ffffff;
  border: 1px solid #dde4ee;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(23, 42, 66, .06);
}
[data-theme="light"] .tool-card,
[data-theme="light"] .cat-card,
[data-theme="light"] .dwa-card { transition: transform .15s ease, box-shadow .15s ease; }
[data-theme="light"] .tool-card:hover,
[data-theme="light"] .cat-card:hover,
[data-theme="light"] .dwa-card:hover {
  transform: translateY(-2px);
  border-color: rgba(47, 124, 184, .45);
  box-shadow:
    0 10px 24px rgba(23, 42, 66, .12),
    0 0 0 1px rgba(47, 143, 216, .35),
    0 0 18px rgba(123, 108, 224, .12);
}
[data-theme="light"] .sb-head {
  color: #16212e;
  background: linear-gradient(90deg, rgba(47, 124, 184, .08), transparent);
  border-bottom: 1px solid #e2e9f1;
}
[data-theme="light"] .dwa-panel-foot { background: rgba(47, 124, 184, .07); color: #2f7cb8; }
[data-theme="light"] .dwa-panel-foot:hover { background: #2f7cb8; color: #fff !important; }
[data-theme="light"] .dwa-row:hover { background: rgba(47, 124, 184, .05); }

/* ── Linkler ── */
[data-theme="light"] .main-content a:not(.btn):not(.tb-cta):not(.chip):not(.tag) { color: #2f7cb8; }
[data-theme="light"] .main-content a:not(.btn):not(.tb-cta):hover { color: #1e5f94; }
[data-theme="light"] .main-content .tool-card a,
[data-theme="light"] .main-content .cat-card,
[data-theme="light"] .main-content h1 a, [data-theme="light"] .main-content h2 a,
[data-theme="light"] .main-content h3 a { color: inherit; }

/* ── Rozetler ── */
[data-theme="light"] .badge-free,
[data-theme="light"] .price-free,
[data-theme="light"] .discount,
[data-theme="light"] .deal-badge,
[data-theme="light"] .badge-discount {
  background: #e4f2c8 !important;
  color: #44700e !important;
  border: none !important;
  border-radius: 2px !important;
  font-weight: 700;
}
[data-theme="light"] .badge-verified { background: #dbe9fb !important; color: #1d5c9e !important; }
[data-theme="light"] .badge-featured,
[data-theme="light"] .featured-badge,
[data-theme="light"] .tag-featured {
  background: linear-gradient(90deg, #2f8fd8, #7b6ce0) !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700;
}

/* ── Chips / etiketler ── */
[data-theme="light"] .chip,
[data-theme="light"] .tag,
[data-theme="light"] .subcat-pill,
[data-theme="light"] .sort-chip {
  background: rgba(47, 124, 184, .09);
  color: #2f6fa3;
  border: none;
  border-radius: 2px;
}
[data-theme="light"] .subcat-pill:hover,
[data-theme="light"] .subcat-pill.active,
[data-theme="light"] .chip:hover,
[data-theme="light"] .tag:hover,
[data-theme="light"] .sort-chip.active,
[data-theme="light"] .sort-chip:hover {
  background: #2f7cb8 !important;
  color: #ffffff !important;
  font-weight: 700;
}
[data-theme="light"] .subcat-pill.active i,
[data-theme="light"] .sort-chip.active i { color: #fff !important; }

/* ── Formlar / tablolar ── */
[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] textarea,
[data-theme="light"] select {
  background: #ffffff;
  border: 1px solid #c9d4e2;
  color: #22303f;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(23, 42, 66, .05);
}
[data-theme="light"] input:focus, [data-theme="light"] textarea:focus {
  border-color: #2f8fd8;
  outline: none;
}
[data-theme="light"] table th { color: #2f7cb8; text-transform: uppercase; font-size: 11.5px; letter-spacing: .5px; }
[data-theme="light"] table tr:hover td { background: rgba(47, 124, 184, .05); }

/* ── Scrollbar / footer / dropdown ── */
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #c3cedb; border: 2px solid #eef2f7; }
[data-theme="light"] ::-webkit-scrollbar-track { background: #e7edf4; }
[data-theme="light"] .site-footer,
[data-theme="light"] footer.footer { background: #ffffff; border-top: 1px solid #d9e1eb; color: #67788c; }
[data-theme="light"] .dropdown-content,
[data-theme="light"] .autocomplete-dropdown {
  background: #ffffff;
  border: 1px solid #d3dce7;
  border-radius: 3px;
  box-shadow: 0 10px 28px rgba(23, 42, 66, .16);
}
[data-theme="light"] .dropdown-item:hover { background: #2f7cb8; color: #fff; }

/* ── Bolum basliklari + imza cubugu ── */
[data-theme="light"] .section-title { color: #16212e; font-weight: 600; font-size: 15px; }
[data-theme="light"] .main-content .section-title { position: relative; padding-left: 13px; }
[data-theme="light"] .main-content .section-title::before {
  content: '';
  position: absolute;
  left: 0; top: 12%; bottom: 12%;
  width: 3.5px;
  border-radius: 3px;
  background: linear-gradient(180deg, #2f8fd8, #7b6ce0);
}
[data-theme="light"] .section-sub-link {
  background: rgba(47, 124, 184, .09);
  color: #2f7cb8;
  border-radius: 2px;
  padding: 4px 10px;
}
[data-theme="light"] .section-sub-link:hover { background: #2f7cb8; color: #fff !important; }

/* ── Sekmeler ── */
[data-theme="light"] .tab.active,
[data-theme="light"] .tabs .active,
[data-theme="light"] .top-voted-tabs .active {
  background-image: linear-gradient(90deg, #2f8fd8, #7b6ce0);
  background-size: 100% 2px;
  background-position: bottom;
  background-repeat: no-repeat;
}

/* ── Digest kart ── */
[data-theme="light"] .digest-card {
  background: linear-gradient(135deg, #eaf1fb 0%, #ffffff 70%) !important;
  color: #22303f !important;
  border: 1px solid rgba(47, 124, 184, .3);
}
[data-theme="light"] .digest-title { color: #16212e; }
[data-theme="light"] .digest-sub { color: #67788c !important; }
[data-theme="light"] .btn-ink {
  background: linear-gradient(to bottom, #ffffff 5%, #eef2f7 95%);
  color: #33445a;
  border-color: #c9d4e2;
}
[data-theme="light"] .btn-ink:hover { background: linear-gradient(to bottom, #3f9ede 5%, #2f7cb8 95%); color: #fff; }

