/* ===== css/tam-ekran.css — iPhone tam ekran (v488 · KURALLAR "## v488 — iPhone tam ekran") · cam-veri.css'ten HEMEN SONRA =====
   Masaüstünde env(...) = 0 ve lvh = vh = %100 → bu dosyanın her bildirimi eski değeri verir (piksel farkı 0). Renk YAZILMAZ; köke
   değişken YAZILMAZ (v463). */

/* ---- 1) Tam ekran zemin katmanları BÜYÜK görünüm alanını kaplar ----
   inset: 0 iOS Safari'de yerleşim görünüm alanıdır: araç çubuğu küçülürken ve standalone'da altta katmansız şerit kalıyor, orada html
   zemini (taban — koyu paletlerde siyaha yakın) görünüyordu. Üstten sabit + max(100%, 100lvh): lvh'siz tarayıcıda ikinci bildirim
   geçersiz → height: 100% (= eski inset: 0). Klavye ve araç çubuğu boyu DEĞİŞTİRMEZ. */
#zeminKok,
.km-zemin,
.foton .fk-zemin {
  top: 0; bottom: auto;
  height: 100%;
  height: max(100%, 100lvh);
}
/* Derinlik kaydırmalı Komuta zemini (koyu + dengeli/canlı: css/zemin.css inset: -16px) — aynı özgüllük, sonra yüklenir */
:root[data-tema="koyu"][data-zemin-canlilik="dengeli"] .foton .fk-zemin,
:root[data-tema="koyu"][data-zemin-canlilik="canli"] .foton .fk-zemin {
  top: -16px; bottom: auto;
  height: calc(100% + 32px);
  height: calc(max(100%, 100lvh) + 32px);
}

@media (max-width: 1023px) {
  /* ---- 2) Alt degrade perde: dipte en çok %42 ----
     v469'da dipte %92 taban → sekme çubuğunun ALTINDAKİ bant (ev çubuğu + 10 px) arka planı silip düz siyaha yakın şerit bırakıyordu.
     %27'ye kadar saydam (son içerik satırı perdelenmez — v469 aynen); çubuğun arkasında %62–66; dipte %42 → zemin görünür. */
  :root[data-cam-etkin] body:not(.komuta-modu) #uygulama::after {
    background: linear-gradient(180deg, transparent 0, transparent 27%,
      color-mix(in srgb, var(--st-zemin-taban) 62%, transparent) 58%,
      color-mix(in srgb, var(--st-zemin-taban) 66%, transparent) 74%,
      color-mix(in srgb, var(--st-zemin-taban) 42%, transparent) 100%);
  }

  /* ---- 3) Yan güvenli alan (yatay mod: Dynamic Island / çentik tarafı) ---- dikeyde env(left/right) = 0 → değişiklik yok */
  body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  :root[data-cam-etkin][data-tema] .alt-menu {
    left: calc(16px + env(safe-area-inset-left));
    right: calc(16px + env(safe-area-inset-right));
  }
  :root[data-cam-etkin][data-tema] body.menu-acik .alt-menu {
    left: calc(8px + env(safe-area-inset-left));
    right: calc(8px + env(safe-area-inset-right));
  }
  :root:not([data-cam-etkin]) .alt-menu {               /* cam kapalı (v468): tam genişlik çubuk, düğmeler çentiğin altına girmesin */
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  :root[data-cam-etkin] #camBildirimKok {
    left: calc(16px + env(safe-area-inset-left));
    right: calc(16px + env(safe-area-inset-right));
  }
  .kaydirma-yukari { right: calc(16px + env(safe-area-inset-right)); }

  /* ---- 4) Sekme çubuğu ekranın dibine (v489 · KURALLAR "## v489") ----
     v488'e kadar 10 px + ev çubuğu payının TAMAMI (34) = dipten 44 px. Ev çubuğu çizgisi dipten ~8–13 px'te → payın 14 px'i
     düşülür: iPhone'da 20 px, güvenli alansız cihazda max() → 10 px (eski değer, masaüstü/Android piksel farkı 0). */
  :root[data-cam-etkin][data-tema] .alt-menu {
    bottom: max(10px, calc(env(safe-area-inset-bottom) - 14px));
  }
  :root[data-cam-etkin][data-tema] body.menu-acik .alt-menu {
    bottom: max(8px, calc(env(safe-area-inset-bottom) - 14px));
  }
  :root[data-cam-etkin] #camBildirimKok { bottom: calc(90px + max(0px, env(safe-area-inset-bottom) - 24px)); }
  .kaydirma-yukari { bottom: calc(88px + max(0px, env(safe-area-inset-bottom) - 24px)); }
}