/**
 * صفحة قائمة عدد منتدى الحج والعمرة والزيارة
 */
.ui-page { min-height: 50vh; padding: 32px 0 48px; }
.ui-bar {
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(90deg, #1a4d3e, #2d7a62, #d4af37);
  margin-bottom: 20px;
}
.ui-header { text-align: center; margin-bottom: 28px; padding: 0 16px; }
.ui-header h1 { font-size: 1.75rem; margin: 0 0 8px; color: var(--text, #231f20); }
.ui-header p { font-size: 1rem; color: var(--muted, #3d3634); margin: 0 0 16px; }
.ui-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 8px; }
.ui-list { list-style: none; margin: 0; padding: 0; max-width: 640px; margin: 0 auto; }
.ui-item {
  margin: 0 0 12px;
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
}
.ui-item a {
  display: block;
  padding: 18px 20px;
  background: var(--bg-card, #fff);
  border: 1px solid rgba(26, 77, 62, 0.15);
  border-radius: 12px;
  text-decoration: none;
  color: var(--text, #231f20);
  transition: background 0.2s, border-color 0.2s;
}
.ui-item a:hover,
.ui-item a:focus {
  background: #f0faf6;
  border-color: rgba(26, 77, 62, 0.35);
  outline: none;
}
.ui-item-placeholder { text-align: center; }
.ui-item-title { display: block; font-weight: 700; color: inherit; margin-bottom: 6px; }
.ui-item-author { display: block; font-size: 0.9rem; color: #2d7a62; }
.ui-item-note { font-size: 0.9rem; color: var(--muted); }