/* ==========================================================================
   iskaysoft.com — AC2 TEMASI (24.10.2026, GENEL K-227; tek kaynak MARKA_KIMLIGI/TASARIM_DILI_AC2.md)
   Kullanıcı: "sadece sitenin temasını değiştirecektin, herşey yerli yerinde olmalı" (ISKAYSOFT_WEB kuralı).
   Bu dosya YALNIZ görünüm değiştirir: renk jetonları, yazı tipi, köşe, gölge, zemin. Menü, bölüm,
   görsel, metin ve sayfa yapısına dokunmaz. Kararlar: bütün siteye birden; koyu giriş sahneleri
   AC2 açık odaya döner (koyu temada AC2 koyu oda).
   Yükleme sırası: app.css -> urun-sayfa.css -> tek-sahne.css -> BU DOSYA (App.razor). Sayfa içi
   <style> blokları bundan sonra geldiği için onları ezen kurallar `html` ön ekiyle yazılır.
   ========================================================================== */

/* ---------- 1) RENK JETONLARI: açık oda ---------- */
:root {
    --arkaplan-rengi: #EAEAEA;
    --kutu-arkaplan-rengi: #F6F6F6;
    --yuzey-yukselti: #E0E0E0;
    --metin-ana-renk: #262626;
    --metin-ikincil-renk: #4A4A4A;
    --vurgu-rengi: #A61E1E;
    --vurgu-hover: #8E1717;
    --koyu-vurgu: #2A2A2A;
    --koyu-vurgu-hover: #1C1C1C;
    --kenarlik-rengi: #D2D2D2;
    --buton-metin-rengi: #FFFFFF;
    --kutu-golgesi: none;
    --kutu-golgesi-hover: none;
    --vurgu-ikincil: #4A4A4A;
    --vurgu-ucuncul: #6A6A6A;
    --gradient-marka: linear-gradient(135deg, #2A2A2A 0%, #2A2A2A 100%);
    --gradient-vurgu: linear-gradient(135deg, #A61E1E 0%, #A61E1E 100%);
    --gradient-yumusak: linear-gradient(180deg, #F2F2F2 0%, #EAEAEA 100%);
    --gradient-gumus: radial-gradient(ellipse 78% 62% at 55% 46%, #F7F7F7 0%, #E9E9E9 52%, #CFCFCF 100%);
    --radius-sm: 0;
    --radius-md: 0;
    --radius-lg: 0;
    --radius-xl: 0;
    --golge-yumusak: none;
    --golge-orta: none;
    --golge-belirgin: none;
    --navbar-bg: rgba(247, 247, 247, .9);
    --navbar-kenarlik: rgba(0, 0, 0, .08);
    --vurgu-rgb: 166, 30, 30;
    --gumus-rgb: 200, 200, 200;
    --vurgu-ustu-metin: #FFFFFF;
    --vurgu-hale: 0 0 0 1px rgba(166, 30, 30, .45);
    --vurgu-zemin: #A61E1E;
    --vurgu-zemin-ustu: #FFFFFF;
    --ters-zemin: #2A2A2A;
    --ters-zemin-ustu: #F4F4F4;
    --durum-uyari: #6A4300;
    --ac2-komur: rgba(42, 42, 42, .94);
    --ac2-komur-ustu: #F4F4F4;
    --ac2-oda: radial-gradient(ellipse 78% 62% at 55% 46%, #F7F7F7 0%, #E9E9E9 52%, #CFCFCF 100%);
    --ac2-satir: rgba(255, 255, 255, .62);
    --ac2-govde: 'Saira Semi Condensed', 'Segoe UI', system-ui, sans-serif;
    --ac2-baslik: 'Saira', 'Segoe UI', system-ui, sans-serif;
}

/* ---------- 2) RENK JETONLARI: koyu oda (TASARIM_DILI_AC2.md §8) ---------- */
[data-tema="dark"] {
    --arkaplan-rengi: #1F1F1F;
    --kutu-arkaplan-rengi: #2A2A2A;
    --yuzey-yukselti: #333333;
    --metin-ana-renk: #DCDCDC;
    --metin-ikincil-renk: #B8B8B8;
    --vurgu-rengi: #EC8080;
    --vurgu-hover: #F2A0A0;
    --koyu-vurgu: #2E2E2E;
    --koyu-vurgu-hover: #383838;
    --kenarlik-rengi: #3A3A3A;
    --buton-metin-rengi: #1C1C1C;
    --kutu-golgesi: none;
    --kutu-golgesi-hover: none;
    --vurgu-ikincil: #DCDCDC;
    --vurgu-ucuncul: #9A9A9A;
    --gradient-marka: linear-gradient(135deg, #E6E6E6 0%, #E6E6E6 100%);
    --gradient-vurgu: linear-gradient(135deg, #EC8080 0%, #EC8080 100%);
    --gradient-yumusak: linear-gradient(180deg, #242424 0%, #1F1F1F 100%);
    --gradient-gumus: radial-gradient(ellipse 78% 62% at 55% 46%, #2E2E2E 0%, #1F1F1F 52%, #121212 100%);
    --golge-yumusak: none;
    --golge-orta: none;
    --golge-belirgin: none;
    --navbar-bg: rgba(31, 31, 31, .92);
    --navbar-kenarlik: rgba(255, 255, 255, .08);
    --vurgu-rgb: 236, 128, 128;
    --gumus-rgb: 220, 220, 220;
    --vurgu-ustu-metin: #1C1C1C;
    --vurgu-hale: 0 0 0 1px rgba(236, 128, 128, .45);
    --vurgu-zemin: #A61E1E;
    --vurgu-zemin-ustu: #FFFFFF;
    --ters-zemin: #141414;
    --ters-zemin-ustu: #F4F4F4;
    --durum-uyari: #D9B37A;   /* :root'taki açık değer (#6A4300) app.css koyu değerini eziyordu */
    --ac2-komur: rgba(230, 230, 230, .92);
    --ac2-komur-ustu: #1C1C1C;
    --ac2-oda: radial-gradient(ellipse 78% 62% at 55% 46%, #2E2E2E 0%, #1F1F1F 52%, #121212 100%);
    --ac2-satir: rgba(32, 32, 32, .85);
}

/* ---------- 3) YAZI TİPİ ---------- */
html body { font-family: var(--ac2-govde); }
html h1, html h2, html h3, html h4, html h5 { font-family: var(--ac2-baslik); }
html input, html select, html textarea, html button { font-family: inherit; }

/* ---------- 4) GİRİŞ SAHNELERİ: AC2 açık oda (koyu temada koyu oda) ---------- */
/* tek-sahne.css kapsayıcıyı koyu jetonlara sabitliyordu; burada odanın jetonlarına çevrilir */
html .tek-sahne-kap {
    --arkaplan-rengi: #EAEAEA;
    --kutu-arkaplan-rengi: #F6F6F6;
    --kenarlik-rengi: #D2D2D2;
    --metin-ana-renk: #262626;
    --metin-ikincil-renk: #4A4A4A;
    --vurgu-rengi: #A61E1E;
    --vurgu-hover: #8E1717;
    --vurgu-rgb: 166, 30, 30;
    --vurgu-ustu-metin: #FFFFFF;
    --vurgu-ikincil: #4A4A4A;
    --vurgu-ucuncul: #6A6A6A;
    --vurgu-zemin: #A61E1E;
    --vurgu-zemin-ustu: #FFFFFF;
    --gumus-rgb: 200, 200, 200;
    --golge-orta: none;
    --golge-belirgin: none;
    --ts-rgb: 255, 255, 255;
    color-scheme: light;
    background: var(--ac2-oda);
}
html[data-tema="dark"] .tek-sahne-kap {
    --arkaplan-rengi: #1F1F1F;
    --kutu-arkaplan-rengi: #2A2A2A;
    --kenarlik-rengi: #3A3A3A;
    --metin-ana-renk: #DCDCDC;
    --metin-ikincil-renk: #B8B8B8;
    --vurgu-rengi: #EC8080;
    --vurgu-hover: #F2A0A0;
    --vurgu-rgb: 236, 128, 128;
    --vurgu-ustu-metin: #1C1C1C;
    --vurgu-ikincil: #DCDCDC;
    --vurgu-ucuncul: #9A9A9A;
    --vurgu-zemin: #A61E1E;
    --vurgu-zemin-ustu: #FFFFFF;
    --gumus-rgb: 220, 220, 220;
    --ts-rgb: 255, 255, 255;
    color-scheme: dark;
}
/* ana sayfa giriş bölümünün kendi sabitleri */
html .hero-sekmeli-alani {
    --sahne-metin: #262626;
    --sahne-soluk: #4A4A4A;
    --sahne-gumus: #6A6A6A;
    --sahne-vurgu: #A61E1E;
    --sahne-vurgu-hover: #8E1717;
    --sahne-vurgu-ustu: #FFFFFF;
    background: var(--ac2-oda);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}
html[data-tema="dark"] .hero-sekmeli-alani {
    --sahne-metin: #DCDCDC;
    --sahne-soluk: #B8B8B8;
    --sahne-gumus: #9A9A9A;
    --sahne-vurgu: #EC8080;
    --sahne-vurgu-hover: #F2A0A0;
    --sahne-vurgu-ustu: #1C1C1C;
    border-bottom-color: rgba(255, 255, 255, .08);
}
html .hero-sekmeli-alani .ray-cubuk { background: rgba(0, 0, 0, .12); }
html[data-tema="dark"] .hero-sekmeli-alani .ray-cubuk { background: rgba(255, 255, 255, .14); }
/* ışık hüzmeleri açık zeminde beyaz kalır; ekran karışımı açık zeminde iz bırakmaz, normale döner */
html .tek-sahne .ts-spot { mix-blend-mode: normal; }

/* üst menü sahnenin üstündeyken koyuya geçmez: açık odada açık, koyu odada koyu */
html .page:has(.tek-sahne-kap) .saas-navbar:not(.kaydirilmis) {
    --navbar-bg: rgba(247, 247, 247, .9);
    --navbar-kenarlik: rgba(0, 0, 0, .08);
    --arkaplan-rengi: #EAEAEA;
    --kutu-arkaplan-rengi: #F6F6F6;
    --kenarlik-rengi: #D2D2D2;
    --metin-ana-renk: #262626;
    --metin-ikincil-renk: #4A4A4A;
    --vurgu-rengi: #A61E1E;
    --vurgu-hover: #8E1717;
    --vurgu-rgb: 166, 30, 30;
    --vurgu-ustu-metin: #FFFFFF;
    --vurgu-ikincil: #4A4A4A;
    --vurgu-ucuncul: #6A6A6A;
    --vurgu-zemin: #A61E1E;
    --vurgu-zemin-ustu: #FFFFFF;
    --gradient-vurgu: linear-gradient(135deg, #A61E1E 0%, #A61E1E 100%);
    --golge-orta: none;
    color-scheme: light;
}
html[data-tema="dark"] .page:has(.tek-sahne-kap) .saas-navbar:not(.kaydirilmis) {
    --navbar-bg: rgba(31, 31, 31, .92);
    --navbar-kenarlik: rgba(255, 255, 255, .08);
    --arkaplan-rengi: #1F1F1F;
    --kutu-arkaplan-rengi: #2A2A2A;
    --kenarlik-rengi: #3A3A3A;
    --metin-ana-renk: #DCDCDC;
    --metin-ikincil-renk: #B8B8B8;
    --vurgu-rengi: #EC8080;
    --vurgu-hover: #F2A0A0;
    --vurgu-rgb: 236, 128, 128;
    --vurgu-ustu-metin: #1C1C1C;
    --vurgu-ikincil: #DCDCDC;
    --vurgu-ucuncul: #9A9A9A;
    --vurgu-zemin: #A61E1E;
    --vurgu-zemin-ustu: #FFFFFF;
    color-scheme: dark;
}
html .page:has(.tek-sahne-kap) .saas-navbar:not(.kaydirilmis) .dd-item:hover,
html .page:has(.tek-sahne-kap) .saas-navbar:not(.kaydirilmis) .btn-giris:hover { background-color: rgba(0, 0, 0, .05); }
html[data-tema="dark"] .page:has(.tek-sahne-kap) .saas-navbar:not(.kaydirilmis) .dd-item:hover,
html[data-tema="dark"] .page:has(.tek-sahne-kap) .saas-navbar:not(.kaydirilmis) .btn-giris:hover { background-color: rgba(255, 255, 255, .06); }

/* ---------- 5) BAŞLIK KUTUSU: kömür kutu, ince büyük harf (AC2 başlık dili) ---------- */
/* Büyük harfe ÇEVRİLMEZ: başlıklarda marka geçiyor ("Neden İskaysoft?") ve marka büyük harf yazılmaz (GENEL K-221). */
html .sahne-baslik,
html .urun-baslik,
html h2.kategori-baslik,
html .istatistik-ana-baslik,
html :is(h1, h2).bolum-baslik,
html .ana-cta-baslik,
html .nk-baslik, html .nm-baslik, html .nxs-baslik, html .blog-ust-baslik {
    font-family: var(--ac2-baslik);
    font-weight: 300 !important;
    letter-spacing: .01em;
    line-height: 1.22;
}
/* Giriş başlığı ÖZGÜN hâli gibi tam blok kalır (24.10.2026): inline-block ortalı girişlerde üst etiketle aynı satıra düşüyordu
   (Referanslar, İptal-İade...), display:block+fit-content ise ortalı girişte sola kayıyordu. Blokta hiçbir şey kaymaz; yalnız zemin + iç boşluk eklenir. */
html .sahne-baslik,
html .urun-baslik,
html .nk-baslik, html .nm-baslik, html .nxs-baslik {
    display: block;
    max-width: 100%;
    background: var(--ac2-komur);
    color: var(--ac2-komur-ustu);
    padding: .16em .5em .2em;
    font-size: clamp(1.9rem, 3.4vw, 3rem);
    line-height: 1.18;
    overflow-wrap: break-word;
    hyphens: auto;
}
html .urun-baslik, html .urun-baslik *, html .sahne-baslik, html .sahne-baslik *,
html .nk-baslik, html .nk-baslik *, html .nm-baslik, html .nm-baslik *, html .nxs-baslik, html .nxs-baslik *,
html .blog-ust-baslik, html .blog-ust-baslik * { color: var(--ac2-komur-ustu) !important; -webkit-text-fill-color: currentColor; }
html .urun-baslik.urun-baslik-anahtar { color: #EC8080 !important; }
html .urun-baslik.urun-baslik-anahtar .urun-baslik-alt { color: var(--ac2-komur-ustu) !important; }
html[data-tema="dark"] .urun-baslik.urun-baslik-anahtar { color: #A61E1E !important; }
html .urun-baslik .text-vurgu,
html .sahne-baslik .text-vurgu { color: #EC8080 !important; -webkit-text-fill-color: #EC8080; background: none; }
html[data-tema="dark"] .urun-baslik .text-vurgu,
html[data-tema="dark"] .sahne-baslik .text-vurgu { color: #A61E1E !important; -webkit-text-fill-color: #A61E1E; }
html h2.kategori-baslik,
html .istatistik-ana-baslik,
html :is(h1, h2).bolum-baslik,
html .blog-ust-baslik {
    display: inline-block;
    background: var(--ac2-komur);
    color: var(--ac2-komur-ustu);
    padding: .18em .6em;
}

/* ---------- 6) DÜĞME, ETİKET, KART: köşeli, gölgesiz (AC2: yuvarlak hap etiket ve yumuşak gölgeli kart yasak) ---------- */
html .sahne-btn {
    border-radius: 0;
    font-weight: 500;
    letter-spacing: .03em;
    box-shadow: none;
}
html .sahne-btn:hover { transform: none; box-shadow: none; }
html .ent-rozet { border-radius: 0; font-weight: 400; background: var(--ac2-satir); }
html .cookie-btn { border-radius: 0; text-transform: uppercase; letter-spacing: .08em; font-weight: 400; }
html .cookie-btn:hover { transform: none; box-shadow: none; }
html .wa-fab { border-radius: 0; background: var(--koyu-vurgu) !important; box-shadow: none; }
html .wa-fab::before { display: none; }
html .wa-fab:hover { background: var(--vurgu-zemin) !important; transform: none; box-shadow: none; }
html .cs-launcher { border-radius: 0; box-shadow: none; background: var(--vurgu-zemin); color: var(--vurgu-zemin-ustu); }
html .btn-uye { box-shadow: none; }

/* ana düğmeler iki temada da AC2 kırmızısı, beyaz yazı */
html .btn-modern-birincil,
html[data-tema="dark"] .btn-modern-birincil,
html[data-tema="dark"] .sahne-btn,
html[data-tema="dark"] .btn-uye {
    background: var(--vurgu-zemin) !important;
    color: var(--vurgu-zemin-ustu) !important;
    box-shadow: none;
}
html .btn-modern-birincil:hover,
html .sahne-btn:hover,
html .btn-uye:hover { background: #8E1717 !important; transform: none; box-shadow: none; }
html .btn-modern-birincil, html .btn-modern-ikincil { letter-spacing: .03em; font-weight: 500; }
html .btn-uye, html .btn-giris { text-transform: uppercase; letter-spacing: .08em; font-weight: 400; }

/* ---------- 7) KÖŞE: AC2 köşeli dildir; sabit yazılmış yuvarlaklıklar (16px kart, 50px hap, 12px...) sıfırlanır ---------- */
/* İstisna: giriş sahnesinin halka/ışık katmanları ve dönen yükleme simgesi (biçim işlev taşır). */
html body *:not(.tek-sahne *):not(.yukleniyor-animasyonu),
html body *:not(.tek-sahne *)::before,
html body *:not(.tek-sahne *)::after { border-radius: 0 !important; }

/* ---------- 8) ODA ZEMİNİ: AC2 ışık çizgileri (durağan katman; hareketli hüzmeler üstünde akmaya devam eder) ---------- */
html .tek-sahne::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .9;
    background-image:
        linear-gradient(90deg, transparent 6.6%, rgba(255, 255, 255, .55) 7.6%, transparent 8.8%),
        linear-gradient(90deg, transparent 21%, rgba(255, 255, 255, .38) 22.4%, transparent 24.6%),
        linear-gradient(90deg, transparent 44%, rgba(255, 255, 255, .5) 45%, transparent 46.4%),
        linear-gradient(90deg, transparent 63%, rgba(255, 255, 255, .42) 64.8%, transparent 67%),
        linear-gradient(90deg, transparent 83%, rgba(255, 255, 255, .5) 84%, transparent 85.6%),
        linear-gradient(180deg, transparent 18%, rgba(255, 255, 255, .45) 19.4%, transparent 21%),
        linear-gradient(180deg, transparent 52%, rgba(255, 255, 255, .35) 53.6%, transparent 55.6%),
        linear-gradient(180deg, transparent 79%, rgba(255, 255, 255, .42) 80%, transparent 81.4%),
        linear-gradient(90deg, transparent calc(14% - 1px), rgba(255, 255, 255, .95) 14%, transparent calc(14% + 1px)),
        linear-gradient(90deg, transparent calc(37% - 1px), rgba(255, 255, 255, .9) 37%, transparent calc(37% + 1px)),
        linear-gradient(90deg, transparent calc(58% - 1px), rgba(255, 255, 255, .9) 58%, transparent calc(58% + 1px)),
        linear-gradient(90deg, transparent calc(76% - 1px), rgba(255, 255, 255, .95) 76%, transparent calc(76% + 1px)),
        linear-gradient(90deg, transparent calc(92% - 1px), rgba(255, 255, 255, .85) 92%, transparent calc(92% + 1px)),
        linear-gradient(180deg, transparent calc(31% - 1px), rgba(255, 255, 255, .9) 31%, transparent calc(31% + 1px)),
        linear-gradient(180deg, transparent calc(66% - 1px), rgba(255, 255, 255, .85) 66%, transparent calc(66% + 1px));
}
html[data-tema="dark"] .tek-sahne::before { opacity: .16; }

/* ---------- 9) SAYFA İÇİ STİLLERDE SABİT YAZILMIŞ ESKİ RENKLER ---------- */
/* koyu bantlar: eski lacivert-siyah (#0C1116 / #05070A, app.css !important) yerine kömür; iki temada da koyu, yazı açık */
html .entegrasyon-bandi { background-color: var(--ters-zemin) !important; color: var(--ters-zemin-ustu) !important; }
html .entegrasyon-bandi :is(h2, h3, h4, p) { color: var(--ters-zemin-ustu); }
html .entegrasyon-bandi .btn-modern-ikincil { color: var(--ters-zemin-ustu); border-color: rgba(255, 255, 255, .4); }
html .entegrasyon-bandi .durum-etiket,
html .aktif-durum { background: var(--vurgu-zemin); color: var(--vurgu-zemin-ustu); }
/* WhatsApp: marka yeşili yerine kömür kutu (yer ve simge aynı) */
html .whatsapp-butonu { background-color: var(--koyu-vurgu) !important; color: #F4F4F4 !important; }
html .whatsapp-butonu:hover { background-color: var(--vurgu-zemin) !important; box-shadow: none; transform: none; }
html .df-wp { border-color: var(--kenarlik-rengi); }
html .df-wp i { color: var(--metin-ana-renk); }
html .df-wp:hover { border-color: var(--vurgu-rengi); }
/* bilgi / uyarı kutuları: tek vurgu rengi */
html .uyari-kutusu { border-color: rgba(var(--vurgu-rgb), .32) !important; background-color: rgba(var(--vurgu-rgb), .05) !important; }
html .uyari-kutusu i,
html .uyari-kutusu strong { color: var(--vurgu-rengi) !important; }
html .nxs-emisyon { background: rgba(var(--vurgu-rgb), .08); color: var(--vurgu-rengi); border-color: rgba(var(--vurgu-rgb), .3); }
/* blog kapakları: satır içi yeşil degrade (Blog.razor Gradyan) yerine kömür; fotoğraf varsa üstünü kaplar */
html .makale-hero[style],
html .diger-kapak[style],
html .one-kapak[style],
html .blog-kapak[style] { background: linear-gradient(135deg, #2A2A2A 0%, #3A2626 100%) !important; }
/* koyu temada app.css'in [data-tema="dark"] .entegrasyon-bandi kuralı daha özgül; aynı özgüllükle ezilir */
html[data-tema="dark"] .entegrasyon-bandi { background-color: var(--ters-zemin) !important; }
html .ent-durum-kutu .durum-etiket { background: var(--vurgu-zemin); color: var(--vurgu-zemin-ustu); }
html[data-tema="dark"] .nxs-emisyon { color: var(--vurgu-rengi); }

/* ---------- 10) YAZI AĞIRLIĞI: AC2 ince dil — 800/900 kalın başlıklar inceltilir (metin ve yapı aynı) ---------- */
html body :is(h1, h2):not(.ac2 *) { font-weight: 400 !important; }
html body :is(h3, h4, h5):not(.ac2 *) { font-weight: 500 !important; }
html .saas-navbar .nav-link { font-weight: 500; }

/* ---------- 11) ANA SAYFA RAKAM BANDI VE SÜREÇ NUMARALARI ---------- */
/* rakamlar kırmızıdan eski açık maviye (#B5CCE6) degrade yazıydı; kömür bant üstünde açık yazı */
html .istatistik-sayi { background: none; -webkit-text-fill-color: #F4F4F4; color: #F4F4F4; font-family: var(--ac2-baslik); font-weight: 300; }
html .istatistik-etiket { color: #C8C8C8; }
html .surec-no { opacity: 1; font-family: var(--ac2-baslik); font-weight: 300; }
/* Sıra Yönetim: etiket rengi satır içi yazılmış (style=), koyu bantta okunmuyordu */
html .ent-durum-kutu .durum-etiket[style] { background: var(--vurgu-zemin) !important; color: var(--vurgu-zemin-ustu) !important; }

/* ---------- 12) LİDER DENETİMİ (2. tema turu, 24.10.2026) ---------- */
/* ENGEL 1: telefonun alt iletişim çubuğu (her sayfa, 900 px altı) — WhatsApp marka yeşili ve eski lacivert zemin yerine AC2 */
html .ik-mobil-cta { background: rgba(31, 31, 31, .94); }
html .ik-mobil-cta-wa { background: #2A2A2A !important; color: #F4F4F4 !important; border: 1px solid rgba(255, 255, 255, .2); }
html .ik-mobil-cta-ara { background: var(--vurgu-zemin) !important; color: #fff !important; }
/* ENGEL 2: sohbet başlığında yeşil "çevrimiçi" noktası (AC2 yasağı), yeşil nabız, koyu temada pembe degrade */
html .cs-w-nokta { background: none !important; border: 1px solid currentColor; box-shadow: none !important; }
html .cs-launcher.yeni { animation: none; }
html .cs-w-baslik { background: #2A2A2A !important; color: #F4F4F4; }
/* ENGEL 3: koyu çağrı bandında açıklama ve alt bağlantı (Spor, NOXSIGN TV, Dernek, Akaryakıt) ikincil gri kalıyordu */
html .urun-cta:has(.spr-cta-erp, .nxi-cta-detay, .dys-cta-ornek, .akv-cta-erp) :is(.cta-aciklama, p > a) { color: rgba(244, 244, 244, .82) !important; }
/* DÜZELT 4: koyu temada dolgular AC2 kırmızısı (§8: dolgu #A61E1E kalır, yalnız yazı açılır) */
html[data-tema="dark"] :is(.bulten-btn, .df-buton, .cookie-btn, .btn-gonder, .btn-sorgula, .filtre-cip.aktif, .yazar-cta, .cs-w-yazma button, .cs-w-mesaj.benim .cs-w-balon, .premium-etiket, .nxs-premium, .nk-premium, .olcek-rozet, .nk-adim-no, .nm-adim-no, .nxpl-adim-no, .nxpl-edin-btn, .icerige-atla) { background: var(--vurgu-zemin) !important; color: #fff !important; }
/* DÜZELT 5: simgelerde kalan yeşil (alt bilgi WhatsApp, demo formu ve sözleşme maddeleri) */
html footer .fa-whatsapp, html .hero-whatsapp-link i { color: inherit !important; }
html :is(.df-guven-madde, .madde-liste li, .uyum-kutu, .nk-ent-kutu, .nm-ent-kutu, .nxs-cev-kutu, .dahil-listesi span, .modul-liste li, .dahil-liste li, .mockup-kapsayici) > i { color: var(--vurgu-rengi) !important; }
/* DÜZELT 7: marka CSS ile büyük harfe dönüyordu ("İSKAYSOFT BLOG", "İSKAYSOFT ÇÖZÜM EKOSİSTEMİ") — K-221 */
/* urun-sayfa.css bu etiketi !important ile büyük harf yapıyor; marka yalnız bu iki etiket türünde geçiyor (Blog_HeroEtiket, Nxl_/Nox_EkosistemEtiket, NxPl_Etiket) */
html :is(.blog-eyebrow, .urun-etiket) { text-transform: none !important; letter-spacing: .04em !important; }
html .blog-eyebrow { font-family: var(--ac2-govde); }
html .blog-eyebrow .nokta { box-shadow: none; }
/* DÜZELT 10: küçük karşıtlık */
html .cookie-text a { color: #F4F4F4 !important; }
html[data-tema="dark"] :is(.urun-etiket, .nk-etiket, .nm-etiket, .dc-cozum, .cert-badge) { color: #F2A0A0 !important; }
/* DÜZELT 11: yumuşak gölgeli kartlar (AC2 yasağı) */
html :is(.df-govde, .form-karti, .fiyat-kutusu, .sozlesme-icerik, .whatsapp-butonu, .cookie-consent-bar) { box-shadow: none !important; }
html .cs-w-panel { box-shadow: none !important; border: 1px solid var(--kenarlik-rengi); }
/* koyu temada 4,49:1 kalan iki küçük etiket */
html[data-tema="dark"] :is(.dc-cozum .dc-etiket, .nxs-ornek-tip) { color: #F2A0A0 !important; }
/* ürün görseli ve görsel şeridinde yumuşak gölge (AC2 yasağı); cihaz çizimlerinin gölgesi kullanıcı kararına kadar kalır */
html :is(.urun-sahne, .serit-oge, .mockup-kapsayici) { box-shadow: none !important; }
html .btn-gonder { box-shadow: none !important; }

/* ---------- 13) TAM GENİŞLİK BANT (24.10.2026, kullanıcı: "bazı sayfalarda kayma var") ---------- */
/* Kurumsal E-Posta, Hosting, Sunucu Kiralama, Bulut Depolama, Hakkımızda: fiyat bölümüne sayfada satır içi zemin + margin:0 verilmiş
   (tam genişlik bant niyeti), urun-sayfa.css ise bölümü 1200 px'e sınırlıyor -> bant 1200 px'te sola yaslı kalıyordu (eski sitede de vardı,
   yeni temada bölüm zemini sayfa zemininden ayrıştığı için göründü). Bant tam genişlik, içerik eskisiyle aynı 1136 px ve ortalı. */
@media (min-width: 1201px) {
    html section.kurulum-secenekleri[style] { max-width: none; padding-left: calc((100% - 1200px) / 2 + 2rem); padding-right: calc((100% - 1200px) / 2 + 2rem); }
}

/* ---------- 15) KAYDIRMADA TAKILMA (25.10.2026, kullanıcı: "sitede takılmalar var genel olarak") ---------- */
/* Üst menü ve telefon alt çubuğu arkalarını her karede bulanıklaştırıyordu (backdrop-filter 16 / 14 px): kaydırma boyunca ekran kartı işi.
   Zeminleri zaten %90-94 opaktı; bulanıklık kalkınca zemin TAM opak olur (aynı renk): %97'de arkadan geçen yazı hâlâ seçiliyordu (25.10.2026 ölçüldü). */
html .saas-navbar { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: #F7F7F7 !important; }
html[data-tema="dark"] .saas-navbar { background-color: #1F1F1F !important; }
html .ik-mobil-cta { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: #1F1F1F !important; }

/* ---------- 14) TELEFONDA CANLI DESTEK DÜĞMESİ ALT ÇUBUKTA (25.10.2026, kullanıcı: "mobilde üst üste binen yerler var") ---------- */
/* 900 px ve altında canlı destek düğmesi alt iletişim çubuğunun 82-92 px üstünde yüzüyor, sayfa kaydıkça sağ sütundaki yazıların, kartların
   ve giriş şeridinin üstüne biniyordu. Çubuk görünürken düğme çubuğun sağ ucuna oturur (çubuk düğmeleriyle aynı 53 px boy), çubuk ona yer açar.
   Çerez şeridi açıkken çubuk gizlidir; düğme o sırada eski yerinde kalır. :has desteklemeyen eski tarayıcıda eski görünüm sürer. */
@media (max-width: 900px) {
    html body:has(.ik-mobil-cta:not(.ik-mobil-cta-gizli)) .ik-mobil-cta { padding-right: 74px; }
    html body:has(.ik-mobil-cta:not(.ik-mobil-cta-gizli)) .cs-launcher { right: 10px; bottom: calc(9px + env(safe-area-inset-bottom)); width: 56px; height: 53px; font-size: 1.4rem; }
    /* çerez şeridi açıkken (ilk ziyaret) alt çubuk gizli; düğme içeriğin ve giriş şeridinin üstünde yüzmesin diye onaya kadar gizli
       (kullanıcı 25.10.2026, seçim: "çerez onayına kadar gizlensin") */
    html body:has(.cookie-consent-bar) .cs-launcher { display: none; }
    /* çerez şeridi Blazor bağlanınca (3-5 sn) geliyordu; o ana kadar çubuk ve düğme görünüp sonra kayboluyordu (ürün lideri 25.10.2026).
       Onay yoksa App.razor sayfa çizilmeden html'e cerez-bekliyor koyar; "Kabul" ile kalkar. */
    html.cerez-bekliyor .ik-mobil-cta, html.cerez-bekliyor .cs-launcher { display: none !important; }
}
/* Masaüstünde çerez şeridi açıkken (99-121 px) WhatsApp düğmesi şeridin altında kalıyor, canlı destek 7 px biniyordu: ikisi şeridin üstüne çıkar */
@media (min-width: 901px) {
    html.cerez-bekliyor .wa-fab, html body:has(.cookie-consent-bar) .wa-fab { bottom: 135px; }
    html.cerez-bekliyor .cs-launcher, html body:has(.cookie-consent-bar) .cs-launcher { bottom: 205px; }
}