/* Mobil UX: safe area, touch, pull indicator */

/* ============================================
   ÜST NAVBAR MOBİLDE EN ÜSTTE KALSIN
   ============================================ */
#site-navbar {
  order: -9999 !important;
  flex-shrink: 0 !important;
}

@media (max-width: 767px) {
  #site-navbar {
    order: -9999 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    flex-shrink: 0 !important;
  }
}

/* iOS safe area - notch ve home indicator için boşluk */
.safe-area-top { padding-top: env(safe-area-inset-top, 0); }
.safe-area-bottom { padding-bottom: env(safe-area-inset-bottom, 0); }
.safe-area-left { padding-left: env(safe-area-inset-left, 0); }
.safe-area-right { padding-right: env(safe-area-inset-right, 0); }

/* Bottom nav varsa main içeriğe alt padding (overlap etmesin) */
body.has-bottom-nav main,
body.has-bottom-nav [role="main"] {
  padding-bottom: calc(4rem + env(safe-area-inset-bottom, 0px));
}

/* Eğer sticky ad görünüyorsa: ad yüksekliği (dynamic) + nav (64px) */
body.has-bottom-nav.has-ad-bottom main,
body.has-bottom-nav.has-ad-bottom [role="main"] {
  padding-bottom: calc(var(--ak-ad-h, 60px) + 4rem + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 768px) {
  body.has-bottom-nav main,
  body.has-bottom-nav [role="main"],
  body.has-bottom-nav.has-ad-bottom main,
  body.has-bottom-nav.has-ad-bottom [role="main"] {
    padding-bottom: 0;
  }
}

/* Touch hedefleri min 44px (erişilebilirlik) */
@media (pointer: coarse) {
  .touch-target-min {
    min-height: 44px;
    min-width: 44px;
  }
}

/* Pull to refresh indicator (JS ile eklenen sınıf) */
.pull-to-refresh-indicator {
  -webkit-user-select: none;
  user-select: none;
}

/* Navbar içinde breadcrumb görünmesin */
#site-navbar nav[aria-label="Breadcrumb"],
#site-navbar .breadcrumb,
#site-navbar ol[class*="breadcrumb"],
nav#site-navbar nav,
nav#site-navbar .breadcrumb {
  display: none !important;
}

/* ============================================
   YATAY KAYDIRMA ENGELLE (2026-05-03)
   Sayfa geneli yatay scroll'u kapat — hero ve diğer
   gizli overflow'lar touch jest'iyle kaymasın.
   Kasıtlı carousel'ler (snap-x, overflow-x-auto)
   etkilenmez çünkü kendi container'ları var.
   ============================================ */
html, body {
  overflow-x: clip;
}
@supports not (overflow-x: clip) {
  html, body {
    overflow-x: hidden;
  }
}