/*
 * NK Güvenlik ana site — koyu tema. Açık tema mevcut (kurumsal) tasarımdır; bu dosya yalnızca html[data-theme=dark] altında çalışır.
 * Tema adları CRM ile aynı: light / dark. Tercih localStorage 'nk_site_tema' (ilk ziyarette sistem teması).
 * Elementor'un sayfaya özel (id seçicili) renklerini ezebilmek için bazı kurallarda !important bilinçli olarak kullanılır;
 * hepsi data-theme=dark kapsamındadır, açık temaya etkisi yoktur.
 */
:root{--nk-bg:#0c141e;--nk-yuzey:#131d29;--nk-yuzey2:#192535;--nk-yuzey3:#1f2d40;--nk-cizgi:#2a3a4f;--nk-metin:#e8edf5;--nk-metin2:#b6c1d2;--nk-soluk:#8b98ad;--nk-vurgu:#5aa2ff}
html[data-theme=dark]{color-scheme:dark;background:var(--nk-bg)}
html[data-theme=dark] body,html[data-theme=dark] #wrapper,html[data-theme=dark] .main-content,html[data-theme=dark] .main-content-area{background-color:var(--nk-bg)!important;color:var(--nk-metin2)}

/* header ve menüler */
html[data-theme=dark] header#header{background:var(--nk-yuzey)!important;box-shadow:0 1px 0 var(--nk-cizgi)}
html[data-theme=dark] header#header .elementor-section:not(.elementor-element-1f1a4cf),
html[data-theme=dark] header#header .elementor-column,
html[data-theme=dark] header#header .elementor-widget-wrap{background-color:transparent!important}
html[data-theme=dark] .menuzord,html[data-theme=dark] .menuzord-menu{background:transparent!important}
html[data-theme=dark] .menuzord-menu>li>a,html[data-theme=dark] .menuzord-menu>li>a>span{color:var(--nk-metin)!important}
html[data-theme=dark] .menuzord-menu>li:hover>a>span,html[data-theme=dark] .menuzord-menu>li.active>a>span,html[data-theme=dark] .menuzord-menu>li.current-menu-item>a>span{color:var(--nk-vurgu)!important}
html[data-theme=dark] .nk-menu-urunler>ul.nk-dropdown,html[data-theme=dark] .nk-menu-urunler ul.nk-dropdown-alt{background:var(--nk-yuzey2)!important;box-shadow:0 24px 54px rgba(0,0,0,.45)!important}
html[data-theme=dark] .nk-menu-urunler ul.nk-dropdown li a{color:var(--nk-metin)!important}
html[data-theme=dark] .nk-menu-urunler ul.nk-dropdown li a:hover{background:var(--nk-yuzey3)!important;color:var(--nk-vurgu)!important}
html[data-theme=dark] #elementor-header-top-mobile .menuzord-menu{background:var(--nk-yuzey)!important;box-shadow:0 26px 44px rgba(0,0,0,.5)!important}
html[data-theme=dark] #elementor-header-top-mobile .menuzord-menu>li{border-bottom-color:var(--nk-cizgi)!important}
html[data-theme=dark] #elementor-header-top-mobile .menuzord-menu>li.current-menu-item>a,html[data-theme=dark] #elementor-header-top-mobile .menuzord-menu>li.active>a{background:var(--nk-yuzey3)!important}
html[data-theme=dark] .menuzord .showhide em{background:var(--nk-metin)!important}
html[data-theme=dark] .nk-menu-urunler ul.nk-dropdown>li>ul.nk-dropdown-alt{border-left-color:var(--nk-cizgi)!important}

/* tema düğmesi: kutusuz simge (çevresinde zemin / çerçeve yok) */
.nk-tema-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--theme-color3,#273272);cursor:pointer;padding:0;line-height:1;flex:none;transition:color .2s,opacity .2s}
.nk-tema-btn:hover{color:var(--theme-color1,#086ad8)}
.nk-tema-btn:focus-visible{outline:2px solid var(--theme-color1,#086ad8);outline-offset:2px}
.nk-tema-btn svg{width:20px;height:20px}
.nk-tema-btn .ay{display:block}.nk-tema-btn .gunes{display:none}
html[data-theme=dark] .nk-tema-btn{color:var(--nk-metin)}
html[data-theme=dark] .nk-tema-btn:hover{color:var(--nk-vurgu)}
html[data-theme=dark] .nk-tema-btn .ay{display:none}html[data-theme=dark] .nk-tema-btn .gunes{display:block}
/* üst bilgi çubuğu (her iki temada koyu zemin): Instagram simgesinin yanında, çubuktaki yazılarla aynı renk */
.tm-sc-social-links li.nk-tema-li-ust{display:inline-flex;vertical-align:middle;margin-right:6px}
.nk-tema-ust,html[data-theme=dark] .nk-tema-ust{width:34px;height:34px;color:rgba(255,255,255,.82)}
.nk-tema-ust:hover,html[data-theme=dark] .nk-tema-ust:hover{color:#fff}
.nk-tema-ust svg{width:18px;height:18px}
/* yapışkan başlık: WhatsApp düğmesinin solunda */
.nk-tema-yanina{display:flex!important;align-items:center;gap:8px;flex-wrap:nowrap}
.nk-tema-yanina>.nk-tema-btn{order:-1}
.menuzord-menu>li.nk-tema-li{display:flex;align-items:center;padding-left:6px}
/* mobil: hamburger düğmesinin yanında; hamburger de kutusuz */
.nk-tema-mobil{float:right;margin:6px 4px 0 0;color:var(--theme-color1,#086ad8)}
html[data-theme=dark] .nk-tema-mobil{color:var(--nk-metin)}
.menuzord .showhide,.menuzord .showhide:hover,.menuzord .showhide:focus{background:transparent!important;box-shadow:none!important;border:0!important}
@media (max-width:1024px){.menuzord-menu>li.nk-tema-li,.nk-tema-ust,.nk-tema-yapiskan{display:none!important}}
@media (min-width:1025px){.nk-tema-mobil{display:none}}

/* içerik: başlık ve metin */
html[data-theme=dark] .main-content :is(h1,h2,h3,h4,h5,h6),html[data-theme=dark] .main-content .elementor-heading-title{color:var(--nk-metin)!important}
html[data-theme=dark] .main-content :is(p,li,dd,dt,label,td,th,.elementor-widget-text-editor){color:var(--nk-metin2)}
html[data-theme=dark] .main-content a:not(.btn):not([class*=nk-]):not(.elementor-button){color:#9cc0ff}
html[data-theme=dark] .nk-koyu-metin{color:var(--nk-metin2)!important}
html[data-theme=dark] :is(h1,h2,h3,h4,h5,h6).nk-koyu-metin{color:var(--nk-metin)!important}

/* bilinen kartlar / bantlar */
html[data-theme=dark] :is(.nk-marquee,.nk-neden,.nk-hk-sayilar,.nk-hk-kale,.nk-destek-bant,.st-bilgi,.nk-acik-zemin){background:var(--nk-yuzey)!important;border-color:var(--nk-cizgi)!important}
html[data-theme=dark] :is(.nk-neden-kart,.nk-urun-kart,.nk-ref-kart,.nk-il-kart,.st-kart,#nkKesifForm,.nk-acik-kart){background:var(--nk-yuzey2)!important;border-color:var(--nk-cizgi)!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important}
html[data-theme=dark] .nk-destek-bant{border-top-color:var(--nk-cizgi)!important}
html[data-theme=dark] .nk-destek-bant .nk-db-tel{color:var(--nk-metin)!important}
html[data-theme=dark] .nk-logo-ters{filter:brightness(0) invert(1);opacity:.6}
/* ürün / referans görselleri beyaz zeminli fotoğraflardır: çerçeve beyaz kalır, yumuşak köşe */
html[data-theme=dark] .nk-resim{background:#d9e0e8!important;border-color:transparent!important;border-radius:10px}
/* referans kartları fotoğraf: kutu zemini koyu (fotoğraf kutuyu doldurur) */
html[data-theme=dark] :is(.nk-ref-kart .resim,.resim){background:var(--nk-yuzey2)!important;border-color:var(--nk-cizgi)!important}
/* akordeon (SSS) */
html[data-theme=dark] .main-content h5.title{background:var(--nk-yuzey2)!important;color:var(--nk-metin)!important}
html[data-theme=dark] .main-content h5.title.collapsed{background:var(--nk-yuzey)!important}

/* formlar */
html[data-theme=dark] .main-content :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea){background:#0f1823!important;color:var(--nk-metin)!important;border-color:var(--nk-cizgi)!important}
html[data-theme=dark] .main-content :is(input,textarea)::placeholder{color:var(--nk-soluk)!important}
html[data-theme=dark] .main-content .leaflet-container{filter:brightness(.82) contrast(1.05)}

/* tablo (KVKK vb.) */
html[data-theme=dark] .main-content table{border-color:var(--nk-cizgi)}
html[data-theme=dark] .main-content :is(td,th){border-color:var(--nk-cizgi)!important}

/* bayrak dil seçici */
html[data-theme=dark] .nk-bayrak{background:var(--nk-yuzey2);border-color:var(--nk-cizgi);box-shadow:-4px 4px 18px rgba(0,0,0,.45)}

@media (prefers-reduced-motion:reduce){.nk-tema-btn{transition:none}}

/* tema taraması sırasında renk geçişleri kapalı (ölçüm doğruluğu için) */
html.nk-tara, html.nk-tara *, html.nk-tara *::before, html.nk-tara *::after{transition:none!important}
/* sayfa başlık bandı (KVKK, referanslar): koyu zemin üstünde bağlantılar her temada beyaz */
html[data-theme=dark] .nk-kv-hero a, html[data-theme=dark] .nk-kv-hero a:hover{color:#fff!important}
/* iletişim formu alt etiketleri (Ad / Soyad) koyu temada */
html[data-theme=dark] #nk-iletisim-form label.wpforms-field-sublabel{color:var(--nk-metin2)}
/* haber sayfası: yan sütun öğesi üzerine gelince */
html[data-theme=dark] .nk-yan-haber:hover{background:var(--nk-yuzey2)}

/* vurgu rengi: açık temada sitenin vurgusu mavi (--theme-color1 #086ad8); koyu temada da mavi kalır (önceden mercan/turuncuydu) */
html[data-theme=dark]{--theme-color1:#3d8bf0}
/* marka şeridi: kenar erimesi zemin rengiyle, logolar koyu kartta açık siluet */
html[data-theme=dark] .nk-marquee{--nk-mq-zemin:var(--nk-yuzey)}
html[data-theme=dark] .nk-mq-oge{background:var(--nk-yuzey2)!important;border-color:var(--nk-cizgi)!important;box-shadow:none!important}
html[data-theme=dark] .nk-mq-oge:hover{border-color:rgba(90,162,255,.45)!important}
html[data-theme=dark] .nk-mq-oge img,html[data-theme=dark] .nk-mq-oge img.nk-logo-ters{filter:grayscale(1) brightness(0) invert(1);opacity:.62}
html[data-theme=dark] .nk-mq-oge:hover img,html[data-theme=dark] .nk-mq-oge:hover img.nk-logo-ters{filter:grayscale(1) brightness(0) invert(1);opacity:1}
/* SSS akordiyonu: ok simgesi beyaz daire olarak kalıyordu */
html[data-theme=dark] .accordion-controls-icon{background:var(--nk-yuzey3)!important;color:var(--nk-metin)!important;border-color:var(--nk-cizgi)!important}
html[data-theme=dark] .tm-accordion .card .title:not(.collapsed) .accordion-controls-icon{background:var(--theme-color1)!important;color:#fff!important}
html[data-theme=dark] .tm-accordion .card .title:hover,html[data-theme=dark] .tm-accordion .card .title:hover *{color:var(--nk-vurgu)!important}
/* aşağı kaydır ipucu ve sosyal bağlantılar: üzerine gelince beyaz zemin olmasın */
html[data-theme=dark] .nk-kaydir-ipucu:hover{background:var(--nk-yuzey3)!important;color:var(--nk-metin)!important}
html[data-theme=dark] .tm-sc-social-links a.social-link:hover,html[data-theme=dark] .social-link:hover{background:var(--nk-yuzey3)!important;color:var(--nk-vurgu)!important}
html[data-theme=dark] .elementor-element-4a272e9 .btn:hover::before{background-color:var(--nk-yuzey3)!important}
/* slider yüklenirken dönen beyaz kare */
html[data-theme=dark] rs-loader.spinner0{background-color:var(--nk-yuzey3)!important;box-shadow:0 0 0 1px var(--nk-cizgi)!important}
/* ürün ve referans görselleri: fotoğrafların çoğu beyaz zeminli; koyu temada parlak beyaz kutu yerine
   yumuşak gri kutu, görselin beyazı kutuya karışır (multiply). Görselin kendisi değişmez. */
html[data-theme=dark] .nk-resim img{mix-blend-mode:multiply}
/* servis talebi: konum düğmeleri */
html[data-theme=dark] .st-btn:not(.ana){background:var(--nk-yuzey3)!important;color:var(--nk-metin)!important;border-color:var(--nk-cizgi)!important}
html[data-theme=dark] .st-btn:not(.ana):hover{background:var(--nk-yuzey2)!important;border-color:var(--nk-vurgu)!important}
/* hizmet sayfası "diğer hizmetler" ve seçim listesi üzerine gelme */
html[data-theme=dark] .nk-hz-dgr:hover{background:var(--nk-yuzey3)!important}
html[data-theme=dark] .nice-select .option:hover,html[data-theme=dark] .nice-select .option.focus,html[data-theme=dark] .nice-select .option.selected.focus{background:var(--nk-yuzey3)!important;color:var(--nk-metin)!important}
html[data-theme=dark] .nice-select .list{background:var(--nk-yuzey2)!important;border:1px solid var(--nk-cizgi)}
html[data-theme=dark] .leaflet-bar a,html[data-theme=dark] .leaflet-bar a:hover{background:var(--nk-yuzey2);color:var(--nk-metin);border-color:var(--nk-cizgi)}
/* SSS yanındaki süzülen dekor daireler (beyaz yarı saydam) */
html[data-theme=dark] .each-object::before,html[data-theme=dark] .each-object::after{background-color:rgba(90,162,255,.06)!important;border-color:rgba(90,162,255,.10)!important}
/* bölüm ayırıcı dalgalar (Elementor shape divider): beyaz yerine sayfa zemini */
html[data-theme=dark] .elementor-shape .elementor-shape-fill{fill:var(--nk-bg)!important}
/* mobil menü öğeleri (tema değişkenleri) */
html[data-theme=dark]{--mobile-menu-item-link-text-color:var(--nk-metin);--mobile-menu-item-link-bg-color:var(--nk-yuzey2);--mobile-menu-item-link-bg-border-color:var(--nk-cizgi);--mobile-menu-item-link-text-color-hover:var(--nk-vurgu);--mobile-menu-item-indicator-bg-color:var(--nk-yuzey3);--mobile-menu-item-indicator-text-color:var(--nk-metin)}
/* referans ayrıntı penceresi */
html[data-theme=dark] .nk-ref-modal{background:var(--nk-yuzey)!important;border:1px solid var(--nk-cizgi);box-shadow:0 30px 80px rgba(0,0,0,.6)!important}
html[data-theme=dark] .nk-ref-modal-resim{background:var(--nk-yuzey2)!important;border-color:var(--nk-cizgi)!important}
html[data-theme=dark] .nk-ref-modal-metin h3{color:var(--nk-metin)!important}
html[data-theme=dark] .nk-ref-modal-metin p{color:var(--nk-metin2)!important}
html[data-theme=dark] .nk-ref-modal .kapat{color:var(--nk-soluk)!important}
html[data-theme=dark] .nk-ref-modal .kapat:hover{color:var(--nk-metin)!important}