/* ==========================================================================
   OJS 3 ARTICLE LIST - 2 COLUMN GRID LAYOUT
   ========================================================================== */

/* 1. Mengubah kontainer daftar artikel menjadi Grid */
.cmp_article_list .articles,
.obj_issue_toc .sections .section .cmp_article_list {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important; /* 2 Kolom sejajar */
  gap: 20px !important;                             /* Jarak antar kartu */
  list-style: none !important;
  padding: 0 !important;
  margin-top: 15px !important;
}

/* 2. Menyesuaikan kartu artikel agar fleksibel di dalam Grid */
.obj_article_summary {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;                          /* Menyamakan tinggi kartu */
  margin-bottom: 0 !important;                      /* Menghapus margin lama */
  box-sizing: border-box !important;
}

/* 3. Mendorong area tombol PDF/Galleys ke bagian bawah kartu */
.obj_article_summary .galleys_links {
  margin-top: auto !important;
  padding-top: 15px !important;
}

/* 4. RESPONSIVE DESIGN: Otomatis kembali ke 1 kolom di layar HP */
@media (max-width: 768px) {
  .cmp_article_list .articles,
  .obj_issue_toc .sections .section .cmp_article_list {
    grid-template-columns: 1fr !important;          /* Kembali ke 1 kolom */
    gap: 15px !important;
  }
}