/* BHS_CART_POPUP_ABOVE_STICKY_MENU_V100 */

/*
 * Sabit kategori menüsü çok yüksek z-index kullandığı için mini sepet
 * popup'ı menünün arkasında kalıyordu. Header ana aksiyon satırını ayrı
 * ve daha yüksek bir stacking context'e alıyoruz.
 */
.bhs-layout-header .hf-main {
  position: relative !important;
  z-index: 2147482500 !important;
  overflow: visible !important;
}

.bhs-layout-header .hf-actions,
.bhs-layout-header .hf-cart-wrap,
.bhs-layout-header .hf-login-wrap {
  position: relative !important;
  z-index: 2147482600 !important;
  overflow: visible !important;
}

.bhs-layout-header .hf-mini-cart,
.bhs-layout-header .hf-login-popup {
  z-index: 2147483000 !important;
}

/*
 * Sabit pembe ana menü popup'ın altında kalır.
 * Menü yine sayfa içeriğinin üstünde çalışmaya devam eder.
 */
.bhs-sticky-main-menu.is-fixed,
.bhs-layout-header .hf-menu.bhs-sticky-main-menu.is-fixed {
  z-index: 2147481800 !important;
}

/* Popup açıkken gölge ve içerik herhangi bir header katmanında kırpılmasın. */
.bhs-layout-header,
.bhs-layout-header > *,
.bhs-layout-header .hf-main > * {
  overflow: visible;
}

@media (max-width: 768px) {
  /*
   * Mobilde popup kullanılmaya devam ederse alt navigasyonun da üzerinde
   * görünür. Mobil header yerleşimi veya genişlikleri değiştirilmez.
   */
  .bhs-layout-header .hf-mini-cart,
  .bhs-layout-header .hf-login-popup {
    z-index: 2147483000 !important;
  }
}