/* رأس الموقع الموحد (دستور التصميم ١، 28 أكتوبر 2026). مالكه جلسة مشروعي، وأي تعديل فيه يمر بها.
   الشكل من /design/albait-components.css (ab-site)، وهذا الملف يربطه بالرأس القائم (header.top وما يحقنه session.js)
   ويعلو على أنماط الصفحات القديمة للرأس. لا لون ولا مقاس هنا خارج متغيرات /design/albait-tokens.css.
   يُحمّل بعد أوراق الصفحة. */

header.top.ab-site{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);font-family:var(--font-sans);color:var(--ink);box-shadow:none}
header.top.ab-site .ab-site__row{max-width:1120px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center;gap:22px;height:58px;min-height:58px;padding-block:0;padding-inline:max(20px,env(safe-area-inset-left,0px))}

/* ارتفاع الرأس لمن يلصق شريطاً تحته (مثل شريط فصول /pro/): top:var(--ab-head-h) */
:root{--ab-head-h:59px}
:root:has(header.top.ab-site .ab-room){--ab-head-h:96px}

/* الرمز والاسم */
header.top.ab-site .ab-site__logo{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;margin:0;color:var(--ink);text-decoration:none;font-size:16px;font-weight:700;line-height:1;white-space:nowrap;flex:none}
header.top.ab-site .ab-site__logo .bn{font-size:16px;font-weight:700;letter-spacing:0}
header.top.ab-site .ab-mark{width:22px;height:22px;display:block;flex:none}

/* الروابط */
header.top.ab-site nav{display:flex;gap:18px;margin:0;font-size:14px;color:var(--ink-2)}
header.top.ab-site nav a{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--ink-2);font-size:14px;font-weight:400;text-decoration:none;white-space:nowrap;transition:color .15s var(--ease)}
header.top.ab-site nav a:hover{color:var(--ink);background:none;border:0}
header.top.ab-site nav a[aria-current]{color:var(--ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--ink)}

/* الطرف: تواصل مباشر ثم الحساب */
header.top.ab-site .ab-site__end{margin-inline-start:auto;display:flex;align-items:center;gap:var(--space-2)}
header.top.ab-site .ab-site__end .hdr-contact{margin:0}
header.top.ab-site .auth{margin:0;display:flex;align-items:center;gap:var(--space-2)}
header.top.ab-site .auth>*{margin:0!important}
/* !important هنا وحده: بعض الصفحات كتبت لأزرار رأسها القديم أنماطاً بـ!important (مثل /pro/) */
header.top.ab-site .hdr-contact.ab-btn,header.top.ab-site .auth .ab-btn{min-height:0;height:var(--ctl-sm);padding-inline:14px!important;font-size:13px;font-weight:700;border-radius:var(--radius-ctl);box-shadow:none!important;animation:none;text-decoration:none!important}
header.top.ab-site .hdr-contact.ab-btn{background:var(--terra)!important;color:var(--on-terra)!important;border:0!important}
header.top.ab-site .hdr-contact .hc-ic{display:none}
header.top.ab-site .hdr-contact>span:not(.hc-ic){display:inline!important}
header.top.ab-site .hdr-contact .hc-x{font-style:normal}
header.top.ab-site .auth .ab-btn--sec{background:var(--sheet)!important;color:var(--ink)!important;border:1.5px solid var(--line-ctl)!important}
header.top.ab-site .auth .ab-btn--sec:hover{border-color:var(--ink)!important}
header.top.ab-site .acct-btn{border-radius:var(--radius-ctl);border:1.5px solid var(--line-ctl);height:var(--ctl-sm);padding-block:0;font-family:var(--font-sans);font-size:13px}
header.top.ab-site .acct-btn:hover,header.top.ab-site .acct-btn[aria-expanded="true"]{border-color:var(--ink);box-shadow:none}
header.top.ab-site .acct-av{background:var(--ink);color:var(--paper)}
header.top.ab-site .acct-menu{border-radius:var(--radius-card);border-color:var(--line);box-shadow:var(--shadow-sheet);overflow:hidden}
header.top.ab-site .acct-role{color:var(--ink-2);border-radius:var(--radius-pill)}
header.top.ab-site .bell-b{width:var(--ctl-sm);height:var(--ctl-sm);border-radius:var(--radius-ctl);border:1.5px solid var(--line-ctl);margin-inline-end:0}
header.top.ab-site :focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* زر قائمة الجوال */
header.top.ab-site .navtoggle{display:none;width:var(--ctl-sm);height:var(--ctl-sm);min-width:0;min-height:0;padding:0;align-items:center;justify-content:center;border:1.5px solid var(--line-ctl);border-radius:var(--radius-ctl);background:var(--sheet);color:var(--ink)}

