/* transitions.css - انیمیشن ورود و خروج بین صفحات سایت Foneva */

@keyframes fonevaFadeIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

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

/* اجرای خودکار انیمیشن ورود روی محتوای هر صفحه به محض بارگذاری */
body {
  animation: fonevaFadeIn .5s cubic-bezier(.16,1,.3,1) both;
}

/* وقتی کاربر روی لینکی کلیک می‌کند تا به صفحه دیگری برود */
body.foneva-exiting {
  animation: fonevaFadeOut .2s cubic-bezier(.55,0,1,.45) both;
  pointer-events: none;
}

/* نوار پیشرفت باریک بالای صفحه، شبیه سایت‌های حرفه‌ای */
#fonevaProgressBar {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  width: 0%;
  background: linear-gradient(90deg, #d4af37, #f2e2a0, #d4af37, #f2e2a0);
  background-size: 200% 100%;
  animation: progressShimmer 1.2s linear infinite;
  z-index: 999999;
  opacity: 0;
  box-shadow: 0 0 12px rgba(212,175,55,.5), 0 0 30px rgba(212,175,55,.15);
  transition: width .35s cubic-bezier(.16,1,.3,1), opacity .25s ease;
}
#fonevaProgressBar.active {
  opacity: 1;
}
@keyframes progressShimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}