/* ==========================================================================
   loader.css — صفحه‌ی ورود (js/loader.js).

   اولِ ‎<head>‎ بار می‌شود تا لودر از همان اولین رنگ‌آمیزی سرِ جایش باشد.
   ‎--p‎ از ۰ تا ۱ پیشرفتِ واقعیِ بار است و همه‌ی خط‌ها از آن کشیده می‌شوند.
   ========================================================================== */

html.ld-on{overflow:hidden}

.loader{
  --p:0;
  position:fixed;inset:0;z-index:1000;
  color:#C9A063;
  font-family:'Vazirmatn',system-ui,sans-serif;
  pointer-events:auto;
}
.loader.is-fade{opacity:0;transition:opacity .25s ease}

.ld-pct{
  margin:0;font-size:.78rem;letter-spacing:.08em;color:#96907F;
  font-variant-numeric:tabular-nums;
}
.ld-pct b{color:#E3C795;font-weight:600;font-size:1.05rem}
.ld-word{margin:0;font-size:.62rem;letter-spacing:.3em;color:#7C6134}

/* ------------------------------------------------------------ ایگلو ---- */
.ld-igloo{--ld-s:2.6;background:transparent}
@media(max-width:600px){.ld-igloo{--ld-s:2}}
.ld-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.ld-veil{fill:#0B0906}
.ld-z{transform:scale(var(--ld-s))}
.ld-art path{
  fill:none;stroke:#C9A063;stroke-width:1.5px;stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--p));
}
.ld-art .ld-ground{stroke:#7C6134}
.ld-art .ld-star{stroke:#E3C795;stroke-width:1.2px;opacity:calc(var(--p) * 1.2 - .2)}
/* درِ ایگلو: تا آخر بسته (تیره)، و نورِ داخلش با پیشرفت روشن می‌شود. */
.ld-art .ld-door-shut{fill:#0B0906;stroke:none!important;transition:opacity .35s ease}
.ld-art .ld-door-glow{fill:url(#ldGlow);stroke:none!important;opacity:var(--p);transition:opacity .35s ease}
.ld-meta{
  position:absolute;left:0;right:0;top:calc(56% + 70px);
  display:grid;justify-items:center;gap:.35rem;text-align:center;
  transition:opacity .3s ease;
}
@media(max-width:600px){.ld-meta{top:calc(56% + 56px)}}
.ld-igloo.is-exit .ld-door-shut,
.ld-igloo.is-exit .ld-door-glow{opacity:0}
.ld-igloo.is-exit .ld-meta{opacity:0}
.ld-igloo.is-exit .ld-art path{transition:stroke-opacity .9s ease .2s;stroke-opacity:0}

/* ------------------------------------------------ نشانِ ایگاک (بقیه) --- */
.ld-mark{display:grid;place-items:center}
.ld-half{
  position:absolute;top:0;bottom:0;width:50.5%;background:#0B0906;
  transition:transform .85s cubic-bezier(.7,0,.2,1);
}
.ld-half.ld-a{left:0}
.ld-half.ld-b{right:0}
.ld-half.ld-a::after,.ld-half.ld-b::after{
  content:'';position:absolute;top:0;bottom:0;width:1px;
  background:linear-gradient(transparent,rgba(201,160,99,.35),transparent);
  opacity:var(--p);
}
.ld-half.ld-a::after{right:0}
.ld-half.ld-b::after{left:0}
.ld-center{position:relative;z-index:1;display:grid;justify-items:center;gap:1rem;
  transition:opacity .3s ease,transform .5s cubic-bezier(.7,0,.2,1)}
.ld-logo{width:min(46vw,190px);height:auto;overflow:visible}
.ld-logo use{
  fill:#C9A063;fill-opacity:calc((var(--p) - .82) * 5.5);
  stroke:#C9A063;stroke-width:3;
  stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--p));
}
.ld-mark.is-exit .ld-center{opacity:0;transform:scale(.92)}
.ld-mark.is-exit .ld-a{transform:translateX(-101%)}
.ld-mark.is-exit .ld-b{transform:translateX(101%)}

@media(prefers-reduced-motion:reduce){
  .ld-art path,.ld-logo use{stroke-dasharray:none}
}