/* ══════════════════════════════════════════════════════════════════════
   الشريط العلوي — وهذا كلُّ ما يُحقن في صفحات الموقع المولَّدة سلفاً.

   ⚠ **لا تُضف هنا قاعدةً عامّة** (body أو h1 أو table أو input). هذا الملفُّ
   يُحمَّل بعد نمط كل صفحة، فقاعدةٌ عامّةٌ فيه تغلب نمطَ الصفحة وتُعيد تصميم
   أربعٍ وستين صفحةً لم يُطلب تغييرُها. حدث ذلك فعلاً مرّةً: `body{font-family}`
   هنا حوّل خطَّ الموقع كلِّه. أنماطُ صفحاتنا نحن في app.css وحده.
   ══════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: "Almarai"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("fonts/almarai-300-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
    U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74,
    U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF;
}
@font-face {
  font-family: "Almarai"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("fonts/almarai-300-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Almarai"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/almarai-400-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
    U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74,
    U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF;
}
@font-face {
  font-family: "Almarai"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/almarai-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Almarai"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/almarai-700-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
    U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74,
    U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF;
}
@font-face {
  font-family: "Almarai"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/almarai-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Almarai"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("fonts/almarai-800-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1,
    U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74,
    U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF;
}
@font-face {
  font-family: "Almarai"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("fonts/almarai-800-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

#abaward-shell{position:sticky;top:0;z-index:9999;
  background:linear-gradient(135deg,#0E6E6E,#0a5252);color:#fff;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:0 16px;min-height:46px;box-sizing:border-box;
  font-family:"Almarai","Segoe UI",Tahoma,sans-serif;font-size:13px;
  line-height:1.7;box-shadow:0 1px 8px rgba(0,0,0,.18)}
#abaward-shell *{box-sizing:border-box}
#abaward-shell .brand{display:flex;align-items:center;gap:9px;font-weight:700;
  white-space:nowrap}
#abaward-shell .brand img{height:24px;width:auto;display:block}
#abaward-shell nav{display:flex;gap:4px;flex-wrap:wrap}
#abaward-shell nav a{color:#fff;text-decoration:none;opacity:.88;
  padding:4px 10px;border-radius:7px;white-space:nowrap}
#abaward-shell nav a:hover{opacity:1;background:rgba(255,255,255,.16)}
#abaward-shell nav a.here{opacity:1;background:rgba(255,255,255,.2);font-weight:700}
#abaward-shell .who{margin-inline-start:auto;display:flex;align-items:center;
  gap:9px;white-space:nowrap}
#abaward-shell .who a{color:#fff;text-decoration:none}
#abaward-shell .who b{font-weight:700}
#abaward-shell .role{background:#C8A951;color:#3a2f10;border-radius:12px;
  padding:1px 9px;font-size:11px;font-weight:700}
#abaward-shell .out{background:rgba(255,255,255,.16);border:none;color:#fff;
  font:inherit;cursor:pointer;border-radius:7px;padding:4px 11px}
#abaward-shell .out:hover{background:rgba(255,255,255,.3)}
@media print{#abaward-shell{display:none}}

/* ── تصحيحُ قراءة: عنوانُ الترويسة الفيروزية ────────────────────────────
   في اثنتين وثلاثين صفحةً من الموقع المولَّد، الترويسةُ فيروزيةٌ داكنة
   (`header{color:#fff}`) لكنّ `h1{color:#0E6E6E}` أخصُّ من الوراثة فيغلبها —
   فيُكتب العنوانُ بالفيروزيّ على الفيروزيّ ويكاد لا يُقرأ. عيبٌ سابقٌ لهذا
   النظام، لكنّه صار أظهرَ بعد أن طال العنوان. مقصورٌ على الترويسة وحدها. */
body>header h1{color:#fff}