/* theme.css — acik/koyu tema. TUM diger CSS'lerden SONRA yuklenir.
   KOYU tema = mevcut gorunum; burada koyuya DOKUNAN kural yok:
   (A) yalniz yeni tema dugmesinin stili, (B) yalniz html[data-theme="light"] altindaki kurallar.
   Tasarim karari: sinematik acilis (hero), surec sahnesi (.proc), yukleyici ve arka plan videolu
   page-hero (hakkimizda/iletisim) iki temada da KOYU kalir ("koyu adalar": belirteclar yeniden tanimlanir).
   Acik palet kontrastlari (WCAG): #0b0f15 / #f6f7f9 17.92; #4b5563 / #f6f7f9 7.05; #c4161b / #f6f7f9 5.63;
   beyaz / #c4161b 6.04; #c4161b / #fff 6.04. */

/* ================= (A) tema dugmesi (iki temada ayni) ================= */
.theme-btn{display:none;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin:0 0 0 6px;padding:0;
  background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;position:relative;z-index:60;opacity:.85;transition:opacity .2s}
.theme-btn:hover{opacity:1}
html[data-theme] .theme-btn{display:inline-flex}   /* JS yoksa data-theme de yok: dugme gizli */
.theme-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.theme-btn .ti--moon{display:none}
@media (min-width:761px){.nav nav{margin-left:auto}}
@media (max-width:760px){.theme-btn{margin-left:auto}.menu-btn{margin-left:2px}}
@media (prefers-reduced-motion:no-preference){
  html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{
    transition:background-color .25s ease,color .25s ease,border-color .25s ease,fill .25s ease,stroke .25s ease!important}
}

/* ================= (B) ACIK TEMA ================= */
:root[data-theme="light"]{
  color-scheme:light;
  --red:#c4161b;
  --red-text:#c4161b;
  --bg:#f6f7f9;
  --ink:#0b0f15;
  --mute:#4b5563;
  --line:rgba(0,0,0,.12);
}
[data-theme="light"] .theme-btn .ti--sun{display:none}
[data-theme="light"] .theme-btn .ti--moon{display:block}

/* ---- koyu adalar: belirteclar koyuya geri doner ---- */
[data-theme="light"] .hero,
[data-theme="light"] .proc,
[data-theme="light"] .loader{
  --red:#e41b20;--red-text:#ef3a3f;--bg:#05070a;--ink:#f4f6f8;--mute:#8a94a3;--line:rgba(255,255,255,.1);
  color:var(--ink);color-scheme:dark}
