/* =============================================================================
   ANKADORM - Yuzen ogeler (sag alt kose)

   SORUN (2026-08-13, kullanici bildirimi): sayfada sag alt kosede iki bagimsiz
   yuzen oge var ve ust uste biniyorlardi:

     .scrollToTop  — temanin "yukari cik" dugmesi (MainAdmin.cshtml, id=back-to-top)
     .ads-fab      — "Sizi Arayalım" dugmesi (yalnizca GIRIS YAPMAMIS ziyaretcide
                     basilir; SiziArayalimViewComponent)

   Ikisi de "right: 20px; bottom: 20px" ile ayni noktaya oturuyordu.

   COZUM: tek bir sag-alt YIGIN. En altta birincil eylem (Sizi Arayalım), onun
   uzerinde yardimci dugme (yukari cik). Fab basilmamissa (giris yapmis kullanici)
   yukari cik dugmesi eski yerinde kalir - hicbir kosul takip etmeye gerek yok,
   cunku isaret sinifi yalnizca fab varken konuyor.

   --ad-fab-yukseklik degerini SiziArayalim bileseni CALISMA ANINDA olcup yaziyor;
   dugmenin yazisi/dolgusu degisse bile yigin dogru kalir. Buradaki deger yalnizca
   JS calismadan onceki ilk kare icin makul bir baslangictir.
   ============================================================================= */

:root {
    --ad-yuzen-kenar: 20px;
    --ad-yuzen-aralik: 12px;
    --ad-fab-yukseklik: 44px;
    --ad-fab-genislik: 180px;
}

/* Tema kuralini sabitliyoruz ki yigin hesabi tahmine dayanmasin. */
.scrollToTop {
    right: var(--ad-yuzen-kenar);
    bottom: var(--ad-yuzen-kenar);
}

/* Fab varsa yukari cik dugmesi onun ustune kayar.
   Iki secici de yaziliyor: sinif JS ile konuyor (kesin yol), :has() ise JS
   kapaliysa devreye giren yedek. Ikisi de tutmazsa davranis bugunku gibi kalir. */
body.ad-fab-var .scrollToTop,
body:has(.ads-fab) .scrollToTop {
    bottom: calc(var(--ad-yuzen-kenar) + var(--ad-fab-yukseklik) + var(--ad-yuzen-aralik));
}

/* Sayfa sonu yuzen dugmelerin altinda kalmasin: fab varken govdeye alt bosluk.
   Aksi halde footer ve son satirdaki kartlar dugmenin arkasina giriyor. */
body.ad-fab-var .main-content,
body:has(.ads-fab) .main-content {
    padding-bottom: calc(var(--ad-fab-yukseklik) + 32px);
}

@media (max-width: 575.98px) {
    :root {
        --ad-yuzen-kenar: 12px;
        --ad-yuzen-aralik: 10px;
    }
}

/* -----------------------------------------------------------------------------
   GIRIS EKRANI ALT BARI (2026-08-18, kullanici bildirimi)

   /Login/Index alt barinda (.ad-bottom) sag uca yaslanmis sosyal medya rozetleri
   var (.ad-social: Instagram / YouTube / Facebook / Konum). Fab de sag altta
   sabit durdugu icin ikisi UST USTE biniyordu; rozetlerin sag taraftakileri
   dugmenin altinda kaliyordu.

   COZUM: fab varken alt bara fab genisligi kadar sag bosluk birak; alt bar
   flex/space-between oldugu icin rozetler kendiliginden SOLA kayar, dugmenin
   soluna oturur. Meta yazisi solda kaldigi icin etkilenmez.

   --ad-fab-genislik degerini de SiziArayalim bileseni calisma aninda olcup
   yaziyor (yukseklikle ayni yontem); buradaki 180px yalnizca ilk kare icin
   makul bir baslangic.
   -------------------------------------------------------------------------- */
body.ad-fab-var .ad-bottom,
body:has(.ads-fab) .ad-bottom {
    padding-right: calc(var(--ad-fab-genislik) + var(--ad-yuzen-aralik));
}

/* Dar ekranda alt bar ortalaniyor (giris-ekrani.css) ve fab yalnizca ikon
   kadar kaliyor; yana itmek yerine alt bosluk vermek daha dogru. */
@media (max-width: 575.98px) {
    body.ad-fab-var .ad-bottom,
    body:has(.ads-fab) .ad-bottom {
        padding-right: 0;
        padding-bottom: calc(var(--ad-fab-yukseklik) + var(--ad-yuzen-aralik));
    }
}