/* ===== FILE: arm-navbar-fix.css ===== */
/* =========================================================
   ARM NAVBAR — FIX / OVERRIDES (load LAST)
   Amaç: Offcanvas'ın viewport'u tam kaplaması + z-index çatışmalarını bitirmek
   ========================================================= */

/* Bootstrap stack */
.offcanvas-backdrop{
  z-index: 1050 !important;
}
#armMenu.arm-canvas,
#armMenu.arm-canvas.offcanvas{
  /* Bootstrap .offcanvas zaten fixed; fakat bazı custom CSS’ler bunu bozabiliyor */
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  left: auto !important;

  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 100vh !important;

  z-index: 1055 !important;
}

/* Kapat butonu her zaman tıklanabilir kalsın */
#armMenu.arm-canvas .offcanvas-header,
#armMenu.arm-canvas .btn-close{
  position: relative;
  z-index: 2;
}

/* iOS / safe-area */
#armMenu.arm-canvas .offcanvas-header{
  padding-top: max(14px, env(safe-area-inset-top));
}
#armMenu.arm-canvas .offcanvas-body{
  padding-bottom: max(18px, env(safe-area-inset-bottom));
}

/* Offcanvas açıkken sayfayı kilitle */
body.arm-menu-open,
body.arm-offcanvas-open{
  overflow: hidden !important;
  touch-action: none;
  overscroll-behavior: none;
}

/* Offcanvas açıkken önde kalmaması gereken fixed öğeleri gizle
   Not: Sınıf isimleri projeye göre değişebilir — burada güvenli genel seçimler var. */
body.arm-menu-open .floating-button,
body.arm-offcanvas-open .floating-button,
body.arm-menu-open .pb-rail,
body.arm-offcanvas-open .pb-rail,
body.arm-menu-open .pb-track,
body.arm-offcanvas-open .pb-track,
body.arm-menu-open .pb-card,
body.arm-offcanvas-open .pb-card,
body.arm-menu-open .site-fab,
body.arm-offcanvas-open .site-fab{
  opacity: 0 !important;
  pointer-events: none !important;
  transform: scale(.98);
}

/* Bazı temalarda "transform" body/wrapper'a verildiğinde fixed elemanlar viewport'a göre davranmayabilir.
   Offcanvas açıkken olası transform’ları nötrle. */
body.arm-menu-open,
body.arm-offcanvas-open{
  transform: none !important;
  filter: none !important;
}

/* Panel içi tıklamalar her zaman aktif */
#armMenu.arm-canvas *{
  pointer-events: auto;
}
/* =========================================================
   QUICK SEARCH — HARD FIX (load LAST)
   Amaç: scrim'in tıklamayı yemesini bitirmek + pus/blur'ı kesmek
   ========================================================= */

/* Kilit sadece scroll kilitlesin; blur/filter varsa da iptal edelim */
html.qs-lock,
body.qs-lock{
  overflow: hidden !important;
  touch-action: none;
  overscroll-behavior: none;
}

/* Eğer başka bir yerde qs-lock ile blur/filter verildiyse, overlay dahil her şeyi puslatır.
   Bu yüzden burada özellikle iptal ediyoruz. */
html.qs-lock,
body.qs-lock,
body.qs-lock #main-content{
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Overlay kök */
#qs-live{
  display:none;
  position:fixed;
  inset:0;
  z-index: 2000; /* offcanvas/backdrop/nav üstü */
  background: transparent !important;
}
#qs-live.active{ display:block; }

/* Scrim (arka karartma) */
#qs-live .scrim{
  position:absolute;
  inset:0;
  z-index: 1;
  background: var(--qs-overlay-scrim, rgba(15,23,42,.45));
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* PANEL: scrim'in ÜSTÜNDE olmalı; tıklama garanti */
#qs-live .panel{
  position: relative;   /* z-index çalışsın */
  z-index: 2;
  pointer-events: auto;

  /* Görünüm / yerleşim */
  width: min(980px, calc(100vw - 24px));
  margin: max(12px, env(safe-area-inset-top)) auto;
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  border: 1px solid var(--qs-border, #e7ecf5);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(2,6,23,.28);

  background: var(--qs-card, #fff);
}

/* Head sabit kalsın */
#qs-live .head{
  position: sticky;
  top: 0;
  z-index: 3;

  display:flex;
  align-items:center;
  gap:10px;

  padding: 10px;
  background: linear-gradient(180deg,var(--qs-header-grad-start, rgba(255,255,255,.98)), var(--qs-header-grad-end, rgba(255,255,255,.94)));
  border-bottom:1px solid var(--qs-border, #e7ecf5);
}

/* Input/Buton net ve tıklanabilir */
#qs-live .head input{
  flex: 1;
  height: 42px;
  border-radius: 12px;
  padding: 0 12px;

  background: var(--qs-input-bg,#fff) !important;
  border: 1px solid var(--qs-border,#e7ecf5) !important;
  color: var(--qs-text,#0f172a) !important;
}
#qs-live .head .btn-s{
  height: 42px;
  border-radius: 12px;
  padding: 0 14px;
  cursor: pointer;

  background: var(--qs-btn-bg, linear-gradient(180deg,#fff,#fbfbfe)) !important;
  border: 1px solid var(--qs-border,#e7ecf5) !important;
  color: var(--qs-text,#0f172a) !important;

  position: relative;
  z-index: 4; /* ekstra garanti */
}

/* Liste kaydırma */
#qs-live .list{
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: transparent;
}

/* Sonuç satırı net olsun (senin mevcut row css’in yoksa da çalışsın) */
#qs-live .row{
  display: grid;
  grid-template-columns: 60px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  text-decoration: none;
}

/* Mobilde panel tam ekran gibi davransın */
@media (max-width: 576px){
  #qs-live .panel{
    width: 100vw;
    margin: 0;
    max-height: 100dvh;
    border-radius: 0;
  }
}
/* =========================================================
   NAVBAR JITTER FIX (MOBİL)
   Not: Bazı cihazlarda (özellikle iOS Safari) sticky+blur ve fixed background birleşince titreme yapabilir.
   Bu blok mobilde blur'ı kapatır ve navbar'ı stabil bir compositing layer'a taşır.
   ========================================================= */
@media (max-width: 991.98px){
  body{ background-attachment: scroll !important; }

  .arm-nav{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(255,255,255,.94) !important;

    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    backface-visibility: hidden;
    will-change: transform;
  }

  /* Offcanvas kapalıyken blur kapalı kalsın (performans) */
  #armMenu.arm-canvas.offcanvas:not(.show):not(.showing){
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}