/*
 * En Baba Organizasyon — Ortak Hizmet Navigasyonu V3
 * İnce / zarif görünüm + akıcı mobil rail. 48px dokunma alanı korunur;
 * görünen aktif yüzey kısa, yatay swipe ise proximity snap ile doğal kalır.
 */

:where(
  .bando-nav,
  .sx-jump,
  .ikram-store__nav,
  .acilis-jump,
  .sunnet-jump,
  .ss-store-nav,
  .palyaco-intent-jump
) {
  --enb-local-nav-accent: #7c3aed;
  --enb-local-nav-accent-strong: #5b21b6;
  --enb-local-nav-soft: #f5f3ff;
  --enb-local-nav-ink: #475467;
  --enb-local-nav-height: 46px;
  position: sticky !important;
  top: var(--enb-service-nav-top, var(--enbHeaderH, 72px)) !important;
  z-index: 70 !important;
  width: 100%;
  border-top: 1px solid rgba(148, 163, 184, .07) !important;
  border-bottom: 1px solid rgba(15, 23, 42, .07) !important;
  background: rgba(255, 255, 255, .945) !important;
  box-shadow: 0 4px 14px rgba(8, 17, 31, .032) !important;
  -webkit-backdrop-filter: blur(15px) saturate(1.12) !important;
  backdrop-filter: blur(15px) saturate(1.12) !important;
  transition: top 420ms cubic-bezier(.22,1,.36,1), box-shadow .2s ease, background-color .2s ease !important;
}

