/* IrsaChem — Minimal Blue Loading Screen: only a centered percentage */

#irsachemLoader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Vazirmatn", Vazirmatn, sans-serif;
  color: #fff;
  background: #000d28;
  transform: translateY(0);
  transition: transform 0.62s cubic-bezier(0.76, 0, 0.24, 1) 0.16s;
  will-change: transform;
}

#irsachemLoader.is-out {
  transform: translateY(101%);
  pointer-events: none;
}

.loader-pct {
  font-size: clamp(2.2rem, 7vw, 3.6rem);
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.06em;
  font-variant-numeric: tabular-nums;
  color: #fff;
  text-shadow: 0 6px 26px rgba(0, 13, 40, 0.30);
  transition:
    opacity 0.3s ease,
    transform 0.45s cubic-bezier(0.55, 0, 0.7, 0.3),
    filter 0.3s ease;
  will-change: opacity, transform;
}

#irsachemLoader.is-out .loader-pct {
  opacity: 0;
  transform: translateY(-18px) scale(1.04);
  filter: blur(6px);
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  #irsachemLoader { transition: opacity 0.3s ease; }
  #irsachemLoader.is-out { transform: none; opacity: 0; visibility: hidden; }
  .loader-pct { transition: none; }
}

/* fallback: اگر JS از کار افتاد، بعد از مدتی خودش محو شود */
#irsachemLoader.js-off { animation: loaderAutoHide 6s forwards; }
@keyframes loaderAutoHide { to { opacity: 0; visibility: hidden; } }