/* ===== صفحة "نشاطاتنا" العامة وصفحة تفاصيل النشاط (وشارات الحالة في الإدارة) ===== */

.activities-page { padding: 32px 0 64px; }

.activities-header {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 36px;
}
.activities-header > i { font-size: 2.6rem; color: #25652C; }
.activities-header h1 { margin: 0; font-size: 2rem; font-weight: 800; color: #1e293b; }
.activities-header p { margin: 4px 0 0; color: #64748b; }

.activities-empty { text-align: center; padding: 64px 16px; color: #64748b; }
.activities-empty i { font-size: 3rem; color: #cbd5e1; display: block; margin-bottom: 12px; }

.activities-section { margin-bottom: 48px; }
.activities-section-title {
  font-size: 1.35rem;
  font-weight: 800;
  color: #25652C;
  margin: 0 0 18px;
  padding-inline-start: 14px;
  border-inline-start: 4px solid #f99d27;
}
.activities-section-title .count { color: #94a3b8; font-weight: 600; font-size: 1rem; }

.activity-card {
  background: #fff;
  border: 1px solid #eef2f7;
  border-radius: 22px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease;
}
.activity-card:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08); }
.activity-card.is-past .activity-card-image img { filter: saturate(0.6); }

.activity-card-image { position: relative; display: block; height: 200px; background: #eef8ef; }
.activity-card-image img { width: 100%; height: 100%; object-fit: cover; }
.activity-card-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 3rem; color: #9ccca4;
}
.activity-date-badge {
  position: absolute;
  bottom: 12px;
  inset-inline-start: 12px;
  background: rgba(255,255,255,0.95);
  color: #25652C;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 0.8rem;
  font-weight: 700;
  display: inline-flex; align-items: center; gap: 6px;
}

.activity-card-body { padding: 18px; display: flex; flex-direction: column; flex: 1; }
.activity-card-body h3 { font-size: 1.1rem; font-weight: 800; margin: 0 0 8px; line-height: 1.6; }
.activity-card-body h3 a { color: #1e293b; text-decoration: none; }
.activity-card-body h3 a:hover { color: #25652C; }
.activity-location { color: #64748b; font-size: 0.9rem; margin: 0 0 8px; display: flex; align-items: center; gap: 6px; }
.activity-excerpt { color: #64748b; font-size: 0.95rem; line-height: 1.8; margin: 0 0 14px; flex: 1; }
.activity-more { color: #f99d27; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.activity-more:hover { color: #e88c16; }

/* ----- التفاصيل ----- */
.activity-details { padding: 24px 0 64px; max-width: 900px; }
.activity-back { color: #25652C; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 18px; }
.activity-details-card { background: #fff; border: 1px solid #eef2f7; border-radius: 24px; overflow: hidden; }
.activity-details-image { width: 100%; max-height: 420px; object-fit: cover; display: block; }
.activity-details-body { padding: 28px; }
.activity-details-body h1 { font-size: 1.8rem; font-weight: 800; color: #1e293b; margin: 12px 0 14px; line-height: 1.5; }
.activity-meta { list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-wrap: wrap; gap: 18px; color: #475569; font-weight: 600; }
.activity-meta li { display: flex; align-items: center; gap: 6px; }
.activity-meta i { color: #25652C; }
.activity-content { color: #334155; line-height: 1.9; font-size: 1.02rem; }
.activity-content img { max-width: 100%; height: auto; border-radius: 12px; }
.activity-link-btn {
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 22px;
  background: #f99d27; color: #fff !important;
  padding: 12px 26px; border-radius: 12px; font-weight: 700; text-decoration: none;
}
.activity-link-btn:hover { background: #e88c16; }
.activity-admin-edit { display: inline-flex; align-items: center; gap: 6px; margin: 22px 12px 0; color: #25652C; font-weight: 700; text-decoration: none; }

/* ----- شارات الحالة (عامة وإدارية) ----- */
.activity-badge { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; font-size: 0.8rem; font-weight: 800; margin-inline-end: 6px; }
.badge-upcoming { background: #edf7ee; color: #2e7d32; }
.badge-past { background: #f1f5f9; color: #475569; }
.badge-draft { background: #fff3e0; color: #c2410c; }
.activity-thumb-placeholder {
  width: 50px; height: 50px; border-radius: 8px; background: #eef8ef; color: #9ccca4;
  display: inline-flex; align-items: center; justify-content: center; font-size: 1.3rem;
}

@media (max-width: 768px) {
  .activities-header h1 { font-size: 1.5rem; }
  .activity-details-body { padding: 20px; }
  .activity-details-body h1 { font-size: 1.4rem; }
}