/* ============================================================
 * dlhh-light.css — الوضع الفاتح للصفحة الرئيسية
 * ============================================================
 * ملفّ مستقلّ عن light-mode.css الحالي. تعديل هذا لا يمسّ الهيدر ولا
 * الفوتر ولا صفحات المباريات، والعكس صحيح.
 *
 * ————— لماذا لزم —————
 * بنيتُ تنسيق الرئيسية على متغيّرات القالب، وهي لا تغطّي العناوين
 * والحدود التي أنشأتُها: فظهر عنوان المربّع وخطّه بلا لون في الوضع
 * الفاتح.
 * ============================================================ */

html.dlh-light .dlhh-main{
  --dlhh-accent:#F4B740;
  --dlhh-bd:#E6EAF0;
  --dlhh-head:#101828;
  --dlhh-text:#344054;
}

/* ============ عنوان المربّع ============ */

.dlh-light .dlhh-h{
  color:#101828;
  border-bottom-color:#E6EAF0;
}

/* ============ محتوى المربّع ============ */

.dlh-light .dlhh-c{color:#344054;}

/* ============ السايدبار ============ */

.dlh-light .dlhh-sb-box{
  background:#ffffff;
  border-color:#E6EAF0;
  box-shadow:0 1px 3px rgba(16,24,40,.06);
}

.dlh-light .dlhh-sb-h{
  color:#101828;
  border-bottom-color:#E6EAF0;
}

.dlh-light .dlhh-sb-c{color:#344054;}

/* ============ الأسئلة الشائعة ============ */

/* عنوانها بالشكل الجديد — والشارة القديمة مُلغاة في dlhh.css */
.dlh-light .dlhh-faq .hp-title{
  color:#101828;
  border-bottom-color:#E6EAF0;
  background:none;
  border-inline:0;
  box-shadow:none;
}

.dlh-light .dlhh-faq .hp-title-badge{color:#101828;}