/* Site efektleri (sahip 04.10): açılış animasyonu, sayfa geçiş yükleyicisi, yukarı çık düğmesi.
   Sınıflar: html.intro-on (açılış oynuyor), html.intro-out (zemin açılıyor, logo navbara uçuyor),
   html.pl-on (yükleyici görünür). Betik: /assets/js/site-fx.js + <head>'deki satır içi betik. */

/* ================= 1) Açılış: ışık logoyu aydınlatır ================= */
#pamir-intro { display: none; }
html.intro-on { overflow: hidden; }
html.intro-on #pamir-intro {
  position: fixed; inset: 0; z-index: 3000;
  display: block;
  background: #050505;
  overflow: hidden;
  transition: background-color 1s cubic-bezier(.6, 0, .2, 1);
}
/* Armatür: üstte ince bir lineer ışık, LED gibi kırpışarak yanar */
#pamir-intro .pi-lamp {
  position: absolute; left: 50%; top: 13vh;
  width: min(260px, 46vw); height: 3px;
  margin-left: calc(min(260px, 46vw) / -2);
  border-radius: 3px;
  background: #fff6de;
  box-shadow: 0 0 14px 2px rgba(255, 240, 205, .9), 0 0 60px 12px rgba(255, 226, 166, .45);
  opacity: 0;
  animation: pi-flicker 1.5s .35s linear forwards;
}
/* Işık hüzmesi: armatürden aşağı açılan yumuşak koni */
#pamir-intro .pi-beam {
  position: absolute; left: 50%; top: 13vh;
  width: min(980px, 170vw); height: 74vh;
  margin-left: calc(min(980px, 170vw) / -2);
  background: linear-gradient(180deg, rgba(255, 243, 214, .5) 0%, rgba(255, 243, 214, .16) 38%, rgba(255, 243, 214, 0) 82%);
  -webkit-clip-path: polygon(37% 0, 63% 0, 100% 100%, 0 100%);
          clip-path: polygon(37% 0, 63% 0, 100% 100%, 0 100%);
  filter: blur(22px);
  opacity: 0;
  animation: pi-flicker 1.5s .35s linear forwards;
}
/* Logonun çevresindeki ışık havuzu */
#pamir-intro .pi-pool {
  position: absolute; left: 50%; top: 50%;
  width: min(760px, 130vw); height: min(420px, 60vh);
  transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(255, 238, 200, .2), rgba(255, 238, 200, .06) 55%, rgba(255, 238, 200, 0) 100%);
  opacity: 0;
  animation: pi-flicker 1.5s .35s linear forwards;
}
#pamir-intro .pi-logo {
  position: absolute; left: 50%; top: 50%;
  width: min(460px, 70vw);
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}
/* Net katman: satır içi SVG (vektör), filtre yok -> her çözünürlükte keskin */
#pamir-intro .pi-logo svg { display: block; width: 100%; height: auto; overflow: visible; shape-rendering: geometricPrecision; }
#pamir-intro .pi-logo-art svg path,
#pamir-intro .pi-logo-art svg rect {
  fill: #131313;
  animation: pi-lit 1.5s .35s linear forwards;
}
/* Parıltı katmanı: aynı logonun bulanık kopyası, net katmanın arkasında */
#pamir-intro .pi-logo-glow { position: absolute; inset: 0; filter: blur(16px); opacity: 0; animation: pi-glow 1.5s .35s linear forwards; }
#pamir-intro .pi-logo-glow svg path,
#pamir-intro .pi-logo-glow svg rect { fill: #ffe9b8; }
#pamir-intro .pi-logo-art { position: relative; }

