/* ============================================================
 *  MostafaCore — طبقة صقل الواجهة (إضافية وآمنة، لا تكسر التخطيط)
 *  micro-interactions + تجربة قراءة أفضل + إتاحة (a11y)
 * ============================================================ */

/* حركات ناعمة عامة */
a, .card, .news-card, .cat-list__item, .btn, button {
  transition: color .18s ease, background-color .18s ease, box-shadow .2s ease, transform .2s ease, border-color .18s ease;
}

/* بطاقات: رفعة خفيفة + ظل عند المرور */
.card { border-radius: 12px; overflow: hidden; }
.card:hover { transform: translateY(-4px); box-shadow: 0 14px 32px rgba(0,0,0,.14); }

/* تكبير الصورة داخل البطاقة بسلاسة */
.card__media { overflow: hidden; }
.card__media img { transition: transform .5s ease; will-change: transform; }
.card:hover .card__media img { transform: scale(1.06); }

/* عنوان البطاقة يتلوّن عند المرور */
.card:hover .card__title { color: var(--c-primary, #e30613); }

/* عناصر القائمة الجانبية: إزاحة خفيفة */
.cat-list__item:hover { transform: translateX(-3px); }
.cat-list__item:hover .cat-list__title { color: var(--c-primary, #e30613); }
.cat-list__thumb { overflow: hidden; border-radius: 8px; }
.cat-list__thumb img { transition: transform .4s ease; }
.cat-list__item:hover .cat-list__thumb img { transform: scale(1.08); }

/* تجربة قراءة المقال: إيقاع أفضل للنص */
.article__body { line-height: 1.95; font-size: 17.5px; }
.article__body p { margin: 0 0 1.15em; }
.article__body h2, .article__body h3 { line-height: 1.5; margin: 1.4em 0 .6em; scroll-margin-top: 90px; }
.article__body img { border-radius: 12px; }
.article__body a { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; text-decoration-color: color-mix(in srgb, var(--c-primary, #e30613) 45%, transparent); }
.article__body a:hover { text-decoration-color: var(--c-primary, #e30613); }
.article__body blockquote {
  border-inline-start: 4px solid var(--c-primary, #e30613);
  background: color-mix(in srgb, var(--c-primary, #e30613) 6%, transparent);
  margin: 1.2em 0; padding: 12px 18px; border-radius: 0 10px 10px 0; font-style: italic;
}

/* أزرار أنيقة */
.btn, .article__more, .more-link {
  border-radius: 10px;
  transition: transform .15s ease, box-shadow .2s ease, filter .15s ease;
}
.btn:hover, .article__more:hover, .more-link:hover { transform: translateY(-2px); filter: brightness(1.05); }
.btn:active { transform: translateY(0); }

/* إتاحة: إطار تركيز واضح لمستخدمي الكيبورد */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--c-primary, #e30613) 55%, transparent);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ظهور تدريجي لطيف للبطاقات عند التحميل */
@media (prefers-reduced-motion: no-preference) {
  .grid > *, .cat-mixed, .mc-magazine { animation: mcFadeUp .5s ease both; }
}
@keyframes mcFadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* شريط تمرير رفيع أنيق (متوافق مع الوضع الداكن) */
* { scrollbar-width: thin; scrollbar-color: var(--c-primary, #e30613) transparent; }

/* روابط عامة: لون التمرير */
a:hover { color: var(--c-primary, #e30613); }

/* تحسين صورة الكاتب/البايلاين */
.article__byline-photo img { border-radius: 50%; transition: transform .2s ease; }
.article__byline-photo:hover img { transform: scale(1.08); }