/* ============================================================
   Bursa Kantar — Tailwind tamamlayıcı stiller
   (Sadece Tailwind ile kısıtlı olan durumlar: reveal, marquee,
    nav durumu, mobil menü, duotone, scrollbar)
   ============================================================ */

html { scroll-behavior: smooth; }
::selection { background: #c4f000; color: #0a0a0a; }

/* ---- Scroll reveal ---- */
[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1);
}
[data-reveal].in { opacity: 1; transform: none; }
[data-reveal][data-delay="1"] { transition-delay: .08s; }
[data-reveal][data-delay="2"] { transition-delay: .16s; }
[data-reveal][data-delay="3"] { transition-delay: .24s; }
[data-reveal][data-delay="4"] { transition-delay: .32s; }

/* ---- Nav durum (scroll) ---- */
#nav .nav-shell { transition: all .35s cubic-bezier(.22,1,.36,1); }
#nav.scrolled .nav-shell {
  background: rgba(10,10,10,.7);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 20px 50px -28px rgba(0,0,0,.8);
}

/* ---- Mobil menü ---- */
@media (max-width: 1023px) {
  #navLinks {
    position: fixed; inset: 0 0 0 auto; width: min(82vw, 360px);
    flex-direction: column; align-items: flex-start; justify-content: center;
    gap: 26px; padding: 0 40px;
    background: #101010;
    transform: translateX(100%);
    transition: transform .4s cubic-bezier(.22,1,.36,1);
    box-shadow: -30px 0 60px -30px rgba(0,0,0,.8);
    z-index: 60;
  }
  #navLinks.open { transform: translateX(0); }
}

/* ---- Marquee ---- */
.marquee-track {
  display: inline-flex;
  white-space: nowrap;
  animation: bk-scroll 34s linear infinite;
  will-change: transform;
}
.marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes bk-scroll { to { transform: translateX(-50%); } }

/* ---- Duotone görsel ---- */
.duo img { filter: grayscale(.5) contrast(1.08) brightness(.92); transition: filter .6s, transform .8s; }
.duo::after {
  content: ""; position: absolute; inset: 0;
  background: #c4f000; mix-blend-mode: color; opacity: .14; transition: opacity .6s;
  pointer-events: none;
}
.duo:hover img { filter: grayscale(0) contrast(1); transform: scale(1.05); }
.duo:hover::after { opacity: 0; }

/* ---- Yatay sektör scrollbar ---- */
.hscroll { scrollbar-width: thin; scrollbar-color: #c4f000 transparent; }
.hscroll::-webkit-scrollbar { height: 6px; }
.hscroll::-webkit-scrollbar-thumb { background: #c4f000; border-radius: 99px; }

/* ---- Stroke başlık ---- */
.text-stroke {
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(255,255,255,.28);
}

/* ---- Grid arka plan deseni ---- */
.grid-bg {
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 64px 64px;
}