/* ═══════════════════════════════════════════════════════════════
   RelOrbit — لوجو التحميل (SVG أوريجامي مبني برمجيًا)
   v2 2026-10-02: الفيديو استُبدل بمعيّن أوريجامي SVG+CSS
   شفافية حقيقية (لا صندوق ولا خلفية ولا blend) — ألوان تتبع الثيم
   dark فضي · dusk برونزي · light رمادي · origami ذهبي
   الحركة: نبض تنفّس + وميض أوجه متدرّج + مسح ضوئي
   ═══════════════════════════════════════════════════════════════ */

/* ألوان المعيّن حسب الثيم (الافتراضي = داكن فضي) */
:root{
  --rrg-hi:#EDF1F7; --rrg-a:#B9C0CB; --rrg-b:#7C8492; --rrg-c:#4B525E;
  --rrg-sw:rgba(255,255,255,.55);
}
/* ج30: طابعا كوسموس بالتطبيق — الليلي فضي كالجذر · الورقي رمادي داكن للتباين */
html[data-theme=night]{
  --rrg-hi:#E8E8E8; --rrg-a:#B9B9B9; --rrg-b:#7C7C7C; --rrg-c:#4B4B4B;
  --rrg-sw:rgba(255,255,255,.5);
}
html[data-theme=paper]{
  --rrg-hi:#2E2E2E; --rrg-a:#5C5C5C; --rrg-b:#8A8A8A; --rrg-c:#B4B4B4;
  --rrg-sw:rgba(0,0,0,.3);
}
html[data-theme=light]{
  --rrg-hi:#B6BAC2; --rrg-a:#82868E; --rrg-b:#5B6068; --rrg-c:#3A3E45;
  --rrg-sw:rgba(255,255,255,.5);
}
html[data-theme=dusk]{
  --rrg-hi:#F6C98E; --rrg-a:#D98F4C; --rrg-b:#A5622C; --rrg-c:#6B3D1B;
  --rrg-sw:rgba(255,222,186,.5);
}
html[data-theme=origami]{
  --rrg-hi:#F2DCA6; --rrg-a:#C9A23F; --rrg-b:#96762B; --rrg-c:#65501E;
  --rrg-sw:rgba(255,242,206,.55);
}

/* ── الأوجه (كل وجه لونه حسب إضاءة الثنية) ── */
.rrgld-svg{display:block;width:100%;height:100%;overflow:visible}
.rrgld-svg .fhi{fill:var(--rrg-hi)}
.rrgld-svg .fa{fill:var(--rrg-a)}
.rrgld-svg .fb{fill:var(--rrg-b)}
.rrgld-svg .fc{fill:var(--rrg-c)}
.rrgld-svg .crease{stroke:rgba(255,255,255,.16);stroke-width:.8;fill:none}

/* ── الحركات ── */
/* 1) نبض التنفّس — المعيّن كله يتوسّع ويستقر */
@keyframes rrgBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
.rrgld-svg .rrg-g{animation:rrgBreath 2.4s cubic-bezier(.45,0,.55,1) infinite;transform-origin:100px 100px}
/* 2) وميض الأوجه — موجة ضوء تدور حول المعيّن */
@keyframes rrgShim{0%,100%{opacity:.72}50%{opacity:1}}
.rrgld-svg .fsh{animation:rrgShim 2.2s ease-in-out infinite}
.rrgld-svg .s0{animation-delay:0s}.rrgld-svg .s1{animation-delay:.13s}
.rrgld-svg .s2{animation-delay:.26s}.rrgld-svg .s3{animation-delay:.39s}
.rrgld-svg .s4{animation-delay:.52s}.rrgld-svg .s5{animation-delay:.65s}
.rrgld-svg .s6{animation-delay:.78s}.rrgld-svg .s7{animation-delay:.91s}
.rrgld-svg .s8{animation-delay:.55s}.rrgld-svg .s9{animation-delay:.85s}
/* 3) المسح الضوئي — شعاع يمرّ على الأوجه */
@keyframes rrgSweep{0%{transform:translateX(-260px)}58%,100%{transform:translateX(260px)}}
.rrgld-svg .rrg-sweep{animation:rrgSweep 3.2s ease-in-out infinite}

/* ── المقاسات: أصغر من ذي قبل (132 / 96 / 72) ── */
.rrgld-v{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px}
.rrgld-v .rrgld-svg{width:100%;height:100%}
#rrgLD .rrgld-logo,#rrgLD .rrgld-v{width:132px;height:132px}
.veil .rrgld-v,#veil .rrgld-v{width:96px;height:96px}
.ostph .rrgld-v{width:72px;height:72px}
.ostph.show{opacity:1;visibility:visible}

/* ── طبقة التحميل العامة #rrgLD (تُملأ/تُحقن تلقائيًا) ── */
/* الشفافية الكاملة كما في تصميم الصفحات الأصلي: اللوجو وحده يتحرك — لا خلفية ولا مربع */
#rrgLD{position:fixed;inset:0;z-index:2147483000;background:transparent;display:flex;align-items:center;justify-content:center;
  pointer-events:none;opacity:1;visibility:visible;
  transition:opacity .5s ease,visibility .5s}
#rrgLD.off,#rrgLD.gone{opacity:0;visibility:hidden;pointer-events:none}
#rrgLD .rrgld-logo{width:132px;height:132px}

/* ── عناصر مساعدة قديمة (توافق) ── */
.rrgld-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;width:100%}
.veil .card{display:flex;flex-direction:column;align-items:center;justify-content:center}
.veil .card .load-msg{margin-top:18px}
.veil .card .rrgld-legend{margin-top:16px}

/* احترام تقليل الحركة */
@media(prefers-reduced-motion:reduce){
  .rrgld-svg .rrg-g,.rrgld-svg .fsh,.rrgld-svg .rrg-sweep{animation:none}
}