/* ===== v2.12 — خط مريح للقراءة: Cairo للعناوين + Almarai للنص ===== */
body, p, li, input, textarea, button, .site-main { font-family: var(--font-body); }
h1, h2, h3, h4, h5, .slide-title, .section-header h2, .video-title, .live-feed-title { font-family: var(--font-display); }
body { line-height: 1.8; }

/* ===== قسم «بلجيكا»: الأخبار الأربعة بشبكة 2×2 داخل مربعات بظل أصفر ===== */
.block-feature:has(.section-header a[href$="cat=1"]) .feature-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-content: start;
}
.block-feature:has(.section-header a[href$="cat=1"]) .side-story {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  padding: 10px !important;
  background: #fff;
  border: 1px solid rgba(255, 204, 0, 0.55) !important;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(255, 204, 0, 0.40);
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.block-feature:has(.section-header a[href$="cat=1"]) .side-story:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(255, 204, 0, 0.45);
}
.block-feature:has(.section-header a[href$="cat=1"]) .side-story-img {
  width: 100% !important;
  aspect-ratio: 16 / 10;
  border-radius: 10px;
  overflow: hidden;
}
.block-feature:has(.section-header a[href$="cat=1"]) .side-story-img img {
  width: 100%; height: 100%; object-fit: cover;
}
.block-feature:has(.section-header a[href$="cat=1"]) .side-story-body h3 {
  font-size: 0.95rem; line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
[data-theme='dark'] .block-feature:has(.section-header a[href$="cat=1"]) .side-story { background: rgba(255, 255, 255, 0.04); }
@media (max-width: 480px) {
  .block-feature:has(.section-header a[href$="cat=1"]) .feature-list { gap: 12px; }
}


/* ===== «لوكسمبورغ» و«العالم العربي»: الأخبار الصغيرة بمربعات مع ظل أسود + أصفر (مثل بلجيكا) ===== */
.column-block:has(.section-header a[href$="cat=3"]) .headline-list,
.column-block:has(.section-header a[href$="cat=5"]) .headline-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.column-block:has(.section-header a[href$="cat=3"]) .headline-list li,
.column-block:has(.section-header a[href$="cat=5"]) .headline-list li {
  display: flex !important;
  flex-direction: column;
  align-items: stretch !important;
  gap: 8px;
  padding: 8px !important;
  background: #fff;
  border: 1px solid rgba(255, 204, 0, 0.6) !important;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 8px 22px rgba(255, 204, 0, 0.38);
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.column-block:has(.section-header a[href$="cat=3"]) .headline-list li:hover,
.column-block:has(.section-header a[href$="cat=5"]) .headline-list li:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16), 0 12px 28px rgba(255, 204, 0, 0.5);
}
.column-block:has(.section-header a[href$="cat=3"]) .headline-thumb,
.column-block:has(.section-header a[href$="cat=5"]) .headline-thumb {
  width: 100% !important;
  aspect-ratio: 16 / 10;
  border-radius: 8px;
  overflow: hidden;
}
.column-block:has(.section-header a[href$="cat=3"]) .headline-thumb img,
.column-block:has(.section-header a[href$="cat=5"]) .headline-thumb img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.column-block:has(.section-header a[href$="cat=3"]) .headline-body a,
.column-block:has(.section-header a[href$="cat=5"]) .headline-body a {
  font-size: 0.88rem; line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
[data-theme='dark'] .column-block:has(.section-header a[href$="cat=3"]) .headline-list li,
[data-theme='dark'] .column-block:has(.section-header a[href$="cat=5"]) .headline-list li { background: rgba(255, 255, 255, 0.04); }

/* موبايل: كل خبر بسطر (الصورة جنب العنوان) */
@media (max-width: 600px) {
  .column-block:has(.section-header a[href$="cat=3"]) .headline-list,
  .column-block:has(.section-header a[href$="cat=5"]) .headline-list { grid-template-columns: minmax(0, 1fr); }
  .column-block:has(.section-header a[href$="cat=3"]) .headline-list li,
  .column-block:has(.section-header a[href$="cat=5"]) .headline-list li { flex-direction: row; align-items: center !important; }
  .column-block:has(.section-header a[href$="cat=3"]) .headline-thumb,
  .column-block:has(.section-header a[href$="cat=5"]) .headline-thumb { width: 96px !important; flex: 0 0 96px; }
}


/* ===== «علوم وتكنولوجيا» و«ثقافة»: نفس مربعات لوكسمبورغ والعالم العربي (ظل أسود + أصفر) =====
   القسمان يُعرَفان من أيقونتهما (الذرّة / الكتاب) لأن رقم تصنيفهما غير معروف */
.column-block:has(.section-header .sec-icon ellipse) .headline-list,
.column-block:has(.section-header .sec-icon path[d^="M4 5.5A2.5"]) .headline-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.column-block:has(.section-header .sec-icon ellipse) .headline-list li,
.column-block:has(.section-header .sec-icon path[d^="M4 5.5A2.5"]) .headline-list li {
  display: flex !important;
  flex-direction: column;
  align-items: stretch !important;
  gap: 8px;
  padding: 8px !important;
  background: #fff;
  border: 1px solid rgba(255, 204, 0, 0.6) !important;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 8px 22px rgba(255, 204, 0, 0.38);
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.column-block:has(.section-header .sec-icon ellipse) .headline-list li:hover,
.column-block:has(.section-header .sec-icon path[d^="M4 5.5A2.5"]) .headline-list li:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16), 0 12px 28px rgba(255, 204, 0, 0.5);
}
.column-block:has(.section-header .sec-icon ellipse) .headline-thumb,
.column-block:has(.section-header .sec-icon path[d^="M4 5.5A2.5"]) .headline-thumb {
  width: 100% !important;
  aspect-ratio: 16 / 10;
  border-radius: 8px;
  overflow: hidden;
}
.column-block:has(.section-header .sec-icon ellipse) .headline-thumb img,
.column-block:has(.section-header .sec-icon path[d^="M4 5.5A2.5"]) .headline-thumb img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.column-block:has(.section-header .sec-icon ellipse) .headline-body a,
.column-block:has(.section-header .sec-icon path[d^="M4 5.5A2.5"]) .headline-body a {
  font-size: 0.88rem; line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
[data-theme='dark'] .column-block:has(.section-header .sec-icon ellipse) .headline-list li,
[data-theme='dark'] .column-block:has(.section-header .sec-icon path[d^="M4 5.5A2.5"]) .headline-list li { background: rgba(255, 255, 255, 0.04); }

/* موبايل: كل خبر بسطر (الصورة جنب العنوان) */
@media (max-width: 600px) {
  .column-block:has(.section-header .sec-icon ellipse) .headline-list,
  .column-block:has(.section-header .sec-icon path[d^="M4 5.5A2.5"]) .headline-list { grid-template-columns: minmax(0, 1fr); }
  .column-block:has(.section-header .sec-icon ellipse) .headline-list li,
  .column-block:has(.section-header .sec-icon path[d^="M4 5.5A2.5"]) .headline-list li { flex-direction: row; align-items: center !important; }
  .column-block:has(.section-header .sec-icon ellipse) .headline-thumb,
  .column-block:has(.section-header .sec-icon path[d^="M4 5.5A2.5"]) .headline-thumb { width: 96px !important; flex: 0 0 96px; }
}


/* ===== «اسيا» و«دراسات المدار»: نفس مربعات علوم وتكنولوجيا وثقافة + إطار للصور ===== */
.column-block:has(.section-header a[href$="cat=7"]) .headline-list,
.column-block:has(.section-header a[href$="cat=16"]) .headline-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.column-block:has(.section-header a[href$="cat=7"]) .headline-list li,
.column-block:has(.section-header a[href$="cat=16"]) .headline-list li {
  display: flex !important;
  flex-direction: column;
  align-items: stretch !important;
  gap: 8px;
  padding: 8px !important;
  background: #fff;
  border: 1px solid rgba(255, 204, 0, 0.6) !important;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 8px 22px rgba(255, 204, 0, 0.38);
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.column-block:has(.section-header a[href$="cat=7"]) .headline-list li:hover,
.column-block:has(.section-header a[href$="cat=16"]) .headline-list li:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16), 0 12px 28px rgba(255, 204, 0, 0.5);
}
.column-block:has(.section-header a[href$="cat=7"]) .headline-thumb,
.column-block:has(.section-header a[href$="cat=16"]) .headline-thumb {
  width: 100% !important;
  aspect-ratio: 16 / 10;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid #fff;
  outline: 1px solid rgba(227, 169, 10, 0.45);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.column-block:has(.section-header a[href$="cat=7"]) .headline-thumb img,
.column-block:has(.section-header a[href$="cat=16"]) .headline-thumb img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.column-block:has(.section-header a[href$="cat=7"]) .headline-body a,
.column-block:has(.section-header a[href$="cat=16"]) .headline-body a {
  font-size: 0.88rem; line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
[data-theme='dark'] .column-block:has(.section-header a[href$="cat=7"]) .headline-list li,
[data-theme='dark'] .column-block:has(.section-header a[href$="cat=16"]) .headline-list li { background: rgba(255, 255, 255, 0.04); }

/* موبايل: كل خبر بسطر (الصورة جنب العنوان) */
@media (max-width: 600px) {
  .column-block:has(.section-header a[href$="cat=7"]) .headline-list,
  .column-block:has(.section-header a[href$="cat=16"]) .headline-list { grid-template-columns: minmax(0, 1fr); }
  .column-block:has(.section-header a[href$="cat=7"]) .headline-list li,
  .column-block:has(.section-header a[href$="cat=16"]) .headline-list li { flex-direction: row; align-items: center !important; }
  .column-block:has(.section-header a[href$="cat=7"]) .headline-thumb,
  .column-block:has(.section-header a[href$="cat=16"]) .headline-thumb { width: 96px !important; flex: 0 0 96px; }
}

/* خلفية ذهبية خفيفة جداً جداً (تحلّ محلّ الخلفية الذهبية السابقة) */
.block-columns:has(.section-header a[href$="cat=7"]),
.block-columns:has(.section-header a[href$="cat=16"]) {
  background: linear-gradient(180deg, #fffdf8 0%, #fdf9ee 100%) !important;
  border-block: 1px solid rgba(227, 169, 10, 0.15) !important;
}
[data-theme='dark'] .block-columns:has(.section-header a[href$="cat=7"]),
[data-theme='dark'] .block-columns:has(.section-header a[href$="cat=16"]) {
  background: rgba(227, 169, 10, 0.05) !important;
}

/* إطار للصورة الرئيسية في القسمين */
.block-columns:has(.section-header a[href$="cat=7"]) .column-top-img,
.block-columns:has(.section-header a[href$="cat=16"]) .column-top-img {
  border: 3px solid #fff !important;
  outline: 1px solid rgba(227, 169, 10, 0.5);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12), 0 8px 22px rgba(255, 204, 0, 0.25) !important;
}