/* لودینگ overlay — فقط صفحه اول */
#narges-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  opacity: 1;
  transition: opacity 0.5s ease-out;
  pointer-events: none;
}

#narges-loading-overlay.narges-loading-fade-out {
  opacity: 0;
  pointer-events: none;
}

#narges-loading-overlay .narges-loading-logo-wrap {
  width: min(85vw, 320px);
  height: auto;
  max-height: min(50vh, 280px);
}

#narges-loading-overlay .narges-loading-svg {
  width: 100%;
  height: auto;
  display: block;
}

/* حالت پیش‌فرض: stroke مخفی (با JS مقدار واقعی ست می‌شود) تا لوگو یک‌باره نمایش داده نشود.
   stroke-width متناسب با سایز لوگو (~180 در viewBox ~82638) تا با ضخامت ظاهری لوگوی fill یکسان باشد.
   fill با رنگ درست ولی fill-opacity: 0 تا در مرحلهٔ done با transition به‌آرامی ظاهر شود */
#narges-loading-overlay .narges-loading-svg path,
#narges-loading-overlay .narges-loading-svg polygon {
  stroke: #873E3F;
  stroke-opacity: 1;
  stroke-width: 180;
  fill-opacity: 0;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 99999;
  stroke-dashoffset: 99999;
  transition: stroke-dashoffset 0.01s linear, fill-opacity 1.2s cubic-bezier(0.33, 0, 0.2, 1), stroke-opacity 1.2s cubic-bezier(0.33, 0, 0.2, 1);
}
#narges-loading-overlay .narges-loading-svg .fil0,
#narges-loading-overlay .narges-loading-svg .fil1 { fill: #873E3F; }
#narges-loading-overlay .narges-loading-svg .fil2 { fill: #FEFEFE; }
#narges-loading-overlay .narges-loading-svg .fil3 { fill: #FEC335; }

/* done: لوگوی توخالی همان‌جا می‌ماند (stroke هنوز دیده می‌شود)، fill شفاف تا با fill-in هم‌زمان stroke کم‌رنگ و fill پر شود */
#narges-loading-overlay.narges-loading-done .narges-loading-svg path,
#narges-loading-overlay.narges-loading-done .narges-loading-svg polygon {
  fill-opacity: 0;
}
#narges-loading-overlay.narges-loading-done .narges-loading-svg .fil0,
#narges-loading-overlay.narges-loading-done .narges-loading-svg .fil1 { fill: #873E3F; }
#narges-loading-overlay.narges-loading-done .narges-loading-svg .fil2 { fill: #FEFEFE; }
#narges-loading-overlay.narges-loading-done .narges-loading-svg .fil3 { fill: #FEC335; }

/* بعد از تأخیر در JS: stroke و fill با هم transition — خط دور کم‌رنگ و رنگ داخل پر می‌شود (کراس‌فید) */
#narges-loading-overlay.narges-loading-done.narges-loading-fill-in .narges-loading-svg path,
#narges-loading-overlay.narges-loading-done.narges-loading-fill-in .narges-loading-svg polygon {
  stroke-opacity: 0;
  fill-opacity: 1;
}