/*!
 * DPARADOX — dparadox-shared.css
 * ملف التنسيق المشترك لكل صفحات المنصة (عدا لوحة التحكم admin.html التي لها
 * متغيرات إضافية خاصة بها ولسا موجودة بملفها).
 *
 * الهدف: أي عنصر واجهة يتكرر بنفس الشكل عبر أكثر من صفحة (الألوان، رابط
 * "الرئيسية"، اسم العلامة DPARADOX، زر تبديل اللغة) يُعرَّف هنا مرة وحدة
 * بس. أي تعديل مستقبلي على هذي العناصر ينعكس تلقائياً على كل صفحة تربط
 * لهذا الملف — بدون الحاجة نعدّل نفس الشي بعدة ملفات ونخاطر ننسى واحد
 * منها (بالضبط المشكلة اللي صارت اليوم مع رابط "الرئيسية").
 *
 * طريقة الربط: أضف هذا السطر بعد وسم <style> الأصلي لكل صفحة، قبل أي
 * تنسيق خاص بالصفحة نفسها:
 *   <link rel="stylesheet" href="dparadox-shared.css">
 * ولازم يكون هذا الملف بنفس مجلد باقي ملفات الموقع (جنب index.html).
 */

/* ================= 1) الألوان والمتغيرات العامة ================= */
:root{
  --ink:#07060c;
  --ink-2:rgba(18,14,32,0.6);
  --parchment:#f1eef9;
  --parchment-dim:#8d87a6;
  --gold:#5b3fb8;
  --gold-bright:#9b7bff;
  --teal:#d9b25c;
  --line:rgba(160,140,255,0.16);
  --danger:#ff4d6d;
  --success:#3ddc84;
  --warn:#e8b93f;
}

/* ================= 2) الخط الأساسي للصفحة ================= */
/* الخط الموحّد لكل نصوص المنصة (عناوين، أزرار، تسميات) — نفس النمط
   المعتمد بالصفحة الرئيسية ("الوصول الفوري"، "آمن وخصوصي"...). أي عنصر
   بملف الصفحة نفسها يحدد خط مختلف صراحة (مثلاً Orbitron لشعار معيّن)
   يبقى يشتغل زي ما هو — هذا السطر بس القاعدة الافتراضية. */
body{
  font-family:'Tajawal', 'Space Grotesk', sans-serif;
}
html[dir="ltr"] body{
  font-family:'Space Grotesk', 'Tajawal', sans-serif;
}

/* ================= 3) اسم العلامة DPARADOX (أعلى كل صفحة) ================= */
.brand-word{
  font-family:'Orbitron', sans-serif;
  font-weight:800;
  font-size:16px;
  letter-spacing:.20em;
  color:var(--parchment);
  text-decoration:none;
}

/* ================= 4) زر تبديل اللغة (AR/EN) ================= */
.lang-toggle-btn{
  padding:8px 14px;
  border-radius:100px;
  border:1px solid var(--line);
  background:transparent;
  color:var(--parchment-dim);
  font-family:'Tajawal',sans-serif;
  font-size:12.5px;
  cursor:pointer;
  transition:border-color .2s, color .2s;
}
.lang-toggle-btn:hover{ color:var(--parchment); border-color:rgba(155,123,255,.4); }
.lang-toggle-btn:disabled{ opacity:.5; cursor:wait; }

/* ================= 5) رابط "الرئيسية" (بكل الصفحات الفرعية والأدوات) ================= */
/* هذا بالضبط العنصر اللي تكرر تصحيحه اليوم بـ7 ملفات منفصلة — الآن
   مكان واحد بس. */
.home-link{
  margin-inline-start:auto;
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 16px;
  border:1px solid var(--line);
  border-radius:100px;
  color:var(--parchment-dim);
  text-decoration:none;
  font-family:'Tajawal', sans-serif;
  font-size:13px;
  transition:border-color .2s, color .2s;
}
.home-link:hover{ border-color:rgba(155,123,255,.4); color:var(--parchment); }
.home-link svg{ width:14px; height:14px; fill:currentColor; }

/* ================= 6) أزرار عامة (mini-btn) — لوحة التحكم وأي صفحة تحتاجها ================= */
/* نفس الأزرار اللي أضفنا لها حركة الضغط اليوم بلوحة التحكم — موحّدة هنا
   عشان أي صفحة ثانية تحتاجها بالمستقبل تاخذها جاهزة بنفس السلوك. */
.mini-btn{
  padding:6px 12px;
  border-radius:8px;
  border:1px solid var(--line);
  background:rgba(255,255,255,0.04);
  color:var(--parchment);
  font-family:'Tajawal',sans-serif;
  font-size:12px;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .12s ease, filter .12s ease, background .15s ease;
}
.mini-btn:hover{ background:rgba(255,255,255,0.08); }
.mini-btn:active{ transform:scale(0.94); filter:brightness(0.9); }
.mini-btn.primary{ background:linear-gradient(135deg, var(--gold-bright), var(--gold)); border:none; color:#fff; font-weight:700; }
.mini-btn.danger{ background:rgba(255,77,109,0.12); border-color:rgba(255,77,109,0.3); color:#ffb3c1; }
.mini-btn.success{ background:rgba(61,220,132,0.12); border-color:rgba(61,220,132,0.3); color:#a8f0c6; }

/* ================= 7) الفوتر — نفس شريط "DPARADOX © جميع الحقوق محفوظة" اللي كان بالصفحة الرئيسية بس، صار موحّد بكل صفحة تربط لهذا الملف ================= */
footer{ border-top:1px solid var(--line); padding:28px 0 40px; text-align:center; }
.footer-note{ color:var(--parchment-dim); font-size:12px; margin-top:6px; }