/* Kırpışarak yanma: iki kısa parlama, sonra sabit ışık */
@keyframes pi-flicker {
  0% { opacity: 0; } 6% { opacity: .75; } 11% { opacity: .08; } 19% { opacity: .9; } 25% { opacity: .22; }
  36% { opacity: .82; } 60%, 100% { opacity: 1; }
}
@keyframes pi-lit {
  0% { fill: #131313; } 6% { fill: #cfcfcf; } 11% { fill: #1d1d1d; } 19% { fill: #ededed; } 25% { fill: #3a3a3a; }
  36% { fill: #e2e2e2; } 60%, 100% { fill: #fff; }
}
@keyframes pi-glow { 0%, 30% { opacity: 0; } 60%, 100% { opacity: .5; } }

/* Çıkış: zemin saydamlaşır, ışık söner, logo navbardaki yerine uçar (JS transform verir) */
html.intro-out #pamir-intro { background-color: rgba(5, 5, 5, 0); pointer-events: none; }
html.intro-out #pamir-intro .pi-lamp,
html.intro-out #pamir-intro .pi-beam,
html.intro-out #pamir-intro .pi-pool { animation: none; opacity: 0; transition: opacity .6s ease; }
html.intro-out #pamir-intro .pi-logo { transition: transform 1s cubic-bezier(.65, 0, .2, 1), opacity .5s ease .55s; }
html.intro-out #pamir-intro .pi-logo-glow { animation: none; opacity: 0; transition: opacity .5s ease; }
html.intro-out #pamir-intro .pi-logo-art svg path,
html.intro-out #pamir-intro .pi-logo-art svg rect { animation: none; fill: #fff; }
html.intro-out #pamir-intro .pi-logo.pi-fade { opacity: 0; transition: opacity .6s ease; }

/* Açılış sürerken navbar gizli; çıkışta menü yumuşakça gelir, logo uçan logodan devralır */
/* Yalnız masaüstü (≥1200px). Mobilde menü hamburgerde olduğu için sıralı geliş yok: navbar (logo + hamburger) hazır
   bekler, siyah zemin açılırken sayfayla birlikte görünür (sahip 04.10: logo 2-3 sn geç geliyordu). */
@media (min-width: 1200px) {
  html.intro-on .navbar .navbar-brand img { opacity: 0; }
  html.intro-on .navbar { background-color: transparent !important; box-shadow: none !important; }
}
/* Açılış bitince navbar öğeleri sırayla, yukarıdan süzülerek gelir (her öğe 0,95 sn; öğeler arası 0,11 sn; toplam ~2 sn) */
html.intro-on .navbar .navbar-nav > li { opacity: 0; transform: translateY(-46px); }
html.intro-on.intro-out .navbar .navbar-nav > li {
  opacity: 1; transform: none;
  transition: opacity .7s ease, transform .95s cubic-bezier(.16, .84, .3, 1);
  transition-delay: calc(.25s + var(--pi-i, 0) * .11s);
}
html.intro-on .navbar .navbar-nav > li:nth-child(1) { --pi-i: 0; }
html.intro-on .navbar .navbar-nav > li:nth-child(2) { --pi-i: 1; }
html.intro-on .navbar .navbar-nav > li:nth-child(3) { --pi-i: 2; }
html.intro-on .navbar .navbar-nav > li:nth-child(4) { --pi-i: 3; }
html.intro-on .navbar .navbar-nav > li:nth-child(5) { --pi-i: 4; }
html.intro-on .navbar .navbar-nav > li:nth-child(6) { --pi-i: 5; }
html.intro-on .navbar .navbar-nav > li:nth-child(7) { --pi-i: 6; }
html.intro-on .navbar .navbar-nav > li:nth-child(8) { --pi-i: 7; }
html.intro-on .navbar .navbar-nav > li:nth-child(9) { --pi-i: 8; }
html.intro-on .navbar .navbar-nav > li:nth-child(n+10) { --pi-i: 9; }
html.intro-on #pamir-cookie { visibility: hidden; }

/* ================= 2) Sayfa geçiş yükleyicisi ================= */
#pamir-loader {
  position: fixed; inset: 0; z-index: 2900;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .28s ease, visibility 0s linear .28s;
}
html.pl-on #pamir-loader { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .2s ease, visibility 0s; }
#pamir-loader .pl-box { position: relative; width: min(220px, 56vw); height: min(220px, 56vw); display: flex; align-items: center; justify-content: center; }
#pamir-loader .pl-ring {
  position: absolute; inset: 0;
  border-radius: 50%;
  border: 3px solid rgba(41, 41, 41, .1);
  border-top-color: #AE0013;
  animation: pl-spin .85s linear infinite;
}
#pamir-loader .pl-mark { width: min(112px, 28vw); height: auto; /* 4 kat (sahip 04.10) */ fill: #838f94; animation: pl-pulse 1.7s ease-in-out infinite; }
@keyframes pl-spin { to { transform: rotate(360deg); } }
@keyframes pl-pulse { 0%, 100% { opacity: .55; transform: scale(.94); } 50% { opacity: 1; transform: scale(1); } }

/* ================= 3) Yukarı çık düğmesi ================= */
#pamir-top {
  position: fixed; right: 22px; bottom: calc(22px + var(--pamir-top-shift, 0px)); z-index: 1070;
  width: 42px; height: 42px;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
  border: 1px solid rgba(41, 41, 41, .16);
  border-radius: 50%;
  background: rgba(255, 255, 255, .86);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: #292929;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
  cursor: pointer;
  opacity: 0; transform: translateY(10px); pointer-events: none;
  transition: opacity .3s ease, transform .3s ease, color .2s ease, border-color .2s ease, bottom .3s ease;
}
#pamir-top[hidden] { display: flex; }
#pamir-top.is-on { opacity: 1; transform: none; pointer-events: auto; }
#pamir-top:hover { color: #AE0013; border-color: #AE0013; transform: translateY(-2px); }
#pamir-top:focus-visible { outline: 2px solid #AE0013; outline-offset: 3px; }
html[dir="rtl"] #pamir-top { right: auto; left: 22px; }
@media (max-width: 599px) { #pamir-top { right: 14px; width: 38px; height: 38px; } html[dir="rtl"] #pamir-top { left: 14px; } }

@media (prefers-reduced-motion: reduce) {
  #pamir-loader .pl-ring { animation-duration: 1.6s; }
  #pamir-loader .pl-mark { animation: none; }
  #pamir-top { transition: opacity .2s ease; }
}

/* ================= 4) Kaydırma çubuğu: ince, marka kırmızısı (sahip 04.10) ================= */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 0; }
::-webkit-scrollbar-thumb { background: #AE0013; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #c8001a; }
/* Firefox (::-webkit-scrollbar desteklemez) */
@supports not selector(::-webkit-scrollbar) { html { scrollbar-width: thin; scrollbar-color: #AE0013 #f1f1f1; } }