.bando-nav {
  --enb-local-nav-accent: var(--bando-red, #d71932);
  --enb-local-nav-accent-strong: var(--bando-red-dark, #a80f24);
  --enb-local-nav-soft: #fff0f2;
}
.sx-jump {
  --enb-local-nav-accent: var(--sx-primary, #7c3aed);
  --enb-local-nav-accent-strong: var(--sx-primary, #6d28d9);
  --enb-local-nav-soft: color-mix(in srgb, var(--sx-soft, #f5f3ff) 82%, #fff);
}
.ikram-store__nav {
  --enb-local-nav-accent: var(--store-accent, #f97316);
  --enb-local-nav-accent-strong: var(--store-accent-strong, #c2410c);
  --enb-local-nav-soft: var(--store-accent-soft, #fff7ed);
}
.acilis-jump {
  --enb-local-nav-accent: var(--acilis-amber, #f6a900);
  --enb-local-nav-accent-strong: #713d00;
  --enb-local-nav-soft: #fff6df;
}
.sunnet-jump {
  --enb-local-nav-accent: var(--sunnet-gold, #efb727);
  --enb-local-nav-accent-strong: var(--sunnet-gold-dark, #9b6510);
  --enb-local-nav-soft: #fff6df;
}
.ss-store-nav {
  --enb-local-nav-accent: var(--ss-cyan, #2dd4bf);
  --enb-local-nav-accent-strong: var(--ss-cyan-deep, #0f766e);
  --enb-local-nav-soft: #ecfdf8;
}
.palyaco-intent-jump {
  --enb-local-nav-accent: var(--pi-purple, #7c3aed);
  --enb-local-nav-accent-strong: #6d28d9;
  --enb-local-nav-soft: #f5f3ff;
}

:where(
  .bando-nav__inner,
  .sx-jump__track,
  .ikram-store__nav-inner,
  .acilis-jump__track,
  .sunnet-jump__track,
  .ss-store-nav__inner,
  .palyaco-intent-jump .palyaco-intent-wrap
) {
  box-sizing: border-box !important;
  min-height: var(--enb-local-nav-height) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: safe center !important;
  gap: 5px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-inline: contain;
  scrollbar-width: none !important;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
  padding-block: 2px !important;
}

:where(
  .bando-nav__inner,
  .sx-jump__track,
  .ikram-store__nav-inner,
  .acilis-jump__track,
  .sunnet-jump__track,
  .ss-store-nav__inner,
  .palyaco-intent-jump .palyaco-intent-wrap
)::-webkit-scrollbar { display: none !important; }

:where(
  .bando-nav,
  .sx-jump,
  .ikram-store__nav,
  .acilis-jump,
  .sunnet-jump,
  .ss-store-nav,
  .palyaco-intent-jump
) a[href^="#"] {
  position: relative;
  isolation: isolate;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--enb-local-nav-ink) !important;
  font-size: 11.75px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: -.008em;
  text-decoration: none !important;
  white-space: nowrap !important;
  scroll-snap-align: center;
  scroll-snap-stop: normal;
  box-shadow: none !important;
  transform: none !important;
  transition: color .18s ease, transform .18s ease !important;
}

/* Görsel yüzey tıklama alanından bağımsızdır: hit-area büyük, kart görünümü incedir. */
:where(
  .bando-nav,
  .sx-jump,
  .ikram-store__nav,
  .acilis-jump,
  .sunnet-jump,
  .ss-store-nav,
  .palyaco-intent-jump
) a[href^="#"]::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 4px 0;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

:where(
  .bando-nav,
  .sx-jump,
  .ikram-store__nav,
  .acilis-jump,
  .sunnet-jump,
  .ss-store-nav,
  .palyaco-intent-jump
) a[href^="#"] :where(.sx-jump__emoji, .sunnet-jump__icon, [aria-hidden="true"]) {
  font-size: 13px !important;
  line-height: 1 !important;
}

/* Service Experience ikon kutusunu da incelt; diğer ikon tiplerine ölçü dayatma. */
.sx-jump .sx-jump__emoji {
  box-sizing: border-box !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 7px !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--enb-local-nav-accent) 10%, transparent) !important;
}

@media (hover:hover) and (pointer:fine) {
  :where(
    .bando-nav,
    .sx-jump,
    .ikram-store__nav,
    .acilis-jump,
    .sunnet-jump,
    .ss-store-nav,
    .palyaco-intent-jump
  ) a[href^="#"]:hover {
    color: var(--enb-local-nav-accent-strong) !important;
    transform: translateY(-1px) !important;
  }

  :where(
    .bando-nav,
    .sx-jump,
    .ikram-store__nav,
    .acilis-jump,
    .sunnet-jump,
    .ss-store-nav,
    .palyaco-intent-jump
  ) a[href^="#"]:hover::before {
    background: color-mix(in srgb, var(--enb-local-nav-soft) 72%, transparent) !important;
    border-color: color-mix(in srgb, var(--enb-local-nav-accent) 13%, transparent) !important;
  }
}

/* Tek görsel aktif durum: ortak runtime aria-current üzerinden karar verir. */
:where(
  .bando-nav,
  .sx-jump,
  .ikram-store__nav,
  .acilis-jump,
  .sunnet-jump,
  .ss-store-nav,
  .palyaco-intent-jump
) a[href^="#"][aria-current="location"] {
  color: var(--enb-local-nav-accent-strong) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

:where(
  .bando-nav,
  .sx-jump,
  .ikram-store__nav,
  .acilis-jump,
  .sunnet-jump,
  .ss-store-nav,
  .palyaco-intent-jump
) a[href^="#"][aria-current="location"]::before {
  background: color-mix(in srgb, var(--enb-local-nav-soft) 76%, #fff) !important;
  border-color: color-mix(in srgb, var(--enb-local-nav-accent) 16%, transparent) !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--enb-local-nav-accent) 6%, transparent) !important;
}

:where(
  .bando-nav,
  .sx-jump,
  .ikram-store__nav,
  .acilis-jump,
  .sunnet-jump,
  .ss-store-nav,
  .palyaco-intent-jump
) a[href^="#"][aria-current="location"]::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 14px;
  height: 1.5px;
  border-radius: 999px;
  background: var(--enb-local-nav-accent);
  transform: translateX(-50%);
  opacity: .64;
}

/* Eski sayfa observer'ları yanlış anda yalnız is-active değiştirirse ikinci aktif görünüm oluşmasın. */
:where(
  .bando-nav,
  .sx-jump,
  .ikram-store__nav,
  .acilis-jump,
  .sunnet-jump,
  .ss-store-nav,
  .palyaco-intent-jump
) a[href^="#"].is-active:not([aria-current="location"]) {
  color: var(--enb-local-nav-ink) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

:where(
  .bando-nav,
  .sx-jump,
  .ikram-store__nav,
  .acilis-jump,
  .sunnet-jump,
  .ss-store-nav,
  .palyaco-intent-jump
) a[href^="#"].is-active:not([aria-current="location"])::before {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* İkram/Ses navigasyonundaki gerçek ticari CTA görsel hiyerarşisini korur. */
.ikram-store__nav .ikram-store__nav-cta,
.ss-store-nav .ss-store-nav__cart {
  color: #fff !important;
  background: var(--enb-local-nav-accent-strong) !important;
  border-color: transparent !important;
  border-radius: 11px !important;
}
.ikram-store__nav .ikram-store__nav-cta::before,
.ss-store-nav .ss-store-nav__cart::before {
  display: none !important;
}
.ikram-store__nav .ikram-store__nav-cta[aria-current="location"],
.ss-store-nav .ss-store-nav__cart[aria-current="location"] {
  color: #fff !important;
  background: var(--enb-local-nav-accent-strong) !important;
}

@media (max-width: 767px) {
  :where(
    .bando-nav,
    .sx-jump,
    .ikram-store__nav,
    .acilis-jump,
    .sunnet-jump,
    .ss-store-nav,
    .palyaco-intent-jump
  ) {
    --enb-local-nav-height: 50px;
    -webkit-backdrop-filter: blur(13px) saturate(1.08) !important;
    backdrop-filter: blur(13px) saturate(1.08) !important;
    box-shadow: 0 3px 12px rgba(8, 17, 31, .028) !important;
  }

  :where(
    .bando-nav__inner,
    .sx-jump__track,
    .ikram-store__nav-inner,
    .acilis-jump__track,
    .sunnet-jump__track,
    .ss-store-nav__inner,
    .palyaco-intent-jump .palyaco-intent-wrap
  ) {
    justify-content: flex-start !important;
    gap: 2px !important;
    padding-block: 1px !important;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 10px;
  }

  :where(
    .bando-nav,
    .sx-jump,
    .ikram-store__nav,
    .acilis-jump,
    .sunnet-jump,
    .ss-store-nav,
    .palyaco-intent-jump
  ) a[href^="#"] {
    /* 48px gerçek dokunma hedefi; padding artık bu yüksekliğe eklenmez. */
    box-sizing: border-box !important;
    min-height: 48px !important;
    padding: 0 9px !important;
    gap: 5px !important;
    font-size: 11.25px !important;
    font-weight: 740 !important;
    scroll-snap-stop: normal;
  }

  :where(
    .bando-nav,
    .sx-jump,
    .ikram-store__nav,
    .acilis-jump,
    .sunnet-jump,
    .ss-store-nav,
    .palyaco-intent-jump
  ) a[href^="#"]::before {
    /* Görünen kart 34px; linkin dokunma alanı 48px kalır. */
    inset: 7px 0;
    border-radius: 10px;
  }

  .sx-jump .sx-jump__emoji {
    flex-basis: 22px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
  }

  :where(
    .bando-nav,
    .sx-jump,
    .ikram-store__nav,
    .acilis-jump,
    .sunnet-jump,
    .ss-store-nav,
    .palyaco-intent-jump
  ) a[href^="#"][aria-current="location"]::after {
    bottom: 6px;
    width: 12px;
    height: 1px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(
    .bando-nav,
    .sx-jump,
    .ikram-store__nav,
    .acilis-jump,
    .sunnet-jump,
    .ss-store-nav,
    .palyaco-intent-jump
  ),
  :where(
    .bando-nav,
    .sx-jump,
    .ikram-store__nav,
    .acilis-jump,
    .sunnet-jump,
    .ss-store-nav,
    .palyaco-intent-jump
  ) a[href^="#"],
  :where(
    .bando-nav,
    .sx-jump,
    .ikram-store__nav,
    .acilis-jump,
    .sunnet-jump,
    .ss-store-nav,
    .palyaco-intent-jump
  ) a[href^="#"]::before {
    transition: none !important;
    scroll-behavior: auto !important;
  }
}