/* =====================================================================
   ASTRA PANEL — PJAX Yükleme Barı ve Sayfa Geçiş Animasyonları
   ===================================================================== */

/* Sayfa Üst Yükleme Çubuğu (Top Reading Progress Bar) */
#pjax-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 3px;
  background: linear-gradient(90deg, #33d017, #53fc18, #00f2fe);
  box-shadow: 0 0 10px rgba(51, 208, 23, 0.8), 0 0 5px rgba(83, 252, 24, 0.5);
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}

#pjax-progress-bar.is-loading {
  opacity: 1;
}

/* Container Sayfa Yumuşak Geçiş Animasyonları */
#pjax-container {
  transition: opacity 0.25s ease, transform 0.25s ease;
  will-change: opacity, transform;
}

#pjax-container.pjax-fade-out {
  opacity: 0;
  transform: translateY(6px);
}

#pjax-container.pjax-fade-in {
  animation: pjaxFadeIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes pjaxFadeIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}