/* ============================================================================
   APEXMASTERS — masaustu genel olcek kucultmesi
   ----------------------------------------------------------------------------
   Amac: %100 tarayici zoom'unda site, kullanicinin begendigi %80 zoom
   goruntusuyle AYNI olsun.

   Gercek tarayici zoom'u iki sey yapar:
     1) CSS goruntu alanini genisletir (1440 -> 1800)
     2) her seyi 0.8 olcekle cizer

   CSS `zoom` yalnizca (2)'yi yapar. Bu yuzden `vw`/`vh` birimleri kucuk
   goruntu alanina gore cozulur ve %20 eksik kalir. Somut sonucu: tam ekran
   hero'lar ekrani doldurmaz, e46/gt86 arabalari ekrandan cikamadan durur.

   Cozum: tum vw/vh degerleri kaynakta `calc(var(--vwu) * N)` haline
   getirildi. Zoom aktifken --vwu 1.25vw olur ve fark tam kapanir.
   Olculdu: gercek %80 zoom ile sapma < %1, `110vw` araba mesafesi birebir.

   KAPATMAK ICIN: apex_base.html icindeki bu dosyanin <link> satirini sil.
   Site aninda bugunku haline doner (--vwu: 1vw fallback devreye girer).

   NOT: Bu dosya apex-theme.css'ten SONRA yuklenmeli.
   ========================================================================= */

/* Varsayilan: olcekleme YOK. Mobil, tablet ve `zoom` desteklemeyen
   tarayicilar bu degerlerde kalir; site bugunku haliyle birebir ayni calisir. */
:root {
    --vwu: 1vw;
    --vhu: 1vh;
}

/* ----------------------------------------------------------------------------
   Masaustu: 1024px ve uzeri.

   Esik neden 1024?  Sitenin en genis kirilma noktasi 900px. Esigi onun
   uzerine koyarak zoom'un bir kirilma noktasini atlatmasini engelliyoruz.
   Ayrica `zoom` medya sorgularini ETKILEMEZ (innerWidth degismez), yani
   kirilma noktalari gercek pencere genisligine gore calismaya devam eder.
   ------------------------------------------------------------------------- */
@media screen and (min-width: 1024px) {
    html {
        zoom: 0.8;
    }

    :root {
        --vwu: 1.25vw;   /* 1 / 0.8 */
        --vhu: 1.25vh;
    }
}

/* ----------------------------------------------------------------------------
   Yazdirma: olcekleme uygulanmaz. Yazici zaten kendi olceginde calisir,
   ustune zoom binmesi sayfa tasmasina yol acar.
   ------------------------------------------------------------------------- */
@media print {
    html {
        zoom: 1;
    }

    :root {
        --vwu: 1vw;
        --vhu: 1vh;
    }
}