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

/* Yatay taşmayı kapat – tüm sayfada telefon genişliğine sığdır */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw;
}
body {
  width: 100%;
}

/* ============================================
   ÜST NAVBAR MOBİLDE EN ÜSTTE KALSIN
   Araç sayfasında navbar aşağı iniyorsa bu kurallar düzeltir.
   ============================================ */
@media (max-width: 767px) {
  /* Body doğrudan çocukları: header her zaman ilk sırada (flex order) */
  body.flex-col > header,
  body[class*="flex"] > header,
  body[class*="min-h-screen"] > header,
  body > header#site-navbar,
  body > header:first-of-type {
    order: -999 !important;
    flex-shrink: 0 !important;
  }
  /* Üst navbar: viewport üstüne yapışık */
  body > header#site-navbar,
  body > header.sticky,
  header#site-navbar,
  header.sticky,
  header[class*="sticky"],
  header[class*="top-0"] {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !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);
}

/* Mobilde header ile içerik (Ana Sayfa / başlık) arasında boşluk olmasın */
@media (max-width: 767px) {
  main,
  [role="main"] {
    padding-top: 0 !important;
  }
}

/* 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));
}
@media (min-width: 768px) {
  body.has-bottom-nav main,
  body.has-bottom-nav [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;
}