/* ── تنسيقات شاشة التحميل الأساسية (مستقلة عن أي CDN) ─────────── */
  :root{
    --loader-bg-0:#030a16;        /* أعمق نقطة في الخلفية */
    --loader-bg-1:#071427;        /* كحلي مركزي */
    --loader-glow:rgba(22,92,158,.30); /* هالة خلف الشعار ترفع وضوح النص الداكن */
    --loader-text:#dcebf8;
    --loader-text-dim:#8fb6d8;
    --loader-accent:#35b6ff;      /* سماوي من لوحة الشعار */
    --loader-accent-deep:#0e5aa8; /* أزرق من لوحة الشعار */
  }

  html.loader-lock, html.loader-lock body{ overflow:hidden; }

  #site-loader{
    position:fixed; inset:0; z-index:9999;
    display:flex; align-items:center; justify-content:center;
    background:
      radial-gradient(120% 90% at 50% 42%, var(--loader-bg-1) 0%, var(--loader-bg-0) 68%);
    opacity:1; visibility:visible;
    transition:opacity .55s ease, visibility 0s linear .55s;
    overscroll-behavior:contain;
    font-family:"Segoe UI","Noto Kufi Arabic",Tahoma,Arial,sans-serif;
  }
  /* الاختفاء الناعم: يزيل اعتراض النقرات فورًا ثم يُخفي الطبقة فعليًا */
  #site-loader.is-done{ opacity:0; visibility:hidden; pointer-events:none; }
  #site-loader.is-hidden{ display:none; }

  /* طبقة الخلفية: WebGL أو البديل المتدرج */
  #loader-bg{ position:absolute; inset:0; overflow:hidden; }
  #loader-bg canvas{ position:absolute; inset:0; width:100%; height:100%;
    opacity:0; transition:opacity .9s ease; }
  #loader-bg canvas.is-ready{ opacity:1; }

  /* بديل CSS عند غياب WebGL/Three.js: تدرجات نابضة هادئة */
  .loader-bg-fallback{ position:absolute; inset:0;
    background:
      radial-gradient(38% 30% at 22% 28%, rgba(53,182,255,.10), transparent 70%),
      radial-gradient(42% 34% at 78% 72%, rgba(14,90,168,.14), transparent 70%),
      radial-gradient(60% 46% at 50% 50%, rgba(22,92,158,.10), transparent 75%);
    animation:fallbackPulse 7s ease-in-out infinite alternate;
  }
  @keyframes fallbackPulse{ from{opacity:.55} to{opacity:1} }

  /* المحتوى فوق الخلفية */
  .loader-content{ position:relative; z-index:10;
    display:flex; flex-direction:column; align-items:center; text-align:center;
    padding:0 24px; }

  /* هالة ضوئية خلف الشعار (لا تلمسه ولا تغيّره) */
  .loader-content::before{ content:""; position:absolute; z-index:-1;
    width:min(760px,120vw); height:min(420px,60vh);
    background:radial-gradient(50% 50% at 50% 50%, var(--loader-glow), transparent 72%);
    filter:blur(6px); }

  #loader-logo{
    width:min(520px,82vw); height:auto; max-height:44vh;
    object-fit:contain; display:block;
    filter:drop-shadow(0 10px 34px rgba(0,0,0,.45));
    animation:logoIn .8s cubic-bezier(.22,.9,.3,1) both;
  }
  @keyframes logoIn{ from{opacity:0; transform:scale(.96) translateY(8px)} to{opacity:1; transform:none} }

  .loader-text{
    margin:26px 0 0; font-size:15px; line-height:1.9; letter-spacing:.2px;
    color:var(--loader-text);
    animation:fadeUp .7s .18s ease both;
  }
  .loader-text small{ display:block; margin-top:2px; font-size:11.5px; color:var(--loader-text-dim); }
  @keyframes fadeUp{ from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none} }

  /* مؤشر التحميل */
  .loader-track{
    position:relative; margin-top:22px;
    width:min(240px,58vw); height:4px; border-radius:9999px;
    background:rgba(160,200,235,.12); overflow:hidden;
    animation:fadeUp .7s .3s ease both;
  }
  .loader-fill-indet{ position:absolute; left:0; top:0; bottom:0; width:38%;
    border-radius:9999px;
    background:linear-gradient(90deg, transparent, var(--loader-accent), transparent);
    animation:indetSlide 1.15s ease-in-out infinite;
  }
  @keyframes indetSlide{ from{transform:translateX(-120%)} to{transform:translateX(310%)} }
  .loader-fill-det{ position:absolute; inset-inline-start:0; top:0; bottom:0; width:0%;
    border-radius:9999px; display:none;
    background:linear-gradient(90deg, var(--loader-accent-deep), var(--loader-accent));
    box-shadow:0 0 12px rgba(53,182,255,.55);
    transition:width .25s ease;
  }
  .loader-track.is-determinate .loader-fill-indet{ display:none; }
  .loader-track.is-determinate .loader-fill-det{ display:block; }

  #loader-percent{
    margin-top:12px; min-height:1.3em; font-size:12px; color:var(--loader-text-dim);
    font-variant-numeric:tabular-nums; visibility:hidden;
  }
  #loader-percent.is-visible{ visibility:visible; }

  /* شاشات قصيرة (هاتف أفقي): تصغير آمن من دون قصّ الشعار */
  @media (max-height:480px){
    #loader-logo{ max-height:36vh; width:min(420px,70vw); }
    .loader-text{ margin-top:14px; font-size:13.5px; }
    .loader-track{ margin-top:14px; }
  }

  /* تقليل الحركة: إيقاف كل الحركات مع إبقاء الشاشة مفهومة */
  @media (prefers-reduced-motion:reduce){
    #site-loader{ transition:opacity .2s linear, visibility 0s linear .2s; }
    #site-loader *, #site-loader{ animation:none !important; }
    .loader-fill-indet{ width:100%; opacity:.35; }
    .loader-bg-fallback{ animation:none; }
  }