/* ═══════════════════════════════════════════════════════════════════
   صفحات النافذة الثقافية وحدها (تُحمَّل منها فقط، فلا تثقل الصفحة الرئيسية).
   القاعدة نفسها في portal.css: متغيرات الديزاين سستم فقط.
   ═══════════════════════════════════════════════════════════════════ */

/* ── روزنامة الفعاليات (تعريف-النافذة-الثقافية.md، البند 2.3) ───────
   تبويبان (القادمة، السابقة) وأزرار تصفية بالنوع: روابط عادية تعمل دون جافاسكربت.
   كل فعالية سطر: مربع التاريخ، ثم النوع والعنوان والوقت والمكان. */
.view-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); padding: var(--space-1); border-radius: var(--radius-pill); background: var(--bg-subtle); }
.view-tab { padding: var(--space-2) var(--space-4); border-radius: var(--radius-pill); color: var(--text-secondary); font-weight: 700; text-align: center; text-decoration: none; }
.view-tab.is-selected { background: var(--bg-surface); color: var(--text-heading); box-shadow: var(--shadow-xs); }

.type-filter { display: flex; gap: var(--space-2); overflow-x: auto; padding-bottom: var(--space-1); scrollbar-width: none; }
.type-filter .btn { flex: none; }

.event-group { display: flex; flex-direction: column; gap: var(--space-3); }
.event-group__title { color: var(--text-heading); }

.card.event-card { display: grid; grid-template-columns: auto 1fr; gap: var(--space-4); align-items: start; color: inherit; text-decoration: none; }
.event-card.is-cancelled .event-card__title { text-decoration: line-through; color: var(--text-muted); }
.event-date { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 64px; padding: var(--space-2) var(--space-3); border-radius: var(--radius-md); background: var(--bg-subtle); color: var(--text-heading); text-align: center; line-height: 1.2; }
.event-date__day { font-size: 1.6em; font-weight: 800; }
.event-date__month { color: var(--text-secondary); }
.event-card__body { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; }
.event-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.event-card__title { color: var(--text-heading); }
.event-card__note { color: var(--color-danger); }
.event-when__time { white-space: nowrap; }

/* ── المقالات (البند 5) ──────────────────────────────────────────
   الكاتب: صورة دائرية صغيرة (أو الحرف الأول من الاسم) بجانب الاسم والنبذة.
   النص: فقرات بمسافة واضحة بينها للقراءة الطويلة على الهاتف. */
.writer-line { display: flex; align-items: center; gap: var(--space-3); }
.writer-line__text { display: flex; flex-direction: column; min-width: 0; }
.writer-line__name { color: var(--text-heading); font-weight: 700; text-decoration: none; }
a.writer-line__name { color: var(--color-link); }
.writer-avatar { flex: none; width: 48px; height: 48px; border-radius: var(--radius-pill); object-fit: cover; background: var(--bg-subtle); }
.writer-avatar--initial { display: flex; align-items: center; justify-content: center; color: var(--color-primary); font-weight: 700; background: var(--gold-50); }
.article-body p { margin: 0 0 var(--space-4); }
.article-note { padding-top: var(--space-3); border-top: 1px solid var(--border-color); }

/* صفحة الفعالية */
.event-poster { display: block; border-radius: var(--radius-lg); overflow: hidden; background: var(--bg-subtle); }
.event-poster img { display: block; width: 100%; height: auto; }