/* VENDEVIX — ince mobil alt navigasyon (tüm sayfalar)
   Sticky bar + bnav tek şerit; safe-area yalnızca bnav padding’inde. */
:root{
  --vx-bnav-pad-y: 4px;
  --vx-bnav-inner: 44px;
  --vx-bnav-total: calc(var(--vx-bnav-pad-y) + var(--vx-bnav-inner) + var(--vx-bnav-pad-y) + env(safe-area-inset-bottom, 0px));
  --vx-sticky-pad-y: 10px;
}

html{
  background:#fff;
}

.vx-bnav{
  display:none;
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:280;
  background:#fff;
  border-top:1px solid var(--line,#E5E7EB);
  box-shadow:0 -4px 20px rgba(8,30,60,.1);
  padding:var(--vx-bnav-pad-y) 6px calc(var(--vx-bnav-pad-y) + env(safe-area-inset-bottom,0px));
  box-sizing:border-box;
}
.vx-bnav__in{
  display:flex;align-items:stretch;justify-content:space-around;
  max-width:var(--wrap,1240px);margin:0 auto;gap:2px;
  min-height:var(--vx-bnav-inner);
}
.vx-bnav__item{
  flex:1;min-width:0;max-width:88px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  padding:6px 4px;border:0;background:transparent;color:var(--muted,#6B7280);
  font-size:10px;font-weight:700;line-height:1.1;text-decoration:none;cursor:pointer;font-family:inherit;
  border-radius:10px;position:relative;
}
.vx-bnav__item svg{width:20px;height:20px;flex-shrink:0}
.vx-bnav__item.is-on{color:var(--blue,#0D6EFD);background:#EFF6FF}
.vx-bnav__badge{
  position:absolute;top:2px;right:calc(50% - 22px);
  min-width:16px;height:16px;padding:0 4px;border-radius:999px;
  background:#DC2626;color:#fff;font-size:9px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;line-height:1;
}

@media(max-width:960px){
  /* Tek kaynak: içerik nav yüksekliği kadar nefes alsın — fazla boşluk yok */
  body.has-vx-bnav{
    padding-bottom:var(--vx-bnav-total)!important;
  }
  .vx-bnav{display:block!important}
  body.page-theme-vendevix .bottom-nav{display:none!important}

  /* Varsayılan tema 90px / safe-area yığılmasını ez */
  body.has-vx-bnav.page-theme-vendevix,
  body.page-theme-vendevix.has-vx-bnav{
    padding-bottom:var(--vx-bnav-total)!important;
  }

  /* Sticky bar’lar bnav’ın tam üstüne oturur */
  body.has-vx-bnav .vx-sticky,
  body.has-vx-bnav .vx-co-sticky,
  body.has-vx-bnav .vx-sticky-buy{
    bottom:var(--vx-bnav-total)!important;
    padding-top:var(--vx-sticky-pad-y)!important;
    padding-bottom:var(--vx-sticky-pad-y)!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin:0;
    border-bottom:0;
    border-radius:0;
    z-index:270;
    box-sizing:border-box;
  }

  body.has-vx-bnav .vx-bnav{
    box-shadow:none;
  }

  body.has-vx-bnav .vx-toast,
  body.has-vx-bnav .toast{
    bottom:calc(var(--vx-bnav-total) + 8px);
  }

  /* Footer / ana içerik altındaki ekstra boşlukları kes */
  body.has-vx-bnav .vx-ft,
  body.has-vx-bnav .ft{
    margin-bottom:0!important;
  }
  body.has-vx-bnav .vx-cat{
    padding-bottom:12px!important;
  }
  body.has-vx-bnav .vx-cats-page{
    padding-bottom:12px!important;
  }
  body.has-vx-bnav main#main,
  body.has-vx-bnav main.vx-cat{
    margin-bottom:0;
  }

  /* Sticky + bnav birlikte — yalnızca o sayfalarda ekstra nefes */
  body.has-vx-bnav.page-product,
  body.has-vx-bnav.page-cart,
  body.has-vx-bnav.page-checkout{
    padding-bottom:calc(var(--vx-bnav-total) + 64px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .vx-bnav{backdrop-filter:none;-webkit-backdrop-filter:none}
}