/* 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)}
