/* ==========================================================================
   v198 KAYIT — kayit.js'in yeni ogeleri (C8: UYG bu dosyayi stil.css'ten SONRA baglar).
   Ogeler kayit.js pbOgeleriKur() ile olusturulur (index.html'e dokunulmadi).
   Video USTU katmanlar her temada koyu kalir (--ov-* ailesi, stil.css ile ayni kural).
   ========================================================================== */

/* ---------- 1) Son kare tuvali (madde 8) ----------
   Ayni kamerada yeniden baslatmada (zaman cizgisi, ±10, hiz, devam) ve WebRTC gercek
   duraklatmada son kare ekranda kalir (eskiden srcObject=null ile ekran kariyordu).
   Videonun hemen ARDINDAN gelir; kontrollerin (z 5-8) altinda, videonun ustunde.
   Dokunuslari yutmaz: tik/iki parmak video ve kabuga gider. */
#pbSonKare{position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:contain;background:#000;pointer-events:none;z-index:1;transform-origin:center center}
/* Sigdir/Doldur tercihi videoyla ayni (stil.css 445 / 1658 / 1429 kurallarinin aynisi) */
body.duvar-doldur #pbSonKare{object-fit:cover}
body.duvar-doldur:not([data-yogunluk="kucuk"]) #pbSonKare{object-position:0 0}
body.mod-kayit[data-yogunluk="kucuk"] #pbSonKare{object-fit:contain}

/* ---------- 2) Kose bekleme rozeti (madde 2 / 17) ----------
   Ilk kare ya da son kare ekrandayken TAM PERDE yerine ust ortada kucuk rozet; "tampon X/Y sn"
   sayilari yerine ince ilerleme cubugu. Ust orta secildi: NVR tarih damgasi sol ustte, hiz/arac
   dugmeleri sagda, oynatma dugmeleri altta. */
