/* ============================================================
   مهارات الذات الحقيقية · طبقة الهوية على مستوى الموقع
   تنطبق على كل صفحة: الترويسة، التذييل، المدونة، المتجر،
   صفحات الهبوط، تسجيل الدخول، والمكتبة.
   ============================================================ */

:root{
  --tss-paper:#F4F1EC;  --tss-paper-2:#EBE7DF;
  --tss-ink:#2F2F2F;    --tss-ink-2:#545454;  --tss-ink-3:#6A6660;
  --tss-cedar:#456E5E;  --tss-cedar-2:#35564A; --tss-cedar-3:#5C8474;
  --tss-sage:#9AC5B3;   --tss-brass:#7F6229;  --tss-brass-2:#FCE2AC;
  --tss-rose:#E6B8C7;   --tss-line:#E2DDD3;
}

/* ---------- الاتجاه والطباعة العربية ---------- */
body{ direction:rtl; text-align:start; }
h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,figcaption,label{ letter-spacing:normal; }
h1,h2,h3,h4,h5,h6{ line-height:1.35; }
p,li{ line-height:1.95; }

/* الأرقام اللاتينية داخل نص عربي تبقى بترتيبها الصحيح */
bdi,[dir="ltr"]{ unicode-bidi:isolate; }

/* تباعد الحروف يكسر اتصال الأحرف العربية — نلغيه على النص فقط،
   ولا نلمس عناصر الواجهة التي قد تعتمد عليه في نص لاتيني */
h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,figcaption,
a,label,span,.btn,button{ letter-spacing:normal; }

/* ---------- الأزرار ---------- */
.btn,.button,a.btn{
  border-radius:4px;
  font-weight:600;
  min-height:48px;
  display:inline-flex; align-items:center; justify-content:center;
}

/* ---------- إتاحة الوصول ---------- */
a:focus-visible,button:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--tss-cedar);
  outline-offset:3px;
  border-radius:2px;
}
/* على الأسطح الداكنة تُقلب حلقة التركيز حتى تبقى مرئية */
.background-dark a:focus-visible,
.background-dark button:focus-visible{
  outline-color:#FAF8F3;
  box-shadow:0 0 0 4px rgba(47,47,47,.45);
}

/* أهداف لمس ٤٤ بكسل على الجوال */
@media (max-width:768px){
  a.btn,button,.menu a{ min-height:44px; }
}

/* ---------- احترام تقليل الحركة ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}

/* ---------- الطباعة ---------- */
@media print{
  .header,.footer,#exit_pop,#two_step,.hello-bar{ display:none !important; }
  body{ background:#fff; color:#000; }
  a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:11px; }
}