/* [PERF-FIX] placeholder + fade-in لصور الأسئلة أثناء التحميل
   يمنع ظهور مكان فاضي لحظة تحميل صورة السؤال، ويدي إحساس أسرع
   لما تكون الصورة موجودة بالفعل في كاش الجلسة (_qImgLoadedCache). */

.q-img-wrap {
  position: relative;
  min-height: 56px;
}

.q-img-loading {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    var(--surface-alt, #eef0f3) 25%,
    var(--surface, #f6f7f9) 37%,
    var(--surface-alt, #eef0f3) 63%
  );
  background-size: 400% 100%;
  animation: q-img-shimmer 1.2s ease-in-out infinite;
  min-height: 120px;
}

@keyframes q-img-shimmer {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

.q-img-fading-in {
  animation: q-img-fade-in .25s ease both;
}

@keyframes q-img-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .q-img-loading { animation: none; }
  .q-img-fading-in { animation: none; }
}