.pb-bekle-rozet{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:6;
  display:flex;align-items:center;gap:8px;max-width:calc(100% - 140px);
  padding:5px 12px 5px 9px;border-radius:16px;background:rgba(4,8,10,.74);
  border:1px solid rgba(255,255,255,.12);color:var(--ov-yazi,#fff);
  font-size:var(--t-xs,11px);font-weight:600;line-height:1.2;white-space:nowrap;
  pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pb-bekle-rozet .halka{width:14px;height:14px;border-width:2px;flex:none}
.pb-br-yazi{overflow:hidden;text-overflow:ellipsis;min-width:0}
.pb-br-cubuk{display:block;flex:none;width:44px;height:3px;border-radius:2px;
  background:rgba(255,255,255,.18);overflow:hidden}
.pb-br-cubuk > b{display:block;height:100%;width:0;border-radius:2px;
  background:var(--ov-vurgu,#2FE0BE);transition:width .3s ease-out}
/* yatay telefonda sol ustte yuzer ☰ var; rozet ortada kalir, biraz asagi */
body.yatay[data-yogunluk="kucuk"].mod-kayit .pb-bekle-rozet{top:12px;max-width:calc(100% - 200px)}

/* ---------- 3) "Oynatmak icin dokunun" (madde 12) ----------
   Otomatik oynatma reddedilince buyuk oynat dugmesinin (72 px, ortada) hemen altinda. */
.pb-dokun-ipucu{position:absolute;left:50%;top:calc(50% + 46px);transform:translateX(-50%);z-index:6;
  max-width:calc(100% - 24px);padding:6px 14px;border-radius:16px;
  background:rgba(4,8,10,.80);border:1px solid rgba(255,255,255,.14);color:#fff;
  font-size:var(--t-sm,12px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  pointer-events:none}

/* ---------- 4) ±10 uzun basis (madde 7) ----------
   Basili tutunca ±60 sn: telefonda metin secimi / baglam menusu acilmasin. */
#pbGeri,#pbIleri{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}

/* ---------- 5) Dikey telefon arac satiri (madde 15) ----------
   v201: "Baglantiyi kopyala" dugmesi kullanici istegiyle KALDIRILDI -> satir yeniden 5 sutun:
   [Hiz][Resim][Klip][Tam ekran][Canliya don]. Dugme bosluklari (3 px) ile "Canliya don"un 5. hucre
   konumu ve genisligi stil.css 1482-1499'dan gelir (v198 oncesi duzen; ayni secici, bu dosya sonra
   yuklendigi icin buradakiler kazanir). Burada yalniz v198'in iki iyilestirmesi kalir: */
/* minmax(0,1fr): esit sutun — uzun etiket (ornegin cevrilmemis metin) sutunu genisletip "Canliya don"un
   mutlak konumunu kaydirmasin (v198'de olculdu: 1fr ile sutunlar esit cikmiyordu). */
body.mod-kayit[data-yogunluk="kucuk"]:not(.yatay):not(.fs-acik) #pbKabuk #pbYan{
  grid-template-columns:repeat(5,minmax(0,1fr))}
/* Etiketler dar telefonda da sigsin: yazi 10 -> 9,5 px; hiz etiketi ("Oynatma hizi") de tasmak yerine
   ... ile biter (stil.css'te bu kirpma yalniz diger etiketlerde vardi). */
body.mod-kayit[data-yogunluk="kucuk"]:not(.yatay):not(.fs-acik) #pbKabuk :is(#pbHizBtn,#pbSnap,#pbKlip,#pbTam,#pbCanliyaGec)::after{
  font-size:9.5px;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* ---------- 6) Sozde tam ekran (madde 14) ----------
   body.pb-sozde-tam + #pbKabuk.pb-tam (kayit.js pbTamAc). Oynatici + zaman cizgisi ekrani kaplar;
   uygulamanin geri kalani siyah zeminin (.pb-tam-zemin, #uygulama icinde) altinda kalir.
   iPhone'da yerel video tam ekrani KULLANILMAZ -> saat, ±10, hiz, kamera degistirme, zaman cizgisi,
   saat secici (z 130) ve bildirimler (z 300) gorunur kalir. Bindirme duzeni (kontroller videonun
   ustunde) icin kayit.js body.fs-acik koyar (stil.css'in tam ekran kurallari).
   [data-mod="kayit"]: mod-kayit sinifi tam sayfa modlarda bayat kalabiliyor (v177 notu). */
.pb-tam-zemin{display:none}
body[data-mod="kayit"].pb-sozde-tam .pb-tam-zemin{display:block;position:fixed;inset:0;z-index:104;background:#000}
body[data-mod="kayit"].pb-sozde-tam #pbKabuk.pb-tam{position:fixed!important;z-index:105!important;
  top:var(--guv-ust,0px)!important;bottom:calc(var(--zc-y) + var(--guv-alt,0px))!important;
  left:env(safe-area-inset-left,0px)!important;right:env(safe-area-inset-right,0px)!important;
  width:auto!important;height:auto!important;overflow:hidden!important;transform:none!important}
body[data-mod="kayit"].pb-sozde-tam .zc-blok{position:fixed!important;z-index:106!important;
  top:auto!important;bottom:0!important;
  left:env(safe-area-inset-left,0px)!important;right:env(safe-area-inset-right,0px)!important;
  height:calc(var(--zc-y) + var(--guv-alt,0px))!important;min-height:0!important;
  padding-bottom:var(--guv-alt,0px);flex:none!important;display:block!important}
body[data-mod="kayit"].pb-sozde-tam .pwa-kur-bar{display:none}
/* tam ekrandayken ⛶ dugmesi vurgulu (cikis icin ayni dugme) */
body[data-mod="kayit"].pb-sozde-tam #pbTam.etkin{background:var(--ov-vurgu-koyu);color:#eafffb;
  border-color:rgba(47,224,190,.5)}