/* ==========================================================================
   osos-articles.css — صفحات المقالات (Agent C)
   إضافات خاصة بـ /مقالات/ فوق osos.css (بدون تعديل الملف المشترك)
   ========================================================================== */

/* ---- breadcrumb: الفاصل الأصلي «←» نص حقيقي بدل الـ::before ---- */
.o-banner--article .o-breadcrumb li + li::before { content: none; }
.o-banner--article .o-breadcrumb__sep { color: var(--o-gold); font-weight: 700; }

/* ---- بانر المقال: الشعار الدائري + اسم الشركة فوق العنوان ---- */
.o-banner__brand { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; color: #fff; }
.o-banner__brand b { display: block; font-size: 18px; font-weight: 800; line-height: 1.3; }
.o-banner__brand small { display: block; color: var(--o-gold); font-size: 14px; font-weight: 700; }
.o-banner--article .o-banner__brand .o-banner__emblem { margin: 0; flex: 0 0 auto; }

/* ---- روابط القائمة القديمة ---- */
.o-articles-legacy { padding: 26px 0; }
.o-articles-legacy .o-legacy-links a { color: var(--o-brown); font-weight: 700; }
.o-articles-legacy .o-legacy-links a:hover { color: var(--o-dark); }

.o-banner--article .o-banner__emblem {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 0 18px;
  border: 3px solid var(--o-gold);
  box-shadow: 0 6px 20px rgba(0, 0, 0, .25);
  background: #fff;
}
.o-banner--article .o-banner__title { max-width: 900px; text-wrap: balance; }

/* ---- نص المقال: عرض مريح للقراءة ---- */
.o-article .o-container--narrow { max-width: 860px; }
.o-article .o-prose { max-width: 820px; margin: 0 auto; }
.o-article .o-prose b, .o-article .o-prose strong { color: var(--o-dark); font-weight: 800; }
.o-article .o-prose h2::after {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  margin-top: 10px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--o-gold), var(--o-brown));
}
.o-article .o-prose ul li { padding-right: 2px; }
.o-article .o-faq { margin: 0 0 1.5em; }
.o-article .o-faq__q h3 { font-weight: 800; }

/* ---- قائمة المقالات ---- */
.o-articles__intro { max-width: 820px; margin: 0 auto 36px; text-align: center; color: var(--o-text); }
.o-article-card { text-decoration: none; height: 100%; }
.o-article-card__tag {
  align-self: flex-start;
  display: inline-block;
  margin-bottom: 12px;
  padding: 3px 14px;
  border-radius: 40px;
  background: var(--o-beige);
  color: var(--o-brown);
  font-size: 13px;
  font-weight: 800;
}
.o-article-card .o-card__title { font-size: 20px; line-height: 1.55; }
.o-article-card .o-card__text { color: var(--o-muted); font-size: 15.5px; line-height: 1.9; margin: 0; }
.o-article-card:hover .o-card__title { color: var(--o-brown); }

@media (max-width: 640px) {
  .o-banner--article .o-banner__emblem { width: 58px; height: 58px; }
}