/* Grid dua kolom dengan tinggi box seragam */
.cmp_article_list.articles {
  display: grid;
  grid-template-columns: 1fr 1fr; /* dua kolom seimbang */
  gap: 24px;
  margin-top: 20px;
  align-items: stretch; /* pastikan tinggi kolom seragam */
}

/* Setiap artikel sebagai box profesional */
.cmp_article_list.articles .obj_article_summary {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  border: 1px solid #e0e0e0;
  padding: 16px;
  border-radius: 8px;
  background-color: #fafafa;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
}

/* Hover untuk efek elegan */
.cmp_article_list.articles .obj_article_summary:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Responsif: satu kolom untuk mobile */
@media (max-width: 768px) {
  .cmp_article_list.articles {
    grid-template-columns: 1fr;
  }
}
/* Membuat semua paragraf dan konten artikel menjadi justified */
.pkp_structure_main p,
.pkp_structure_main div,
.pkp_structure_main span,
.pkp_structure_main li,
.pkp_structure_main td,
.pkp_structure_main th {
    text-align: justify !important;
}

/* Khusus untuk isi artikel full text */
.obj_article_details .main_entry,
.page_article .article_details,
.page_issue .issue_description {
    text-align: justify !important;
}
/* ============================
   OJS 3 — Hapus IMG di daftar artikel (issue TOC)
   Target: .cmp_article_list .articles (obj_article_summary)
   ============================ */

/* 1) Matikan SEMUA gambar di ringkasan artikel (termasuk ikon "eye") */
.cmp_article_list .articles .obj_article_summary img,
.page_issue .cmp_article_list .obj_article_summary img {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* 2) Kalau ikon bukan <img> tapi pseudo/span ikon, matikan juga */
.cmp_article_list .articles .obj_article_summary [class*="icon"],
.cmp_article_list .articles .obj_article_summary .pkpIcon,
.cmp_article_list .articles .obj_article_summary a::before,
.cmp_article_list .articles .obj_article_summary span::before {
  display: none !important;
  content: none !important;
}

/* 3) Kadang plugin menyuntik gambar via background-image */
.cmp_article_list .articles .obj_article_summary [style*="background-image"] {
  background-image: none !important;
}

/* 4) Jaga-jaga: sembunyikan berdasarkan pola src yang umum dipakai ikon */
.cmp_article_list .articles .obj_article_summary img[src*="eye"],
.cmp_article_list .articles .obj_article_summary img[src*="view"],
.cmp_article_list .articles .obj_article_summary img[src*="download"] {
  display: none !important;
}

/* 5) Pastikan tombol/link PDF tetap terbaca walau ikonnya disembunyikan */
.cmp_article_list .articles .obj_article_summary .galleys a.galley_link.pdf {
  text-indent: 0 !important;
}
.cmp_article_list .articles .obj_article_summary .galleys a.galley_link.pdf::before {
  content: "PDF";
  font-weight: 600;
  margin-right: .3rem;
}
/* ============================
   OJS 3 — Hapus IMG di current_issue
   ============================ */

/* 1) Sembunyikan semua <img> di dalam current_issue */
.current_issue img,
.page_index .current_issue img,
.obj_issue_toc .current_issue img {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* 2) Jika ada ikon pakai background-image atau pseudo-element */
.current_issue [style*="background-image"],
.current_issue .pkpIcon,
.current_issue [class*="icon"],
.current_issue a::before,
.current_issue span::before {
  background-image: none !important;
  display: none !important;
  content: none !important;
}
/* --- Pastikan sidebar kiri selalu di atas dan bisa diklik --- */
.pkp_structure_sidebar.left {
  position: relative;
  z-index: 1002 !important;
  pointer-events: auto !important;
}

/* Turunkan z-index kolom utama agar tidak menimpa sidebar */
.pkp_structure_main,
.pkp_structure_content {
  position: relative;
  z-index: 1 !important;
  overflow: visible !important; /* cegah area mengembang menutupi sidebar */
}

/* Beberapa tema/plug-in membuat overlay lebar pada kartu artikel: matikan kemungkinan overlay */
.cmp_article_list .articles,
.cmp_article_list .articles .obj_article_summary,
.cmp_article_list .articles .obj_article_summary * {
  position: relative;
}

/* Jika ada pseudo-element/elemen absolut yang membentang menutup sidebar, nonaktifkan interaksinya */
.cmp_article_list .articles::before,
.cmp_article_list .articles::after,
.cmp_article_list .articles .obj_article_summary::before,
.cmp_article_list .articles .obj_article_summary::after {
  content: none !important;
  pointer-events: none !important;
}

