/* ./css/splash.css */
:root{
  /* سایز لوگو را از اینجا کنترل کن */
  --splash-size: clamp(120px, 24vmin, 220px);
  /* زمان‌ها */
  --pop-ms: 25000ms;  /* انیمیشن ورود لوگو */
  --float-ms: 24000ms; /* شناوری آرام */
}

/* Overlay تمام‌صفحه و وسط‌چین واقعی */
#splash {
  position: fixed;
  inset: 0;
  background: #fff;
  display: grid;
  place-items: center;   /* دقیقاً وسط صفحه */
  z-index: 9999;
  opacity: 1;
  transition: opacity .4s ease; /* محو شدن Overlay */
}
#splash.hidden {
  opacity: 0;
  pointer-events: none;
}

.splash-inner {
  display: grid;
  place-items: center;
  gap: 14px;
  text-align: center;
  padding: 24px;
}

.splash-logo {
  width: var(--splash-size);  /* سایز لوگو از متغیر بالا */
  height: auto;
  display: block;
  will-change: transform, opacity;
  /* انیمیشن: پاپ‌این + شناوری نرم */
  animation:
    splash-pop var(--pop-ms) ease both,
    splash-float var(--float-ms) ease-in-out var(--pop-ms) infinite alternate;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.07));
}

/* متن کوچیک زیر لوگو (اختیاری) */
.splash-dots {
  font: 500 12px/1 'DM Sans', ui-sans-serif, system-ui;
  color: #777;
  letter-spacing: 2px;
  animation: blink 1.1s infinite steps(1);
}

/* پاپ‌این */
@keyframes splash-pop {
  from { transform: scale(.86); opacity: 0; }
  60% { transform: scale(1.03); opacity: 1; }
  to { transform: scale(1); }
}
/* شناوری عمودی لطیف */
@keyframes splash-float {
  from { transform: translateY(0); }
  to   { transform: translateY(-10px); }
}
/* چشمک متن Loading */
@keyframes blink {
  0%{opacity:.2} 50%{opacity:1} 100%{opacity:.2}
}

/* استایل کشیده شدن خطوط برای svg داخل اسپلش */
.splash-draw svg {
  width: var(--splash-size);
  height: auto;
}

.splash-draw svg * {
  stroke: #111;        /* رنگ خط (عوض کن به رنگ برندت) */
  fill: none;          /* بدون فیل */
  stroke-width: 2;     /* ضخامت خطوط */
  stroke-linecap: round;
  stroke-linejoin: round;

  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 2s ease forwards;
  animation-delay: .25s;
}

@keyframes dash {
  to { stroke-dashoffset: 0; }
}