/* ==========================================================================
   SABIT UST SERIT (sticky chrome)
   --------------------------------------------------------------------------
   Sayfanin ust seritleri (baslik, sekme seridi, sayfaya ait arac cubugu)
   kaydirma sirasinda yerinde kalir; yalnizca ICERIK kayar.

   NEDEN: uzun listelerde / yuksek grafik panellerinde kullanici asagi
   indiginde tarih araligi, sekmeler ve arac dugmeleri ekrandan cikiyordu.
   Aralik degistirmek icin her seferinde en yukari donmek gerekiyordu.

   KAYDIRMA KABI: AdminLTE'de `.app-main` kendi kabidir (overflow: auto) ve
   ust bar (.app-header) bu kabin DISINDA, ayri bir grid satirindadir. Bu
   yuzden `top` degerlerine bar yuksekligi EKLENMEZ; serit dogrudan kabin
   ust kenarina yapisir.

   `top` ve `z-index` degerlerini sticky-chrome.js OLCEREK yazar: serit
   yukseklikleri sabit degil (baslik uzunlugu, sekmelerin sarmasi, dil,
   kenar cubugunun daralmasi). Ust uste binen seritlerde her seridin `top`
   degeri kendinden ONCEKILERIN gercek yuksekliklerinin toplami olmak
   zorunda ve bu toplam CSS'te ifade edilemiyor.
   ========================================================================== */

.bz-sticky-bar {
    position: sticky;
    /* top ve z-index sticky-chrome.js tarafindan yazilir. */
    top: 0;

    /* MARJ COKMESINI ENGELLER. Serit icindeki `.page-header-container`
       margin-bottom tasiyor; BFC olmadan bu marj seridin DISINA cokuyor:
       seridin yuksekligine dahil olmuyor, zemini de kapsamiyor ve tam o
       bosluktan kayan icerik gorunuyor. Ayni sebeple JS'in olctugu
       yukseklik de eksik kaliyordu. */
    display: flow-root;

    /* OPAK OLMAK ZORUNDA: altindan gecen icerik gorunmesin. Sayfa zemini
       body.bg-body-tertiary oldugu icin ayni tonu kullaniyoruz, serit
       kaymiyormus gibi dursun. */
    background-color: var(--bs-tertiary-bg);
}

/* Seridin ic bosluklari seridin KENDI zemininde kalsin; aksi halde iki
   serit arasindaki margin bosluklarindan icerik sizip goruluyor. */
.bz-sticky-bar > .page-header-container {
    margin-bottom: .5rem;
}

/* En alttaki serit: altindan kayan icerikle arasinda gorsel bir kenar. */
.bz-sticky-bar-tail {
    padding-bottom: .35rem;

    /* Serit ile altindan kayan icerik arasindaki AYRIM bu golge. Sekme
       seridinin alt kenarini kalinlastirmak yerine golgeye guveniyoruz;
       kalin kenar aktif sekme belirteciyle carpisiyordu. */
    box-shadow: 0 8px 10px -8px rgba(var(--bs-dark-rgb), .3);
}

.bz-sticky-bar-tail > :last-child {
    margin-bottom: 0;
}