[data-theme="light"] .proc{background:#05070a}
[data-theme="light"] .hero :focus-visible,
[data-theme="light"] .proc :focus-visible,
[data-theme="light"] .loader :focus-visible{box-shadow:0 0 0 2px #05070a}
/* arka plan videolu page-hero: video koyu, metin acik */
[data-theme="light"] .bg-media ~ h1{color:#f4f6f8}
[data-theme="light"] .bg-media ~ h1 em{color:#e41b20}
[data-theme="light"] .bg-media ~ .eyebrow{color:#ef3a3f}

/* ---- nav ---- */
[data-theme="light"] .nav.is-solid{background:rgba(246,247,249,.92);box-shadow:0 1px 0 var(--line)}
/* sayfa ustunde koyu sahne varken (is-solid degil) nav metni acik kalir */
html[data-theme="light"][data-top="dark"] body:not(.menu-open) .nav:not(.is-solid){
  --red:#e41b20;--red-text:#ef3a3f;--ink:#f4f6f8;--mute:#8a94a3;--line:rgba(255,255,255,.1);color:var(--ink)}
html[data-theme="light"][data-top="dark"] body:not(.menu-open) .nav:not(.is-solid) :focus-visible{box-shadow:0 0 0 2px #05070a}
@media (max-width:760px){
  [data-theme="light"] .nav nav{background:rgba(246,247,249,.98)}
}

/* ---- odak halkasi ---- */
[data-theme="light"] :focus-visible{box-shadow:0 0 0 2px #fff}

/* ---- kartlar / seritler / degerler ---- */
[data-theme="light"] .cards article,
[data-theme="light"] .values article{background:#fff}
[data-theme="light"] .cards article:hover{background:#eef1f5}
[data-theme="light"] .foot small{opacity:1}

/* ---- sayfa ust bolumu (arka plan videosuz) ve CTA isiklari ---- */
[data-theme="light"] .page-hero::before{
  background:radial-gradient(50% 80% at 85% 20%,rgba(196,22,27,.10),transparent 70%),
             radial-gradient(40% 60% at 10% 100%,rgba(60,110,200,.10),transparent 70%)}
[data-theme="light"] .cta::before{background:radial-gradient(50% 70% at 50% 100%,rgba(196,22,27,.14),transparent 70%)}

/* ---- medya yer tutucu / foto yer tutucu ---- */
[data-theme="light"] .media{
  background:radial-gradient(60% 80% at 70% 30%,rgba(196,22,27,.12),transparent 70%),linear-gradient(135deg,#eceff3,#dfe4ea)}
[data-theme="light"] .media__num{color:rgba(0,0,0,.07)}
[data-theme="light"] .photo-ph{background:linear-gradient(135deg,#eceff3,#dfe4ea)}

/* ---- form ---- */
[data-theme="light"] .form input,
[data-theme="light"] .form textarea{background:#fff;border-color:rgba(0,0,0,.5)}
[data-theme="light"] .form input:focus,
[data-theme="light"] .form textarea:focus{border-color:var(--red-text)}
[data-theme="light"] .form input[aria-invalid="true"],
[data-theme="light"] .form textarea[aria-invalid="true"]{border-color:#b3141a}
[data-theme="light"] .form #formNote.is-error{color:#b3141a}
[data-theme="light"] .form #formNote.is-ok{color:#166534}

/* ---- harita ---- */
[data-theme="light"] .map{background:#eceff3}
[data-theme="light"] .map iframe{filter:none}

/* ---- referans wordmark ---- */
[data-theme="light"] .wm{background:linear-gradient(180deg,#fff,rgba(255,255,255,0));color:rgba(11,15,21,.62)}
[data-theme="light"] .wm:hover{color:var(--ink);background:linear-gradient(180deg,rgba(196,22,27,.10),rgba(196,22,27,0))}

/* ---- WhatsApp ---- */
[data-theme="light"] .wa{box-shadow:0 10px 30px rgba(0,0,0,.22)}

/* ---- logo surumu: acik temada siyah yazili; koyu sahne ustundeki nav ve koyu adalarda beyaz yazili ---- */
[data-theme="light"] .brand__logo--white{display:none!important}
[data-theme="light"] .brand__logo--black{display:block!important}
html[data-theme="light"][data-top="dark"] body:not(.menu-open) .nav:not(.is-solid) .brand__logo--white{display:block!important}
html[data-theme="light"][data-top="dark"] body:not(.menu-open) .nav:not(.is-solid) .brand__logo--black{display:none!important}

/* Gorselsiz bolumler (baslik + metin/liste/SSS): baslik solda, icerik sagda; sag yarisi bos kalmasin. Her sayfada yuklendigi icin theme.css'te. */
@media (min-width:901px){
  .sec:has(> h2):not(:has(.split)):not(:has(> :not(h2):not(p):not(ul):not(ol):not(a):not(details):not(.trust-block):not(.faq))){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,66ch);column-gap:clamp(28px,4vw,64px);align-items:start}
  .sec:has(> h2):not(:has(.split)):not(:has(> :not(h2):not(p):not(ul):not(ol):not(a):not(details):not(.trust-block):not(.faq))) > h2{grid-column:1;grid-row:1 / span 20;position:sticky;top:96px;margin:0}
  .sec:has(> h2):not(:has(.split)):not(:has(> :not(h2):not(p):not(ul):not(ol):not(a):not(details):not(.trust-block):not(.faq))) > :not(h2){grid-column:2}
}

/* Makale gövdesi: başlık solda, metin sağda (düz h2/p dizisi; sağ yarı boş kalmasın). width:100% şart: auto margin yüzünden daralıyordu */
@media (min-width:901px){
  .article__body{max-width:none!important;width:100%;margin:0!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,66ch);column-gap:clamp(28px,4vw,64px);align-items:start}
  .article__body > h2{grid-column:1;margin:.15em 0 0!important}
  .article__body > :not(h2){grid-column:2}
}

/* SSS sayfası: sorular iki sütunda (tek sütun sağ yarıyı boş bırakıyordu) */
@media (min-width:901px){
  .article .faq{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4vw,64px);align-items:start}
  .article .faq details{border-top:1px solid var(--line)}
}

/* Mobil dokunma alanı (>=44px): ekmek kırıntısı ve ok bağlantıları */
@media (max-width:860px){
  .page-hero > nav:not(.crumbs) a{display:inline-block;padding:11px 3px}
  details > summary{padding-block:11px}
  a.arrow{padding-block:13px}
}