/* ASİ Dijital tema (08.11.2026, tasarım A/C): tek token yapısı + ortak bileşenler.
   Koyu zemin = A (koyu premium), açık zemin = C (beyaz kurumsal). Bileşen sınıf adları iki zeminde aynı;
   rengi bulunduğu zeminin token'larından alır. Aralık, köşe, buton biçimi ve hareket iki zeminde ortak.
   Kullanım: bölüme .zemin-koyu ya da .zemin-acik ver. style.css kullanan sayfalarda site kalıpları
   (alt bilgi, alt sayfa hero'su, son çağrı, gövde) aşağıdaki seçici listeleriyle aynı token'ları alır.
   Eski değişken adları (--text, --muted, --panel, --mint …) yeni token'lara bağlıdır; eski bileşenler de zemine uyar. */

:root{
 --font:"Plus Jakarta Sans","PJS Yedek",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 --head:var(--font);
 --marka:#0F6B4F;--marka-2:#158060;--altin:#F2B233;--altin-2:#FFD27A;--wa:#25D366;
 --r-sm:10px;--r:14px;--r-md:18px;--r-lg:22px;--r-xl:30px;
 --ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);
 --s1:8px;--s2:12px;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:72px;--s8:104px;
 --btn-h:52px;--btn-h-sm:44px;
}

/* ---------- A · koyu zemin ---------- */
:root,.zemin-koyu,body>footer,.sub-hero,.final,
/* açık gövdedeki örnek ekranlar ve koyu notlar A adası olarak kalır */
main :is(.browser,.parse,.wademo,.serp,.chat,.minichat,.notfit,.hatay,.m-demo-prev){
 color-scheme:dark;
 --bg:#050B08;--bg-2:#081310;--bg-3:#0B1914;--surface:#0C1814;
 --glass:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.018));
 --ink:#EEF5F1;--ink-2:#B7C9C0;--ink-3:#8DA399;
 --line:rgba(178,255,222,.10);--line-2:rgba(178,255,222,.18);--line2:rgba(178,255,222,.18);
 --brand-text:#7FD8B6;--brand-text-2:#B9F0DA;--brand-soft:rgba(127,216,182,.10);
 --gold-text:#FFD27A;--gold-soft:rgba(242,178,51,.10);--red-text:#ff8f80;--red-soft:rgba(255,143,128,.12);
 --btn-bg:linear-gradient(180deg,#158060,#0D5E45);--btn-ink:#fff;--btn-ring:rgba(127,216,182,.35);
 --ghost-bg:rgba(255,255,255,.045);--focus:#F2B233;
 --shadow-sm:0 1px 0 rgba(255,255,255,.04) inset;--shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 60px -40px rgba(0,0,0,.9);
 /* eski adlar */
 --bg2:#081310;--panel:#0E1B16;--panel2:#11201A;--text:#EEF5F1;--muted:#B7C9C0;--dim:#8DA399;--mut:#B7C9C0;
 --mint:#7FD8B6;--green:#0F6B4F;--green2:#18A078;--gold:#F2B233;
}

/* ---------- C · açık zemin ----------
   08.11.2026 Metin: zemin rengi sayfa bazında korunur. origin/main'de koyu olan sayfa (ana sayfa, hizmet/bölge/hakkımızda, koyu rehberler, /en/)
   baştan sona A; açık olan sayfa (body.beyaz rehberler, body.sayfa-acik araçlar, ASİ Hesap, Dijital Karne) C. */
.zemin-acik,body:is(.beyaz,.sayfa-acik),.beyaz .sub-hero,:is(.beyaz,.sayfa-acik)>.nav,.sayfa-acik>footer{
 color-scheme:light;
 --bg:#ffffff;--bg-2:#f6f7f7;--bg-3:#eef1f0;--surface:#ffffff;
 --glass:none;
 --ink:#0a0d0c;--ink-2:#39433f;--ink-3:#5f6964;
 --line:rgba(10,13,12,.08);--line-2:rgba(10,13,12,.14);--line2:rgba(10,13,12,.16);
 --brand-text:#0d6249;--brand-text-2:#0d6249;--brand-soft:#e9f4ef;
 --gold-text:#7a5200;--gold-soft:#fdf3dc;--red-text:#b3362c;--red-soft:#fbeceb;
 --btn-bg:#0F6B4F;--btn-ink:#fff;--btn-ring:rgba(15,107,79,.0);
 --ghost-bg:#fff;--focus:#0F6B4F;
 --shadow-sm:0 1px 2px rgba(10,13,12,.05);--shadow:0 1px 2px rgba(10,13,12,.04),0 8px 24px -8px rgba(10,13,12,.10);
 --bg2:#f6f7f7;--panel:#ffffff;--panel2:#f6f7f7;--text:#0a0d0c;--muted:#39433f;--dim:#5f6964;--mut:#39433f;
 --mint:#0d6249;--green:#0F6B4F;--green2:#0F6B4F;--gold:#F2B233;
}
/* Sistem koyu modunda açık bölümler C'nin koyu moduna geçer; A bölümleri zaten koyu.
   Açık araç sayfaları (body.sayfa-acik) da geçer: araç CSS'lerindeki sabit renkler token'a bağlandı (2. aşama).
   İşini Kur uygulama modunda (html.asi-app) sayfalar açık kalır; koyu temayı geri-ve-logo.py'deki ters çevirme verir (davranış aynı).
   ASİ Hesap sayfaları tema.css'i yüklemez; C token'ları geri-ve-logo.py bu iki bloktan okuyup sayfaya gömer (tek kaynak). */
