/* Demo açık mod: <html class="rw-light">. Sitenin koyu renk değişkenleri açığa çevrilir; görsel üstündeki
   bölümler (giriş, slider, haber kartları, mod kartları, katılım bandı) koyu kalır. */
html.rw-light {
  color-scheme: light;
  --background: #f5f3f9; --foreground: #1c1528; --card: #ffffff; --popover: #ffffff;
  --muted: #efebf5; --secondary: #efebf5; --muted-fg: #5f5872; --border: rgba(40, 20, 70, .12); --input: rgba(40, 20, 70, .16);
  --primary: oklch(0.58 0.2 var(--hue)); --primary-fg: #ffffff;
  --nx-bg: #f5f3f9; --nx-card: #ffffff; --nx-card2: #f4f1f8; --nx-line: rgba(40, 20, 70, .1); --nx-text2: #5f5872;
  --pm-sky: #f5f3f9 !important; --pm-card: #ffffff; --pm-edge: linear-gradient(rgba(40, 20, 70, .1), rgba(40, 20, 70, .1)); --pm-glow: 0 18px 40px -26px rgba(40, 20, 70, .35);
  --w03: rgba(40, 20, 70, .03); --w05: rgba(40, 20, 70, .045); --w08: rgba(40, 20, 70, .07); --w10: rgba(40, 20, 70, .09); --w12: rgba(40, 20, 70, .11); --w20: rgba(40, 20, 70, .16);
}
html.rw-light body { background: #f5f3f9 !important; color: var(--foreground); }
html.rw-light body::before { display: none !important; }
html.rw-light body::after { opacity: .35; }

/* koyu kalan, görsel üstündeki bölümler */
html.rw-light :is(.nx-hero, .nx-cta, .ender-card, .nx-news-card, .nx-slider, .np-hero, .vc-hero, .np-modecard, .vc-card, .mode-card, .vc-wl, .shop-top, .pp2-visual, .cat-card, .auth-side, .page-head, .help-hero) {
  --foreground: #ffffff; --nx-text2: rgba(255, 255, 255, .78); color: #fff;
  --pm-sky: #0d0a14; --background: #0d0a14; --nx-bg: #0d0a14; --nx-card: #16121f; --card: #16121f; --muted-fg: rgba(255, 255, 255, .75);
}

/* başlık ve vurgulu metinler: sitenin koyu tema için beyaz yazdığı yerler */
html.rw-light :is(h1, h2, h3, h4, h5, b, strong, .nx-h4, .w-title, .card-title, .fs-head span, .topic-meta b, .sw-bal b, .wi-chip b, .wp-txt b, .wp-chance b, .pf-stat b, .pf-code code, .pf-drop b, .trust b, .tbl td a, .nx-search input, .cookie .hud-label)
  :not(:is(.nx-hero, .nx-cta, .ender-card, .nx-news-card, .nx-slider, .np-hero, .vc-hero, .np-modecard, .vc-card, .mode-card, .vc-wl, .shop-top, .pp2-visual, .cat-card, .auth-side, .page-head, .help-hero, .btn, .nx-tag, .badge, .nx-tbl thead, .tbl thead, .dm-head, .nx-discord, .k-dcard, .nx-whero .nx-badge) *),
html.rw-light :is(h1, h2, h3, h4, h5, b, strong, .nx-h4, .w-title):not(:is(.nx-hero, .nx-cta, .ender-card, .nx-news-card, .nx-slider, .np-hero, .vc-hero, .np-modecard, .vc-card, .mode-card, .vc-wl, .shop-top, .pp2-visual, .cat-card, .auth-side, .page-head, .help-hero) *) { color: var(--foreground); }
html.rw-light .is-home .nx-crumb > a:nth-of-type(2), html.rw-light .nx-crumb a:hover, html.rw-light .nx-crumb .cur { color: var(--foreground); }
html.rw-light .nx-tbl th, html.rw-light .tbl th { color: var(--foreground); }
html.rw-light .nx-tbl tbody tr:hover td { background: rgba(40, 20, 70, .04); color: var(--foreground); }
html.rw-light :is(p, small, td, li, label, .muted) { color: inherit; }

/* üst menü (yatay menülü temalar) */
html.rw-light .topbar.nx-top, html.rw-light .scrolled .topbar.nx-top { background: rgba(255, 255, 255, .86) !important; border-color: rgba(40, 20, 70, .1) !important; box-shadow: 0 10px 30px -24px rgba(40, 20, 70, .5) !important; }
html.rw-light .nx-top .nav-wrap, html.rw-light .scrolled .nx-top .nav-wrap { background: rgba(255, 255, 255, .86) !important; border-color: rgba(40, 20, 70, .1) !important; }
html.rw-light .nx-top .brand-text { color: var(--foreground); }
html.rw-light .nx-nav > a, html.rw-light .nx-nav .nav-more-btn { color: #4a4360 !important; }
html.rw-light .nx-nav > a i { background: rgba(40, 20, 70, .05) !important; border-color: rgba(40, 20, 70, .07) !important; color: #6b6382 !important; }
html.rw-light .nx-nav > a:hover, html.rw-light .nx-nav .nav-more-btn:hover, html.rw-light .nx-nav > a.active { color: var(--foreground) !important; background: rgba(40, 20, 70, .05) !important; }
html.rw-light .nx-nav > a.active i { background: var(--primary) !important; color: #fff !important; }
html.rw-light .nav-more-menu, html.rw-light .dropdown-menu { background: #fff !important; border-color: rgba(40, 20, 70, .12) !important; box-shadow: 0 20px 50px -20px rgba(40, 20, 70, .35) !important; }
html.rw-light .nav-more-menu a, html.rw-light .dropdown-menu a { color: #3b3450 !important; }
html.rw-light .nx-top .user-btn, html.rw-light .nx-top .btn-register, html.rw-light :is(.nx-btn-ghost, .nx-ghost, .btn-light, .btn-glass):not(:is(.nx-hero, .nx-cta, .ender-card, .nx-news-card, .nx-slider, .np-hero, .vc-hero, .np-modecard, .vc-card, .mode-card, .vc-wl, .shop-top, .pp2-visual, .cat-card, .auth-side, .page-head, .help-hero) *) { background: #fff !important; border: 1px solid rgba(40, 20, 70, .14) !important; color: var(--foreground) !important; }
html.rw-light .nx-top .nav-toggle { background: rgba(40, 20, 70, .06); color: var(--foreground); }

/* Neon yan menü */
@media (min-width: 1100px) {
  html.rw-light .tpl-neon .topbar.nx-top, html.rw-light body .topbar.nx-top:has(.ns-nav) { background: #ffffff !important; border-right: 1px solid rgba(40, 20, 70, .1) !important; }
  html.rw-light .ns-nav > a { color: #4a4360 !important; }
  html.rw-light .ns-nav > a i { background: none !important; color: #8a82a0 !important; }
  html.rw-light .ns-nav > a.active { background: var(--p10) !important; color: var(--foreground) !important; }
  html.rw-light .ns-nav > a.active i { color: var(--primary) !important; background: none !important; }
  html.rw-light .ns-ip { background: #f6f3fa; border-color: rgba(40, 20, 70, .1); color: var(--foreground); }
}

/* kartlar, formlar */
html.rw-light :is(.nx-card, .card, .widget, .nx-wcard):not(.np-status):not(.vc-servers) { background: #fff !important; border-color: rgba(40, 20, 70, .1) !important; box-shadow: 0 1px 2px rgba(40, 20, 70, .04), 0 14px 34px -26px rgba(40, 20, 70, .35) !important; }
html.rw-light :is(.nx-card, .card)::before { display: none !important; }
html.rw-light .fr-float { background: #fff !important; color: var(--foreground); }
html.rw-light .fr-float b { color: var(--foreground) !important; }
html.rw-light input:not([type=checkbox]):not([type=radio]):not([type=range]), html.rw-light select, html.rw-light textarea { background: #fff !important; border: 1px solid rgba(40, 20, 70, .16) !important; color: var(--foreground) !important; }
html.rw-light .nx-search { background: #fff; border-color: rgba(40, 20, 70, .14); }
html.rw-light .nx-hero-sub { --foreground: #fff; }
html.rw-light .fr-hero::after { background: linear-gradient(90deg, #f5f3f9 30%, rgba(245, 243, 249, .7)), linear-gradient(0deg, #f5f3f9, transparent 40%) !important; }
html.rw-light .fr-hero p, html.rw-light .fr-nums small { color: #5f5872; }
html.rw-light .fr-hero h1, html.rw-light .fr-nums b { color: var(--foreground) !important; }
html.rw-light .nx-hero-sub[style], html.rw-light .fr-mode, html.rw-light .np-mode, html.rw-light .vc-sv { color: var(--foreground); }
html.rw-light .nx-pages a { background: #fff; border-color: rgba(40, 20, 70, .12); color: #4a4360; }
html.rw-light .cookie, html.rw-light .live-toast { background: #fff !important; color: var(--foreground) !important; border-color: rgba(40, 20, 70, .12) !important; }

/* alt bilgi */
html.rw-light :is(.footer, .nx-foot, footer) { background: #fff !important; border-color: rgba(40, 20, 70, .1) !important; color: #5f5872; }
html.rw-light :is(.footer, .nx-foot, footer) a { color: #4a4360; }

html.rw-light :is(summary, .fr-faq summary, .fr-mode-txt b, .np-mode b, .vc-sv b):not(:is(.nx-hero, .nx-cta, .ender-card, .nx-news-card, .nx-slider, .np-hero, .vc-hero, .np-modecard, .vc-card, .mode-card, .vc-wl, .shop-top, .pp2-visual, .cat-card, .auth-side, .page-head, .help-hero) *) { color: var(--foreground) !important; }
html.rw-light .fr-faq details > div, html.rw-light .fr-mode-txt small { color: #5f5872; }
/* görsel üstündeki koyu bölümlerde ikincil düğmeler cam görünümde kalır */
html.rw-light :is(.nx-hero, .nx-cta, .ender-card, .nx-news-card, .nx-slider, .np-hero, .vc-hero, .np-modecard, .vc-card, .mode-card, .vc-wl, .shop-top, .pp2-visual, .cat-card, .auth-side, .page-head, .help-hero) :is(.btn-light, .nx-ghost, .nx-btn-ghost) { background: rgba(255, 255, 255, .1) !important; border: 1px solid rgba(255, 255, 255, .22) !important; color: #fff !important; }
html.rw-light .nx-top .brand-text, html.rw-light .nx-top .brand-text * { -webkit-text-fill-color: currentColor; background: none !important; }
html.rw-light .nx-top .brand-text { color: #1c1528; }
html.rw-light .nx-top .brand-text span { color: var(--primary); }
html.rw-light :is(.vc-job) { background: #fff; border-color: rgba(40, 20, 70, .1); color: var(--foreground); }
html.rw-light .vc-job small { color: #5f5872; }
html.rw-light .vc-shop { --foreground: #fff; }