/* =============================================================================
   uom-brand.css — سطر الهوية المرئي (عنوان h1 للصفحة الرئيسية)
   =============================================================================
   **لماذا وُجد هذا الملف.** كان في الصفحة الرئيسية عنوان <h1> واحد، لكنه
   مقصوص إلى بكسل واحد بـ.uom-visually-hidden — أي أن قارئ الشاشة والزاحف
   النصّي يتلقّيانه، بينما لا يراه أي إنسان ولا أي زاحف يعتمد العرض المرئي.
   ولم يكن الاختصار «MSU» يظهر في أي نصّ مرئي على الموقع كلّه (صفر تطابق).

   **لماذا لا يُظهَر العنوان بلا قاعدة.** قالب الموقع يضبط
   `h1 { font-size: 3.4rem }` في style-main.css:71 مع `color:#333`، وBootstrap
   يضيف `margin: 20px/10px`. أي أن إزالة صنف الإخفاء وحده تُنتج شريطاً
   ارتفاعه ~85px بلون رمادي غامق قد يقع على خلفية داكنة — مخالفة تباين
   جديدة على الفرع الذي يُصلح مخالفات التباين أصلاً.

   **الاختيار البصري.** خلفية داكنة بلون الهوية ونصّ أبيض، فيقرأ السطر
   امتداداً للترويسة الداكنة فوقه لا شريطاً دخيلاً بين الترويسة والشريحة.
   التباين: ‏#ffffff على #121f27 = 16.8:1 (المطلوب 4.5:1).

   **النطاق.** ثمانية عشر ملفاً آخر تحمل .uom-page-h1 مخفياً؛ لذلك القاعدة
   المرئية معلّقة على صنف منفصل (.uom-brand-h1) لا على .uom-page-h1، فلا
   تتأثر تلك الصفحات. وأسبقية الصنف (0,1,0) تغلب قاعدة العنصر h1 (0,0,1)
   في style-main.css، بشرط أن يُحمَّل هذا الملف بعده — وهو كذلك.
   ============================================================================= */

.uom-brand-h1 {
  margin: 0;
  padding: 9px 15px;
  background: var(--uom-dark, #121f27);
  color: #ffffff;
  font-family: Cairo, sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0;
}

/* جذر المستند ينزل إلى 90%/85%/80% عند 991/767/479px (style-main.css:307)،
   فالتصغير هنا فوق ذلك يمنع التفاف السطر إلى سطرين على الهواتف. */
@media (max-width: 767px) {
  .uom-brand-h1 {
    font-size: 0.95rem;
    padding: 7px 10px;
  }
}

@media (max-width: 479px) {
  .uom-brand-h1 {
    font-size: 0.85rem;
    line-height: 1.4;
  }
}