/* ==========================================================================
   Təhlükəsiz sahə (safe area) düzəlişləri
   --------------------------------------------------------------------------
   Bu fayl <meta name="viewport" ... viewport-fit=cover> ilə birlikdə işləyir.
   "cover" olmadan iOS səhifəni notch/home indicator sahəsinin xaricində
   yerləşdirir və env(safe-area-inset-*) HƏMİŞƏ 0 qaytarır — yəni saytdakı
   mövcud env() istifadələri (live chat düyməsi, "Müraciət et" paneli, PWA
   banneri, admin üst zolağı) heç bir təsir göstərmir.

   "cover" əlavə ediləndə səhifə bütün ekranı doldurur və insets real dəyər
   qaytarır. Bu zaman:
     • aşağıda  — home indicator (portret ~34px, landşaft ~21px),
     • yanlarda — landşaftda notch tərəfi (~44px)
   sahələri artıq bizim öhdəmizə keçir. Aşağıdakı qaydalar məhz o sahələri
   qorumaq üçündür — əks halda "cover" landşaftda yeni problem yaradardı.

   Qeyd: env() masaüstündə və inset olmayan cihazlarda 0-dır, ona görə bu
   qaydalar mövcud dizaynı dəyişmir — yalnız lazım olanda əlavə boşluq verir.
   max(...) mövcud ölçüləri saxlayır, yalnız inset daha böyük olanda böyüdür.

   Fayl QƏSDƏN səhifəyə xas CSS-lərdən sonra yüklənir (includes/header.php,
   admin/_shell_top.php, admin/index.php) ki, responsive.css və admin.css
   içindəki eyni qaydaları üstələsin.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) Səhifə axını — yan boşluqlar (landşaftda notch tərəfi)
   -------------------------------------------------------------------------- */
.container {
  padding-left: max(24px, env(safe-area-inset-left));
  padding-right: max(24px, env(safe-area-inset-right));
}

.auth-wrap {
  padding-left: max(20px, env(safe-area-inset-left));
  padding-right: max(20px, env(safe-area-inset-right));
  padding-bottom: calc(60px + env(safe-area-inset-bottom));
}

/* Səhifənin sonu — home indicator alt yazının üstünə düşməsin */
.site-footer { padding-bottom: calc(24px + env(safe-area-inset-bottom)); }

@media (max-width: 760px) {
  .container {
    padding-left: max(18px, env(safe-area-inset-left));
    padding-right: max(18px, env(safe-area-inset-right));
  }
  .site-footer { padding-bottom: calc(20px + env(safe-area-inset-bottom)); }

  /* Elan səhifəsində aşağıda sabit "Müraciət et" paneli olduqda footer onun
     hündürlüyü qədər boşluq saxlayır — indicator da nəzərə alınır. */
  body:has(.mobile-apply-bar) .site-footer {
    padding-bottom: calc(90px + env(safe-area-inset-bottom));
  }
}

/* --------------------------------------------------------------------------
   2) Aşağıda sabit duran elementlər (yanlardan da qorunur)
   -------------------------------------------------------------------------- */
@media (max-width: 760px) {
  .mobile-apply-bar {
    padding-left: max(18px, env(safe-area-inset-left));
    padding-right: max(18px, env(safe-area-inset-right));
  }
}

@media (max-width: 860px) {
  .pwa-banner {
    left: max(10px, env(safe-area-inset-left));
    right: max(10px, env(safe-area-inset-right));
  }
}

@media (max-width: 640px) {
  .lc-window {
    left: max(10px, env(safe-area-inset-left));
    right: max(10px, env(safe-area-inset-right));
  }
}

/* Toast bildirişləri */
.oyun-toast { bottom: calc(24px + env(safe-area-inset-bottom)); }
.story-toast { bottom: calc(26px + env(safe-area-inset-bottom)); }
.fc-toast-host {
  top: max(18px, env(safe-area-inset-top));
  right: max(18px, env(safe-area-inset-right));
}

@media (max-width: 560px) {
  .friends-notif-dropdown {
    left: max(12px, env(safe-area-inset-left));
    right: max(12px, env(safe-area-inset-right));
  }
}

/* --------------------------------------------------------------------------
   3) Tam ekran örtüklər (lightbox / story)
   Bunlarda fon ayrıca uşaq elementdədir, ona görə yalnız daxili boşluğu
   böyüdürük — fon yenə bütün ekranı örtür.
   Kiçik mərkəzləşmiş modallara (vip-modal, pop-banner, oyun-modal və s.)
   toxunulmur: qutuların eni ≤430px və mərkəzdədir, 44px inset onlara çatmır.
   -------------------------------------------------------------------------- */
.story-view-overlay,
.cert-modal,
.kanal-lightbox {
  padding-left: max(24px, env(safe-area-inset-left));
  padding-right: max(24px, env(safe-area-inset-right));
  padding-bottom: max(24px, env(safe-area-inset-bottom));
}

.cv-lightbox-overlay {
  padding-left: max(30px, env(safe-area-inset-left));
  padding-right: max(30px, env(safe-area-inset-right));
  padding-bottom: max(30px, env(safe-area-inset-bottom));
}

.mehsul-lightbox-overlay {
  padding-left: max(20px, env(safe-area-inset-left));
  padding-right: max(20px, env(safe-area-inset-right));
  padding-bottom: max(20px, env(safe-area-inset-bottom));
}

@media (max-width: 640px) {
  .cert-modal {
    padding-left: max(10px, env(safe-area-inset-left));
    padding-right: max(10px, env(safe-area-inset-right));
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }
}

/* --------------------------------------------------------------------------
   4) Admin paneli
   -------------------------------------------------------------------------- */
@media (max-width: 860px) {
  .admin-mobile-bar {
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
  }
  .admin-main {
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
    padding-bottom: calc(44px + env(safe-area-inset-bottom));
  }
  /* Sol tərəfdən açılan çekmecə */
  .admin-sidebar {
    padding-left: max(14px, env(safe-area-inset-left));
    padding-bottom: calc(18px + env(safe-area-inset-bottom));
  }
}