/* Tombol galley/ikon kadang absolut & melebar: pastikan tidak menangkap klik di luar areanya */
.cmp_article_list .articles .galleys,
.cmp_article_list .articles .galley_link,
.cmp_article_list .articles .galleys * {
  pointer-events: auto;
  position: relative;
  z-index: 2;
}

/* (Jaga-jaga) Jika ada layer global dari current_issue yang melebar */
.current_issue,
.current_issue * {
  position: relative;
  z-index: 1;
}
/* ============================
   OJS 3 — Mengaktifkan custom block plugin di sidebar
   ============================ */

/* 1) Pastikan sidebar kiri selalu bisa berinteraksi */
.pkp_structure_sidebar.left {
  position: relative;
  z-index: 1002 !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

/* 2) Mengaktifkan custom block plugin untuk bisa diklik */
.pkp_structure_sidebar.left .pkp_block.block_custom {
  position: relative;
  z-index: 1003 !important; /* Naikkan di atas elemen lainnya */
  pointer-events: auto !important; /* Pastikan bisa diklik */
}

/* 3) Memastikan semua elemen dalam custom block plugin bisa diklik */
.pkp_structure_sidebar.left .pkp_block.block_custom a,
.pkp_structure_sidebar.left .pkp_block.block_custom * {
  pointer-events: auto !important; /* Semua elemen dalam blok bisa diklik */
  z-index: 1004 !important; /* Pastikan blok custom ada di atas */
}

/* 4) Jika ada layer overlay yang menghalangi sidebar, matikan interaksinya */
.pkp_structure_sidebar.left .overlay,
.pkp_structure_sidebar.left .modal-backdrop {
  pointer-events: none !important;
}

/* 5) Menangani jika ada elemen yang menutupi custom block */
.pkp_structure_sidebar.left .pkp_block.block_custom {
  position: relative;
  z-index: 1005 !important; /* Posisikan custom block lebih tinggi */
  overflow: visible !important;
}

/* 6) Pastikan custom block plugin tidak terhalang oleh menu atau navbar lainnya */
.pkp_structure_sidebar.left .navigation,
.pkp_structure_sidebar.left .menu {
  pointer-events: none !important; /* Menonaktifkan pointer events pada menu */
}
/* ============================
   OJS 3 — Mengaktifkan Klik pada Tabel di Custom Block (PEOPLE)
   ============================ */

/* 1) Pastikan tabel di dalam custom block bisa diklik */
.pkp_block.block_custom #customblock-people table {
  position: relative;
  z-index: 1003 !important; /* Pastikan tabel berada di atas elemen lainnya */
  pointer-events: auto !important; /* Pastikan tabel bisa berinteraksi */
}

/* 2) Mengaktifkan link di dalam tabel agar bisa diklik */
.pkp_block.block_custom #customblock-people a {
  position: relative;
  z-index: 1004 !important; /* Pastikan link lebih tinggi dari elemen lainnya */
  pointer-events: auto !important; /* Pastikan link bisa diklik */
}

/* 3) Jika ada elemen lain yang menutupi, pastikan interaksi pada link tetap aktif */
.pkp_structure_sidebar.left #customblock-people a,
.pkp_structure_sidebar.left #customblock-people table a {
  pointer-events: auto !important;
  z-index: 1005 !important; /* Pastikan link di dalam tabel berada di atas */
}

/* 4) Matikan overlay atau modal yang mungkin menghalangi interaksi */
.pkp_structure_sidebar.left .overlay,
.pkp_structure_sidebar.left .modal-backdrop {
  pointer-events: none !important; /* Nonaktifkan pointer events pada overlay/modal */
}

/* 5) Menangani masalah jika ada elemen yang menghalangi custom block */
.pkp_structure_sidebar.left .pkp_block.block_custom {
  position: relative;
  z-index: 1006 !important; /* Posisikan custom block lebih tinggi dari elemen lainnya */
  overflow: visible !important;
}

/* 6) Memastikan pointer-events aktif pada semua elemen dalam blok custom */
.pkp_structure_sidebar.left #customblock-people * {
  pointer-events: auto !important; /* Semua elemen dalam blok custom bisa diklik */
}

body {
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim92hr9ryJirUWl7SL2Jq7MwDxnd2-mQiiAXVLpQ9IKcsyoKljsY-3tYdXGy6r_AHRf2ShecZTOMwFNIHd5nCmITwBP1bEjmGEV9c_kYKVf-k-v9-Oa_x8uosotJya-liUKi26ZONgyCR01hDEO7UZC1WLcUj6xjTZ8mbYTa-GH-qL9-4CewV3ac94vrBG/s16000/Untitled%20design.png');
    background-size: cover; /* This ensures the image covers the entire page */
    background-repeat: no-repeat; /* Ensures the image doesn't repeat */
    background-position: center center; /* Centers the background image */
    background-attachment: fixed; /* Keeps the background fixed during scrolling */
 }