@media (prefers-color-scheme:dark){
 html:not(.asi-app) :is(.zemin-acik,body:is(.beyaz,.sayfa-acik),.beyaz .sub-hero,:is(.beyaz,.sayfa-acik)>.nav,.sayfa-acik>footer){
  color-scheme:dark;
  --bg:#080a09;--bg-2:#0d100f;--bg-3:#121614;--surface:#111514;
  --ink:#f1f4f2;--ink-2:#c2cbc7;--ink-3:#919b96;
  --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--line2:rgba(255,255,255,.16);
  --brand-text:#5fd6a9;--brand-text-2:#5fd6a9;--brand-soft:rgba(60,201,147,.12);
  --gold-text:#f4c25a;--gold-soft:rgba(242,178,51,.14);--red-text:#ff8f80;--red-soft:rgba(255,143,128,.12);
  --btn-bg:#3cc993;--btn-ink:#03140d;--ghost-bg:#111514;--focus:#5fd6a9;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 30px -10px rgba(0,0,0,.6);
  --bg2:#0d100f;--panel:#111514;--panel2:#141918;--text:#f1f4f2;--muted:#c2cbc7;--dim:#919b96;--mut:#c2cbc7;
  --mint:#5fd6a9;--green2:#0F6B4F;
 }
}
.zemin-koyu,.zemin-acik{background-color:var(--bg);color:var(--ink)}
main :is(.browser,.parse,.wademo,.serp,.chat,.minichat,.notfit,.hatay){color:var(--ink)}

/* ---------- temel ---------- */
body{font-family:var(--font)}
h1,h2,h3,h4{font-family:var(--font);font-weight:800;letter-spacing:-.03em}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
a,button,summary,[role="button"]{touch-action:manipulation}
@media (pointer:coarse){input,select,textarea{font-size:16px!important}}

/* ---------- buton (biçim ortak, renk zeminden) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--btn-h);padding:0 22px;border-radius:var(--r);border:0;
 font:700 16px/1.2 var(--font);letter-spacing:-.005em;cursor:pointer;text-decoration:none;user-select:none;-webkit-user-select:none;
 transition:transform 140ms var(--ease-out),box-shadow .2s ease,background-color .2s ease,color .2s ease}
.btn:active{transform:scale(.97)}
.btn-primary,.btn-green,.btn-wa{color:var(--btn-ink);background:var(--btn-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px var(--btn-ring),0 12px 30px -14px rgba(15,107,79,.7)}
.btn-ghost{color:var(--ink);background:var(--ghost-bg);box-shadow:inset 0 0 0 1px var(--line-2),var(--shadow-sm)}
.btn-gold{color:#1d1400;background:linear-gradient(180deg,var(--altin-2),var(--altin));box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 34px -14px rgba(242,178,51,.7)}
.btn-sm{--btn-h:var(--btn-h-sm);padding:0 16px;font-size:15px}
.btn .ico,.btn svg{width:20px;height:20px;flex:none}
@media (hover:hover) and (pointer:fine){
 .btn-primary:hover,.btn-green:hover,.btn-wa:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px var(--btn-ring),0 16px 40px -12px rgba(23,163,116,.75)}
 .btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--brand-text),var(--shadow-sm)}
}

/* ---------- kart ---------- */
.kart{position:relative;border-radius:var(--r-lg);background:var(--glass),var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);padding:var(--s4)}

/* ---------- form alanı ---------- */
.zemin-acik :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea),
.zemin-koyu :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){
 font-family:var(--font);color:var(--ink);background-color:var(--surface);border:1px solid var(--line-2);border-radius:12px;min-height:44px}
:is(input,select,textarea)::placeholder{color:var(--ink-3);opacity:1}

/* ---------- tablo ---------- */
.tablo,.zemin-acik table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.tablo :is(th,td),.zemin-acik table :is(th,td){border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.tablo thead th,.zemin-acik table thead th{background:var(--bg-2);color:var(--ink);font-weight:700}

/* ---------- SSS ---------- */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 0;font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}

/* ---------- rozet ---------- */
.rozet{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--brand-text);background:var(--brand-soft)}
.rozet.altin{color:var(--gold-text);background:var(--gold-soft)}

/* ---------- çerez bandı (ga4.js aynı; yalnız görünüm, iki düğme eşit) ---------- */
#asi-cerez{background:rgba(8,19,16,.94)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#EEF5F1!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(178,255,222,.18),0 20px 40px -20px rgba(0,0,0,.9)!important;border-radius:18px!important;font-family:var(--font)!important}
#asi-cerez a{color:#B9F0DA!important;text-decoration:underline;text-underline-offset:3px}
#asi-cerez button{font-family:var(--font)!important;font-weight:700!important;border-radius:12px!important;border-color:rgba(127,216,182,.45)!important;background:rgba(255,255,255,.05)!important}

/* ---------- hareket: yalnız transform/opacity; azaltılmış harekette yok ---------- */
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}