/* شريط الغرفة: يضاف تحت الرأس في صفحة المنصة ولا يستبدله */
header.top.ab-site .ab-site__sub{display:block;height:auto;padding:0;border-top:1px solid var(--line);font-size:13px}
header.top.ab-site .ab-room__in{max-width:1120px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center;gap:10px;height:36px;padding-inline:max(20px,env(safe-area-inset-left,0px))}
header.top.ab-site .ab-room__in>i{width:9px;height:9px;border-radius:2px;flex:none}
header.top.ab-site .ab-room__in>b{font-weight:700;color:var(--ink);white-space:nowrap}
header.top.ab-site .ab-room__in>span{margin-inline-start:auto;display:flex;gap:16px;color:var(--ink-2)}
header.top.ab-site .ab-room__in>span a{color:inherit;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:36px}
header.top.ab-site .ab-room__in>span a:hover{color:var(--ink)}
header.top.ab-site .ab-room__in>span a.ab-link{color:var(--terra);font-weight:700}
header.top.ab-site .ab-room--bayti{background:var(--room-bayti-wash)}header.top.ab-site .ab-room--bayti i{background:var(--room-bayti)}
header.top.ab-site .ab-room--maktabi{background:var(--room-maktabi-wash)}header.top.ab-site .ab-room--maktabi i{background:var(--room-maktabi)}
header.top.ab-site .ab-room--mashrooi{background:var(--room-mashrooi-wash)}header.top.ab-site .ab-room--mashrooi i{background:var(--room-mashrooi)}

@media (max-width:980px){
  header.top.ab-site .ab-site__row{gap:12px}
  header.top.ab-site nav{display:none}
  header.top.ab-site .navtoggle{display:inline-flex}
  header.top.ab-site.open nav{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;inset-inline:0;background:var(--paper);border-bottom:1px solid var(--line);padding:6px max(16px,env(safe-area-inset-left,0px)) 12px;margin:0;z-index:15;box-shadow:var(--shadow-sheet)}
  header.top.ab-site.open nav a{min-height:44px;font-size:15px;border-bottom:1px solid var(--line);box-shadow:none}
  header.top.ab-site.open nav a:last-child{border-bottom:0}
  header.top.ab-site.open nav a[aria-current]{box-shadow:inset 3px 0 0 var(--ink);padding-inline-start:10px}
}
@media (max-width:860px){header.top.ab-site .ab-room__in>span{display:none}}
@media (max-width:480px){
  header.top.ab-site .ab-site__row,header.top.ab-site .ab-room__in{padding-inline:max(16px,env(safe-area-inset-left,0px))}
  header.top.ab-site .ab-site__row{gap:8px}
  header.top.ab-site .hdr-contact .hc-x{display:none}
  header.top.ab-site .acct-nm{display:none}
  /* الجوال: زر التواصل ينتقل إلى القائمة، فيبقى في الرأس الشعار والحساب والقائمة بمسافات متساوية (أوبوس مصمم 31 أكتوبر 2026، أمر صياح) */
  header.top.ab-site .ab-site__end>.hdr-contact{display:none!important}
  header.top.ab-site.open nav a.nav-wa{display:flex}
}
header.top.ab-site nav a.nav-wa{display:none;color:var(--terra)!important;font-weight:700}
@media (prefers-reduced-motion:reduce){header.top.ab-site *{transition:none!important;animation:none!important}}

/* تذييل الموقع (ملك جلسة مشروعي كالرأس): سطراه على سلّم الخط */
body>footer .co-line,body>footer .co-line *,body>footer .co-prod,body>footer .co-prod a{font-size:13px}
/* نص الصفحة على درجة body في السلّم (15) في كل صفحة انتقلت إلى ورق الدستور */
body[data-paper]{font-size:15px}