/* =====================================================================
   typography-font.css  -  Outfit font only (no size / weight changes)
   ---------------------------------------------------------------------
   For pages that do NOT load typography.css (public home, login /
   register layouts, maintenance pages, admin). Only sets the font
   family so the whole site uses the same typeface; sizes, weights and
   layout of those pages stay exactly as they were.
   Arabic (RTL) pages: Segoe UI -> Tahoma -> Arial. LTR pages: Outfit, with
   Arabic letters falling back to Segoe UI.
   ===================================================================== */
:root {
  --ef-font-en: 'Outfit', 'Segoe UI', Tahoma, system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --ef-font-ar: 'Segoe UI', Tahoma, Arial, sans-serif;
  --font-main: var(--ef-font-en);
  --font-guest: var(--ef-font-en);
}
html[dir="rtl"],
html[lang^="ar"] {
  --font-main: var(--ef-font-ar);
  --font-guest: var(--ef-font-ar);
}
html { font-synthesis: none; text-rendering: optimizeLegibility; }
/* theme.css tightened English text (letter-spacing:-.01em). Outfit is already
   compact-looking at small sizes, so reset it to neutral spacing. */
html[lang="en"] body { letter-spacing: 0; }

html body,
html body button,
html body input,
html body select,
html body textarea,
html body optgroup {
  font-family: var(--font-main);
}
/* Arabic joins letters: letter-spacing breaks the connections */
html[dir="rtl"] body *:not(i):not([class*="fa-"]),
html[lang^="ar"] body *:not(i):not([class*="fa-"]) {
  letter-spacing: 0 !important;
}
code, pre, kbd, samp { direction: ltr; unicode-bidi: embed; }

/* =====================================================================
   Soft weight (نفس خط القائمة الجانبية / "رصيدك الحالي") - الصفحة الرئيسية،
   صفحات الدخول والتسجيل، وكل صفحات الأدمن.
   - أي Bold / Extra-bold / Black بقى 600 بدل 700+ (خفيف وواضح).
   - العناوين h1/h2 كمان 600.
   - مفيش تغيير في الألوان أو الأحجام (غير منيو الأدمن تحت).
   ===================================================================== */
html body .font-bold,
html body .font-extrabold,
html body .font-black,
html body .font-semibold {
  font-weight: 600 !important;
}
html body :is(th, strong, b) { font-weight: 600; }

/* ----- منيو الأدمن الجانبية: نفس مواصفات منيو العميل (12px / 600) ----- */
#sidebar nav a.adm-link,
#sidebar nav .adm-group-label,
#sidebar nav .adm-group-label span,
#sidebar nav .adm-reorder-btn {
  font-family: var(--font-main) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}
html body :is(h1, h2, h3, h4, h5, h6) { font-weight: 600; }

/* ===== English (Outfit): سمك 500 - أنعم وأخف ===== */
html[lang="en"] body .font-bold,
html[lang="en"] body .font-extrabold,
html[lang="en"] body .font-black,
html[lang="en"] body .font-semibold,
html[lang="en"] body :is(h1, h2, h3, h4, h5, h6),
html[lang="en"] body .ef-page-heading,
html[lang="en"] body :is(th, strong, b) {
  font-weight: 500 !important;
}
html[lang="en"] body :is(button, input[type="button"], input[type="submit"], .btn-primary, .ef-btn, .ef-tab) {
  font-weight: 500;
}
html[lang="en"] #sidebar nav a.adm-link,
html[lang="en"] #sidebar nav .adm-group-label,
html[lang="en"] #sidebar nav .adm-group-label span,
html[lang="en"] #sidebar nav .adm-reorder-btn {
  font-weight: 500 !important;
}

/* =====================================================================
   الصفحة الرئيسية: نفس خط "رصيدك الحالي" (Segoe UI عربي / Outfit إنجليزي)
   - الهيدر (تجربة مجانية، تسجيل الدخول، ابدأ...) و الشرائط الصغيرة، كروت المميزات
   - سمك 600 عربي / 500 إنجليزي، والألوان والأحجام الكبيرة (العنوان الرئيسي) زي ما هي
   ===================================================================== */
html body .ef-home-header,
html body .ef-home-header :is(a, button, span):not([class*="fa-"]),
html body .fw-feats li,
html body .fw-btn,
html body .fw-go,
html body .fw-fp,
html body .fw-keep,
html body .fw-or,
html body .fw-title,
html body .fw-title em,
html body .fw-title .ef-hero-brand,
html body .efx-pill-name,
html body .efx-stat-num,
html body .efx-stat-lb,
html body .efx-stat-pre,
html body .efx-h2,
html body .fs-title,
html body .fx-title,
html body .efb-h2 {
  font-family: var(--font-main) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
html body .ef-home-header :is(a, button, span):not([class*="fa-"]) { font-size: 14px; }
html[lang="en"] body .ef-home-header,
html[lang="en"] body .ef-home-header :is(a, button, span):not([class*="fa-"]),
html[lang="en"] body .fw-feats li,
html[lang="en"] body .fw-btn,
html[lang="en"] body .fw-go,
html[lang="en"] body .fw-fp,
html[lang="en"] body .fw-keep,
html[lang="en"] body .fw-or,
html[lang="en"] body .fw-title,
html[lang="en"] body .fw-title em,
html[lang="en"] body .fw-title .ef-hero-brand,
html[lang="en"] body .efx-pill-name,
html[lang="en"] body .efx-stat-num,
html[lang="en"] body .efx-stat-lb,
html[lang="en"] body .efx-stat-pre,
html[lang="en"] body .efx-h2,
html[lang="en"] body .fs-title,
html[lang="en"] body .fx-title,
html[lang="en"] body .efb-h2 {
  font-weight: 500 !important;
}

/* =====================================================================
   الهيرو (الصفحة الرئيسية) - الوضع الفاتح: خلفية بيضا + عنوان كحلي غامق
   مع كلمة مميّزة بالأخضر (نفس شكل المرجع). الوضع الداكن ما اتغيرش.
   ===================================================================== */
html:not(.dark) .fw-hero {
  --fw-bg: #ffffff; --fw-bg2: #ffffff;
  --fw-ink: #1f2a44; --fw-body: #6b7280; --fw-mute: #8a93a3;
  --fw-dots: rgba(31, 42, 68, .05);
}
html:not(.dark) .fw-bg { background: #ffffff; }
html:not(.dark) .fw-bg::after { opacity: .5; }
html:not(.dark) .fw-title em,
html:not(.dark) .fw-title .ef-hero-brand {
  background: none !important;
  -webkit-background-clip: border-box !important; background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important; color: inherit !important;
}
/* العنوان: أوضح وأغمق (سمك 700 في العربي، 600 في الإنجليزي) */
html:not([lang="en"]) body .fw-title,
html:not([lang="en"]) body .fw-title em,
html:not([lang="en"]) body .fw-title .ef-hero-brand { font-weight: 700 !important; }
html[lang="en"] body .fw-title,
html[lang="en"] body .fw-title em,
html[lang="en"] body .fw-title .ef-hero-brand { font-weight: 600 !important; }
html body .fw-lead { font-weight: 500 !important; }