/* Ortak üst kayan bant + sticky header yığını (4 tema) — offcanvas ile birlikte kayar */
:root {
  --falcon-ticker-h: 40px;
}

@keyframes falcon-store-ticker-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Chrome kayar; sticky yalnız menü şeridine uygulanır (.falcon-sticky-nav / tema hedefleri)
   ÖNEMLİ: chrome z-index > sticky — aksi halde TopBar (BİLGİ/dil) dropdown’ları
   sticky menünün altında kalır (stacking context). */
.falcon-store-chrome {
  position: relative;
  z-index: 1080;
  width: 100%;
  background: #fff;
  overflow: visible !important;
}

/* Chrome içindeyken sticky şerit TopBar/arama dropdown’unu ezmesin (promote öncesi / FOUC) */
.falcon-store-chrome .falcon-sticky-nav,
.falcon-store-chrome .megamenu-section,
.falcon-store-chrome .studio-nav,
.falcon-store-chrome .elite-nav-bar,
.falcon-store-chrome .vitrin-navstrip {
  z-index: 1 !important;
}

/* Sticky ana menü — chrome’dan düşük; sayfa içeriğinden yüksek */
body:not(.theme-elite):not(.theme-studio):not(.theme-vitrin) .megamenu-section,
body:not(.theme-elite):not(.theme-studio):not(.theme-vitrin) .megamenu-section.falcon-sticky-nav {
  position: sticky;
  top: 0;
  z-index: 1040;
  background: var(--navbar-bg, var(--bs-body-bg, #fff));
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  overflow: visible !important;
}

body:not(.theme-elite):not(.theme-studio):not(.theme-vitrin) .megamenu-section .navbar,
body:not(.theme-elite):not(.theme-studio):not(.theme-vitrin) .megamenu-container {
  overflow: visible !important;
}

/* Studio: yalnız alt menü şeridi (chrome dışında) */
body.theme-studio .studio-nav.falcon-sticky-nav,
body.theme-studio .studio-nav {
  position: sticky;
  top: 0;
  z-index: 1040;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(12px) saturate(1.15);
  -webkit-backdrop-filter: blur(12px) saturate(1.15);
  border-bottom: 1px solid rgba(18, 18, 18, 0.08);
  box-shadow: 0 6px 18px rgba(18, 18, 18, 0.04);
  overflow: visible !important;
}

/* Elite: yalnız menü şeridi (logo/arama kayar) */
body.theme-elite .elite-nav-bar.falcon-sticky-nav,
body.theme-elite .elite-nav-bar {
  position: sticky;
  top: 0;
  z-index: 1040;
  width: 100%;
  background: var(--elite-maroon, var(--primary, #a61d37));
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  overflow: visible !important;
}

/* Vitrin: yalnız navstrip */
body.theme-vitrin .vitrin-navstrip#vitrin-sticky-nav,
body.theme-vitrin .vitrin-navstrip {
  position: sticky;
  top: 0;
  z-index: 1040;
  overflow: visible !important;
}

.falcon-store-ticker {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--falcon-ticker-bg, #1e3a5f);
  color: var(--falcon-ticker-fg, #fff);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2;
  height: var(--falcon-ticker-h, 40px);
  max-height: var(--falcon-ticker-h, 40px);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: max-height 0.22s ease, opacity 0.22s ease, height 0.22s ease;
}

.falcon-store-ticker[hidden],
.falcon-store-ticker[data-ticker-off="1"],
body.falcon-no-ticker .falcon-store-ticker,
body.vitrin-no-ticker .falcon-store-ticker {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
}

body.has-falcon-ticker:not(.falcon-no-ticker):not(.vitrin-no-ticker) {
  --falcon-ticker-h: 40px;
}

body.falcon-ticker-collapsed .falcon-store-ticker {
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

.falcon-store-ticker__track {
  width: 100%;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
}

.falcon-store-ticker__content {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  height: 100%;
  gap: 0;
  padding: 0 1.5rem;
  animation: falcon-store-ticker-scroll 45s linear infinite;
  will-change: transform;
}

/* Sabit (kayan değil) üst bant */
.falcon-store-ticker--static,
body.falcon-ticker-static .falcon-store-ticker {
  height: auto;
  max-height: none;
  min-height: var(--falcon-ticker-h, 40px);
  padding: 0.35rem 0;
}
.falcon-store-ticker--static .falcon-store-ticker__track,
body.falcon-ticker-static .falcon-store-ticker__track {
  overflow: visible;
  justify-content: center;
}
.falcon-store-ticker--static .falcon-store-ticker__content,
body.falcon-ticker-static .falcon-store-ticker__content {
  animation: none !important;
  transform: none !important;
  will-change: auto;
  white-space: normal;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  row-gap: 0.35rem;
}
.falcon-store-ticker--static .falcon-store-ticker__content > p,
body.falcon-ticker-static .falcon-store-ticker__content > p {
  white-space: normal;
  flex-wrap: wrap;
  justify-content: center;
}

/* TinyMCE <p> sarmalayıcısı — flex çocuğu gibi davran */
.falcon-store-ticker__content > p {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0;
  white-space: nowrap;
}

.falcon-store-ticker__content .falcon-ticker-item,
.falcon-store-ticker__content > span,
.falcon-store-ticker__content > a,
.falcon-store-ticker__content > p > span,
.falcon-store-ticker__content > p > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  color: inherit !important;
  text-decoration: none !important;
  padding: 0 1.75rem;
  margin: 0;
  font-weight: 600;
  line-height: 1;
  vertical-align: middle;
  position: relative;
}

/* Öğeler arası ayırıcı nokta */
.falcon-store-ticker__content .falcon-ticker-item + .falcon-ticker-item::before,
.falcon-store-ticker__content > span + span::before,
.falcon-store-ticker__content > a + a::before,
.falcon-store-ticker__content > p > span + span::before,
.falcon-store-ticker__content > p > a + a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  transform: translate(-50%, -50%);
}

.falcon-store-ticker__content i,
.falcon-store-ticker__content .fa,
.falcon-store-ticker__content .fas,
.falcon-store-ticker__content .far,
.falcon-store-ticker__content .fab {
  color: inherit !important;
  opacity: 0.92;
  font-size: 0.95em;
  min-width: 1.1em;
  text-align: center;
  line-height: 1;
}

/* FA ikon içindeki ? / boşluk gizle */
.falcon-store-ticker__content i {
  font-style: normal;
  speak: never;
}
.falcon-store-ticker__content i::before {
  display: inline-block;
}

.falcon-store-ticker:hover .falcon-store-ticker__content {
  animation-play-state: paused;
}

/* Offcanvas açıkken sticky menü tıklanmasın */
body.canvas-blocking .megamenu-section.falcon-sticky-nav,
body.canvas-blocking > .falcon-sticky-nav,
body.canvas-blocking > .megamenu-section {
  pointer-events: none !important;
}

/* overflow-x:hidden → overflow-y auto olur; sticky + dropdown kesilir */
body.has-sticky-content #page,
#page:has(> .falcon-store-chrome) {
  overflow: visible !important;
}

.falcon-store-chrome .vitrin-header,
.falcon-store-chrome .elite-header,
.falcon-store-chrome .studio-header,
.falcon-store-chrome > header#header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: 2;
  overflow: visible !important;
}

.falcon-store-header-spacer {
  display: none !important;
  height: 0 !important;
}

body.theme-vitrin .falcon-store-ticker {
  background: var(--vitrin-navy, var(--primary, #0a3d5c));
}

body.theme-elite .falcon-store-ticker {
  background: var(--elite-maroon, var(--primary, #a61d37));
}

body.theme-studio .falcon-store-ticker {
  background: var(--studio-ink, #111);
  color: #f5f5f5;
}

@media (max-width: 576px) {
  :root,
  body.has-falcon-ticker:not(.falcon-no-ticker):not(.vitrin-no-ticker) {
    --falcon-ticker-h: 34px;
  }
  .falcon-store-ticker {
    font-size: 0.7rem;
  }
  .falcon-store-ticker__content .falcon-ticker-item,
  .falcon-store-ticker__content > span,
  .falcon-store-ticker__content > a,
  .falcon-store-ticker__content > p > span,
  .falcon-store-ticker__content > p > a {
    padding: 0 1.15rem;
  }
}

#pswp.pswp,
.pswp {
  z-index: 200000 !important;
}

body.pswp-open .falcon-store-chrome,
html.pswp-open .falcon-store-chrome,
body.pswp-open .falcon-store-chrome .vitrin-header,
body.pswp-open .falcon-store-chrome .elite-header,
body.pswp-open .falcon-store-chrome .studio-header,
body.pswp-open .falcon-store-chrome > header#header,
body.pswp-open .menubar-section,
html.pswp-open .menubar-section {
  z-index: 0 !important;
  pointer-events: none !important;
}