/* Netcloud · WISECP V5 — koyu mod uyarlamasi
 *
 * V4'te koyu mod yoktu; tema tamamen acik renkti. V5'in musteri panelinde
 * kullanici hesap ayarlarindan acik/koyu/otomatik secebiliyor ve bu secim
 * <html data-bs-theme="dark"> olarak tum sayfaya uygulaniyor. Koyu modda
 * Netcloud kabugu (ust cubuk, baslik, mega menu, mobil menu) beyaz kaldigi
 * icin burada yalnizca KABUK icin koyu varyant tanimlanir.
 *
 * Renkler Bootstrap 5.3'un kendi koyu tokenlarindan alinir; boylece kabuk ile
 * V5 panelinin renkleri birebir uyumlu olur.
 *
 * Not: Acilis sayfalari (views/page/*) ve diger public sayfalar sabit acik
 * renklerle yazildigi icin bilerek acik birakilmistir.
 */

[data-bs-theme="dark"] .top-bar,
[data-bs-theme="dark"] body > header,
[data-bs-theme="dark"] body > header > .container nav {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .top-bar .container .top-left a,
[data-bs-theme="dark"] .top-bar .container .top-right a,
[data-bs-theme="dark"] body > header > .container nav > ul > li > a,
[data-bs-theme="dark"] body > header > .container .actions a {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .top-bar .container .top-left a,
[data-bs-theme="dark"] .top-bar .container .top-right a:first-child,
[data-bs-theme="dark"] body > header > .container .actions a,
[data-bs-theme="dark"] body > header > .container nav > ul > li {
    border-color: var(--bs-border-color);
}

/* ust cubuktaki ve menudeki tek renk ikonlar koyu zeminde kaybolmasin */
[data-bs-theme="dark"] .top-bar img,
[data-bs-theme="dark"] body > header .mega-menu .menu-link .icon svg {
    filter: invert(1) hue-rotate(180deg) brightness(1.1);
}

[data-bs-theme="dark"] body > header > .container nav > ul > li .mega-menu {
    background: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] body > header > .container nav > ul > li .mega-menu .container > .row > div {
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] body > header .mega-menu .subtitle,
[data-bs-theme="dark"] body > header .mega-menu .menu-link p {
    color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] body > header .mega-menu .menu-link {
    background: var(--bs-tertiary-bg);
}

[data-bs-theme="dark"] body > header .mega-menu .menu-link strong {
    color: var(--bs-emphasis-color);
}

[data-bs-theme="dark"] body > header .mega-menu .menu-link .icon {
    background: var(--bs-body-bg);
    color: var(--bs-secondary-color);
}

/* mobil menu */
[data-bs-theme="dark"] .mobile-nav {
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .mobile-nav-header,
[data-bs-theme="dark"] .mobile-nav-item,
[data-bs-theme="dark"] .submenu-section {
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .mobile-nav-header span,
[data-bs-theme="dark"] .mobile-nav-link,
[data-bs-theme="dark"] .mobile-sub-toggle,
[data-bs-theme="dark"] .mobile-close {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .mobile-submenu {
    background: var(--bs-tertiary-bg);
}

/* Logo: koyu logo yuklenmemisse acik logo koyu zeminde okunur kalsin.
   DIKKAT: buraya boyut kurali (max-width/height) YAZILMAZ. Daha once eklenen
   "max-width:100%; height:auto" kurali basliktaki logoyu 348px'e kadar buyutup
   72px'lik basligi tasiriyordu; logonun boyutu style.css'teki kendi
   kurallarina birakilmali. */
[data-bs-theme="dark"] body > header .logo .site-logo-light:only-child { filter: brightness(0) invert(1); }