/* --- PAGE LOAD ANIMATION--- */
/* --- Perbaikan Z-index untuk Header agar di Atas Animasi Konten --- */
.pkp_structure_head {
  position: relative; /* Pastikan ini ada jika diperlukan untuk z-index */
  z-index: 10;
}

/* --- Definisi Keyframes Animasi (Tetap Sama) --- */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes slideDownHeader {
  from { opacity: 0; transform: translateY(-80px); } /* Mulai dari atas */
  to { opacity: 1; transform: translateY(0); }
}

/* --- Penerapan Animasi slideDownHeader untuk Header Navigasi --- */
#headerNavigationContainer {
  opacity: 0; /* Mulai transparan */
  animation-name: slideDownHeader; /* Gunakan animasi slideDown */
  animation-duration: 0.8s;      /* Durasi animasi header */
  animation-timing-function: ease-out;
  animation-delay: 0.1s;         /* Mulai paling awal */
  animation-fill-mode: both;      /* Pertahankan state awal & akhir */
}

/* --- Penerapan Animasi fadeInUP ke Blok Konten Lainnya --- */
#pkp_content_main,
.pkp_structure_sidebar,
#pkp_content_footer {
  opacity: 0; /* Mulai transparan */
  animation-name: fadeInUp; /* Gunakan animasi fadeInUp */
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
  animation-delay: 0s; /* Default delay (akan di-override bawah) */
  animation-fill-mode: both;
}

/* --- Delay Bertingkat untuk Blok Konten Lainnya --- */
#pkp_content_main {
  animation-delay: 0.3s; /* Mulai setelah header */
}
.pkp_structure_sidebar {
  animation-delay: 0.5s; /* Mulai setelah konten utama */
}
#pkp_content_footer {
  animation-delay: 0.6s; /* Mulai setelah sidebar */
}

/* --- Pastikan H2 di Konten Utama TIDAK memiliki animasi sendiri --- */
#pkp_content_main h2 {
    /* Gaya h2 yang sudah ada (warna, font, border, dll.) - TANPA animation-* */
    font-size: 2.2em;
    color: #2E7D32;
    margin: 0 0 30px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid #A5D6A7;
    font-weight: 600;
    line-height: 1.3;
    /* Pastikan tidak ada properti animation-* di sini */
}

/* --- Opsional: Hapus animasi dari .pkp_structure_head jika ada aturan terpisah --- */
/* Jika sebelumnya Anda punya aturan seperti ini, hapus bagian animasinya:
.pkp_structure_head {
  animation-delay: 0.1s;
  // Hapus properti animation-* lainnya dari sini jika ada
}
*/


/*-------------EFFECT TAMPILAN DASAR-------------------*/



img {filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}
img:hover {filter:alpha(opacity=70);
-moz-opacity: 0.7;
 opacity: 0.7;}
.pkp_structure_content.has_sidebar {
    background: #fff;
}
.pkp_page_index .homepage_image img:hover {
	opacity: 1.0;
}
.cover img {
    width: 200px;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 0 2rem 0px rgba(0, 0, 0, 0.13);
}
@media (min-width: 768px){
.cover img {
    float: left;
    margin-right: 20px;
}
}
.cover img:hover {
    filter: grayscale(100%);
    transform: scale(.99);
    transition: all .5s ease-in-out;
}
a{
	color:Green;
	text-decoration: none;
}
a:hover{
color:#fd8d02;
}
p, li {
	text-align:justify;
}
 .pkp_site_name .is_img img {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    /* max-height: 100px;*/
    /* max-width: 100%; */
    /* width: 100%; */
    /* height: 100%; */
}

@media (min-width: 992px){
 nav .pkp_navigation_primary_wrapper{
    padding: 0px 20px;
	list-style: none;
    background: linear-gradient(to bottom,#72ba3a 50%,#167f48 100%);
	box-shadow:-1px 0px 3px 0px rgba(51,51,51,1);
}
.pkp_site_name .is_img img {
    padding-left: 20px;
}
}
.pkp_navigation_primary > li {
    border-right: 2px solid #5cac3d;
    padding-right: 10px;
}
@media (max-width: 992px){
.pkp_navigation_primary > li {
    border-right: 2px solid #5cac3d;
    padding-right: 10px;
    display: inline;
}
}
@media (max-width: 485px){
.pkp_navigation_primary > li {
    border-right: 2px solid #fff;
    padding-right: 10px;
    display: inline;
}
}

.cmp_breadcrumbs {
    border-TOP: 2px solid #5cac3d;
	Display: block;
}
.cmp_breadcrumbs a:hover {
    color: orange;
}
.pkp_structure_head {
	margin: 0 auto;
    max-width: 1160PX;
}
.cmp_button_wire, .obj_galley_link {
	background: #00b24e;
	Color: #fff;
	border: 1px solid #fff;
	text-align: center;
}
.cmp_button_wire, .obj_galley_link:hover {
    background: #ccc;
    color: #fff;
}
.cmp_article_list>li {
    margin-bottom: 30px;
    border-bottom: solid 1px darkseagreen;
    padding: 15px;
    background: transparent url(/v2/public/site/images/agromix/pattern.png) repeat scroll 0% 0% !important;
    border-radius: 0rem 0rem 1rem 0rem;
}
.cmp_article_list>li:hover {
    box-shadow: 0 0 2rem 0px rgba(0, 0, 0, 0.13);
    transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, transform 0.3s ease-out;
}
.pkp_structure_sidebar {
    float: left;
    max-width: 295px;
}
.pkp_structure_sidebar a:hover {
    text-decoration: underline;
}
.pkp_block.block_developed_by {
    display: none;
}
.page_announcements img:hover {
    opacity: 1;
}





span.subtitle {
    font-size: small;
    font-style: italic;
}

@media (min-width: 992px){
	.page_issue_archive .issues_archive>li{
		padding-left: 30px;
		display: inline-table;
		width: 45%;
}
}
@media (min-width: 768px){
	.obj_issue_summary .cover {
		float: left;
		width: 50%;
		height: auto;
		margin-right: 20px;
}
}
@media (min-width: 768px){
.obj_article_summary>.title{
    width: 80%;
    text-align: justify;
    padding-right: 20px;
}
.obj_article_summary .meta{
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
    width: 30%;
    font-style: italic;
    font-size: smaller;
    margin-right: 10px;
}
.obj_article_summary {
    display: flex;
}
.pages {
    display: contents;
}
.authors {
    border-bottom: 1px dashed #ccc;
}
.obj_article_summary .authors{
    padding-right: 1px;
}
}
div#customblock-Shareit {
    padding-top: 0;
    padding-bottom: 0;
}

fieldset.reviewer {
    display: none;
}



/* --- Basic Reset & Font --- */
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f9f9f9; /* Slightly off-white background */
  margin: 0;
  padding: 0;
}

a {
  color: #4CAF50; /* Main Green for links */
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #388E3C; /* Darker Green on hover */
  text-decoration: underline;
}

h1, h2, h3 {
  color: #2E7D32; /* Darker Green for headings */
  margin-top: 1.5em;
  margin-bottom: 0.8em;
  line-height: 1.3;
}

/* --- Main Structure --- */
#pkp_content_main {
  max-width: 1200px;
  margin: 20px auto; /* Center the main content */
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}


/* --- Breadcrumbs --- */
.cmp_breadcrumbs {
  background-color: #E8F5E9; /* Very Light Green background */
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 25px;
  font-size: 0.9em;
}

.cmp_breadcrumbs ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cmp_breadcrumbs li {
  display: inline;
  color: #555;
}

.cmp_breadcrumbs .separator {
  margin: 0 8px;
  color: #A5D6A7; /* Light Green separator */
}

.cmp_breadcrumbs a {
  color: #388E3C; /* Darker Green for breadcrumb links */
}

.cmp_breadcrumbs a:hover {
  color: #1B5E20; /* Even Darker Green */
}

.cmp_breadcrumbs .current {
  font-weight: bold;
  color: #1B5E20;
}

/* --- Article Details --- */
.obj_article_details {
  /* Container for article info */
}

h1.page_title {
  font-size: 2.2em;
  font-weight: 600;
  color: #1B5E20; /* Darkest Green for main title */
  margin-top: 0;
  margin-bottom: 20px;
  border-bottom: 2px solid #A5D6A7; /* Light green underline */
  padding-bottom: 10px;
}

/* --- Layout: Main Entry & Details Sidebar --- */
.row {
  display: flex;
  flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

.main_entry {
  flex: 3; /* Takes up more space */
  min-width: 300px; /* Prevent excessive squishing */
}

.entry_details {
  flex: 1; /* Takes up less space */
  min-width: 250px;
  background-color: #F1F8E9; /* Very Light Green/Cream */
  border: 1px solid #DCEDC8; /* Subtle light green border */
  border-radius: 6px;
  align-self: flex-start; /* Keep it aligned to the top */
}

/* --- Item Styling (Authors, DOI, Keywords, etc.) --- */
.item {
  margin-bottom: 20px;
  line-height: 1.5;
}

.item .label,
.item h3.label {
  font-weight: bold;
  color: #388E3C; /* Darker Green for labels */
  display: block;
  margin-bottom: 6px;
  font-size: 1em;
}

.item h3.label { /* Abstract, References headings */
  font-size: 1.2em;
  color: #2E7D32;
  border-bottom: 1px solid #C8E6C9;
  padding-bottom: 5px;
  margin-top: 1.8em; /* More space above section headers */
}

.item .value {
  color: #444; /* Slightly lighter text for values */
}

/* Authors List */
ul.item.authors {
  list-style: none;
  padding: 10px;
  margin: 0;
}

ul.item.authors li {
  margin-bottom: 12px;
}

ul.item.authors .name {
  font-weight: 600;
  color: #333;
  display: block;
}

ul.item.authors .affiliation {
  font-size: 0.9em;
  color: #555;
  display: block;
  margin-top: 2px;
}

/* Keywords */
.item.keywords .value {
  font-style: italic;
  color: #666;
}

/* Abstract */
.item.abstract p {
  text-align: justify;
  color: #333;
}

/* References */
.item.references .value p {
  margin-bottom: 10px;
  font-size: 0.95em;
}

.item.references .value a {
    word-break: break-all; /* Help long DOIs wrap */
}

/* --- Sidebar Details Styling (.entry_details) --- */
.entry_details .item,
.entry_details .sub_item {
  margin-bottom: 15px;
  font-size: 0.9em;
}

.entry_details .label {
  color: #1B5E20; /* Darkest Green for sidebar labels */
  font-size: 0.95em;
  margin-bottom: 4px;
}

.entry_details .value {
  color: #444;
}

/* PDF Link Button */
.galleys_links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.obj_galley_link.pdf {
  display: inline-block;
  background-color: #4CAF50; /* Main Green background */
  color: #fff !important; /* White text, important to override default link color */
  padding: 10px 18px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.obj_galley_link.pdf:hover {
  background-color: #388E3C; /* Darker Green */
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Citation Section */
.citation_display .value {
    background-color: #fff;
    border: 1px dashed #C8E6C9; /* Dashed light green border */
    padding: 10px;
    border-radius: 4px;
    font-size: 0.9em;
    line-height: 1.5;
}

.citation_formats_button {
  background-color: transparent;
  border: 1px solid #81C784; /* Medium Green border */
  color: #388E3C;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.85em;
  margin-top: 10px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.citation_formats_button:hover {
  background-color: #E8F5E9; /* Very light green */
  border-color: #4CAF50;
}

.citation_formats_list {
  /* This is often controlled by JS, basic styles for when visible */
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 5px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  font-size: 0.85em;
}

.citation_formats_list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.citation_formats_list li {
  margin-bottom: 5px;
}

/* Issue Link */
.item.issue .value a.title {
  font-weight: bold;
}

/* Copyright */
.item.copyright {
  font-size: 0.85em;
  color: #666;
  border-top: 1px solid #E0E0E0; /* Separator line */
  padding-top: 15px;
  margin-top: 25px;
}

.item.copyright p {
    margin-bottom: 8px;
}

.item.copyright img {
  vertical-align: middle;
  margin-right: 5px;
  opacity: 0.8;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
  .row {
    flex-direction: column; /* Stack main content and sidebar */
  }

  #pkp_content_main {
    margin: 10px;
    padding: 15px;
    display: none; /* JIKA DITAMPILKAN MALAH ADA YANG ANEH */
  }

  h1.page_title {
    font-size: 1.8em;
  }

  .entry_details {
      margin-top: 20px; /* Add space when stacked */
  }
}

/* --- Authors List Styling (Opsi 1: Minimalis) --- */

ul.item.authors {
  list-style: none; /* Hilangkan bullet points */
  padding: 0;
  margin: 20px; /* Reset padding, beri margin bawah */
}

ul.item.authors li {
  border-left: 4px solid #81C784; /* Aksen garis hijau sedang di kiri */
  padding: 12px 15px; /* Padding internal */
  margin-bottom: 15px; /* Jarak antar penulis */
  background-color: #F8FDF8; /* Background hijau sangat pucat (opsional) */
  border-radius: 0 4px 4px 0; /* Sedikit lengkungan di sudut kanan */
  transition: background-color 0.3s ease, border-left-color 0.3s ease; /* Transisi hover halus */
}

ul.item.authors li:hover {
  background-color: #E8F5E9; /* Background sedikit lebih gelap saat hover */
  border-left-color: #388E3C; /* Garis aksen jadi hijau lebih tua saat hover */
}

ul.item.authors .name {
  display: block; /* Nama di baris sendiri */
  font-weight: 600; /* Sedikit tebal */
  font-size: 1.1em; /* Sedikit lebih besar */
  color: #2E7D32; /* Hijau tua untuk nama */
  margin-bottom: 5px; /* Jarak ke afiliasi */
}

ul.item.authors .affiliation {
  display: block; /* Afiliasi di baris sendiri */
  font-size: 0.9em; /* Lebih kecil dari nama */
  color: #555; /* Abu-abu tua untuk kontras */
  line-height: 1.4; /* Jarak antar baris afiliasi jika panjang */
}

/* --- Keywords Styling (No HTML Change) --- */

.item.keywords {
  margin: 25px; /* Jarak bawah dari bagian keywords */
  padding: 15px; /* Padding di dalam area keywords */
  background-color: #F1F8E9; /* Warna background hijau sangat terang/krem */
  border-radius: 6px; /* Sudut sedikit melengkung */
  border: 1px solid #DCEDC8; /* Border tipis hijau sangat terang */
  border-left: 5px solid #81C784; /* Aksen border kiri lebih tebal & warna hijau sedang */
  line-height: 1.7; /* Tingkatkan jarak antar baris jika teks keyword wrap */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); /* Bayangan sangat halus */
}

.item.keywords .label {
  font-weight: 600; /* Sedikit tebal */
  color: #388E3C; /* Warna hijau tua untuk "Keywords:" */
  margin-right: 10px; /* Jarak antara label dan daftar keyword */
  /* Biarkan display inline secara default */
}

.item.keywords .value {
  color: #444; /* Warna abu-abu gelap untuk teks keyword agar mudah dibaca */
  /* Bisa tambahkan sedikit gaya miring jika suka */
  /* font-style: italic; */

  /* Karena kita tidak bisa menargetkan tiap keyword, */
  /* Tampilan akan berupa teks biasa dipisahkan koma. */
  /* CSS ini menata wadah dan labelnya secara keseluruhan. */
}

/* (Opsional) Sedikit efek hover pada keseluruhan box */
.item.keywords:hover {
  border-left-color: #4CAF50; /* Ubah warna aksen border saat hover */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06); /* Sedikit perjelas bayangan */
}


/* --- Modern Sidebar Menu Style --- */

.sidebar-menu {
  background-color: #f0f0f0; /* Warna background sedikit lebih terang */
  padding: 18px;
  margin-bottom: 20px;
  border-radius: 8px; /* Sudut lebih bulat */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); /* Bayangan lebih modern */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Contoh font modern */
}

.menu-header {
  border-bottom: 3px #9E262A solid;
  padding-bottom: 10px; /* Sedikit lebih banyak padding bawah */
  margin: 0 0 18px 0; /* Jarak bawah lebih besar */
  text-align: left;
  line-height: 1.5;
  color: #9e262a;
  font-size: 1.15em; /* Ukuran font sedikit lebih besar */
  font-weight: 600; /* Bobot font medium-bold */
}

.menu-list {
  list-style: none; /* Hilangkan bullet points */
  padding: 0;
  margin: 0;
}

.menu-item {
  margin-bottom: 6px; /* Jarak antar item menu */
  border-radius: 6px; /* Sudut bulat untuk setiap item */
  overflow: hidden; /* Penting agar background mengikuti border-radius */
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out; /* Transisi halus */
}

/* Gaya untuk link (a) dan span (untuk item non-link) */
.menu-item a,
.menu-item span {
  display: block; /* Membuat link/span mengisi seluruh item li */
  background: linear-gradient(to bottom, #72ba3a 50%, #167f48 100%); /* Gradient asli */
  padding: 10px 15px; /* Padding lebih seimbang */
  text-align: left;
  line-height: 1.6; /* Line height lebih nyaman */
  color: white;
  font-size: 0.9em; /* Ukuran font (sesuaikan jika perlu) */
  text-decoration: none; /* Hilangkan underline */
  font-weight: 500; /* Bobot font medium */
  transition: background 0.25s ease; /* Transisi background saat hover */
}

/* Efek Hover untuk Item yang Memiliki Link */
.menu-item:not(.menu-item-nolink):hover {
  transform: translateX(4px); /* Sedikit geser ke kanan saat hover */
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); /* Shadow saat hover */
}

.menu-item a:hover {
  /* Membuat gradient sedikit lebih cerah/berbeda saat hover */
  background: linear-gradient(to bottom, #82c A4A 50%, #268F58 100%);
}

/* Gaya khusus untuk item yang tidak memiliki link (jika perlu) */
.menu-item.menu-item-nolink span {
  cursor: default; /* Menunjukkan tidak bisa diklik */
  /* Mungkin ingin sedikit membedakan backgroundnya jika perlu */
  /* background: linear-gradient(to bottom, #6aa830 50%, #106f3f 100%); */
}

/* (Opsional) Menambah sedikit jarak antara emoji dan teks jika perlu */
/* .menu-item a,
.menu-item span {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* Atur jarak sesuai selera */
/* } */


/* --- Modern Footer Styling --- */

#pkp_content_footer {
  background-color: #bfedc0; /* Warna abu-abu gelap kebiruan (modern & netral) */
  padding: 50px 0 30px 0; /* Padding atas lebih besar, bawah lebih kecil */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Font modern */
  font-size: 0.9rem; /* Ukuran font dasar sedikit lebih kecil */
  line-height: 1.7; /* Jarak antar baris yang baik */
  margin-top: 40px; /* Beri jarak dari konten utama di atasnya */
}

/* Kontainer utama di dalam footer */
.pkp_structure_footer {
  max-width: 1140px; /* Batasi lebar maks agar rapi di layar lebar */
  margin: 0 auto; /* Pusatkan kontainer */
  padding: 0 20px; /* Padding kiri-kanan untuk layar kecil */
  display: flex; /* Gunakan flexbox untuk layout */
  flex-wrap: wrap; /* Biarkan item turun baris di layar kecil */
  justify-content: space-between; /* Dorong konten dan logo ke sisi berlawanan */
  align-items: flex-start; /* Ratakan item ke atas */
}

/* Area konten utama footer (alamat, lisensi) */
.pkp_footer_content {
  flex: 1; /* Biarkan konten utama mengambil ruang yang tersedia */
  min-width: 300px; /* Lebar minimum sebelum wrap */
  margin-right: 30px; /* Beri jarak ke logo OJS */
}

/* Hilangkan atau ganti gaya HR bawaan */
.pkp_footer_content hr {
  /* display: none; */ /* Opsi 1: Hilangkan sama sekali */
  border: none; /* Opsi 2: Ganti dengan border atas yang halus */
  border-top: 1px solid #455A64; /* Warna border abu-abu sedikit lebih terang dari background */
  margin: 0 0 25px 0; /* Jarak bawah dari border */
}

/* Styling untuk widget (jika ada lebih dari satu) */
.footer-widget {
  margin-bottom: 25px;
}

.footer-widget p {
  margin-bottom: 15px; /* Jarak antar paragraf */
}

/* Link di dalam footer */
#pkp_content_footer a {
  text-decoration: none;
  transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;
}

#pkp_content_footer a:hover {
  color: #ffffff; /* Warna putih saat hover */
  text-decoration: underline; /* Garis bawah saat hover */
}

/* Gambar lisensi Creative Commons */
.footer-widget .contact-widget img {
  vertical-align: middle; /* Sejajarkan gambar dengan teks */
  margin-right: 8px; /* Jarak kanan dari gambar */
  opacity: 0.8; /* Buat sedikit transparan */
  transition: opacity 0.2s ease-in-out;
}

.footer-widget .contact-widget a:hover img {
  opacity: 1; /* Opacity penuh saat link dihover */
}

/* Area logo OJS di kanan */
.pkp_brand_footer {
  flex-shrink: 0; /* Jangan biarkan logo menyusut */
  text-align: right; /* Ratakan logo ke kanan (berguna di layar kecil jika wrap) */
  padding-top: 10px; /* Sedikit padding atas agar sejajar */
}

.pkp_brand_footer img {
  max-width: 120px; /* Batasi lebar logo agar tidak terlalu besar */
  height: auto;
  opacity: 0.6; /* Buat logo sedikit transparan */
  transition: opacity 0.2s ease-in-out;
}

.pkp_brand_footer a:hover img {
  opacity: 1; /* Opacity penuh saat hover */
}

/* --- Responsiveness --- */
@media (max-width: 768px) {
  .pkp_structure_footer {
    flex-direction: column; /* Susun item secara vertikal */
    align-items: center; /* Pusatkan item */
    text-align: center; /* Pusatkan teks */
  }

  .pkp_footer_content {
    margin-right: 0; /* Hapus margin kanan saat vertikal */
    margin-bottom: 30px; /* Beri jarak bawah ke logo */
  }

  .pkp_brand_footer {
    text-align: center; /* Pastikan logo juga di tengah */
  }
}


/* --- Modern Custom Block Styling (Template & Sinta) --- */

/* Main Block Container */
#customblock-Template {
  margin-bottom: 25px; /* Jarak bawah block */
}

/* Inner Wrapper (menggantikan div abu-abu luar) */
#customblock-Template > div {
  background-color: #ffffff; /* Ganti background abu-abu jadi putih bersih */
  padding: 0; /* Hapus padding inline, kita atur di dalam */
  margin-bottom: 0; /* Hapus margin-bottom inline */
  border-radius: 8px; /* Sudut membulat */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); /* Bayangan modern */
  overflow: hidden; /* Pastikan konten (seperti gradient) tetap di dalam radius */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Font modern */
}


/* Content Section (Template, ISSN, DOI) - div kedua */
#customblock-Template > div > div:nth-child(2) {
  background-color: #f8f9fa; /* Background abu-abu sangat terang (lebih baik dari #eaeaea) */
  padding: 20px; /* Padding yang lebih baik */
  margin-bottom: 0 !important; /* Hapus margin inline */
}

/* Styling paragraf di dalam content section */
#customblock-Template > div > div:nth-child(2) p {
  line-height: 1.8 !important; /* PENTING: Override line-height 0.5 jadi normal */
  margin: 0 0 12px 0; /* Jarak bawah antar paragraf */
  font-size: 0.9rem;
  color: #333; /* Warna teks standar */
  border-top: none !important; /* Hapus border inline */
  border-bottom: none !important; /* Hapus border inline */
  padding: 0 !important; /* Hapus padding inline */
}

/* Khusus paragraf terakhir, hapus margin bawah */
#customblock-Template > div > div:nth-child(2) p:last-child {
    margin-bottom: 0;
}

/* Link di dalam content section */
#customblock-Template > div > div:nth-child(2) a {
  color: #1976D2; /* Warna link biru */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

#customblock-Template > div > div:nth-child(2) a:hover {
  color: #0D47A1; /* Biru lebih tua saat hover */
  text-decoration: underline;
}

/* Styling khusus untuk link template download */
#customblock-Template > div > div:nth-child(2) p:first-of-type a {
  display: inline-flex; /* Gunakan flex untuk ikon dan teks */
  align-items: center;
  gap: 8px; /* Jarak antara ikon dan teks */
  background-color: #E3F2FD; /* Background biru muda untuk link template */
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid #BBDEFB;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

#customblock-Template > div > div:nth-child(2) p:first-of-type a:hover {
  background-color: #BBDEFB;
  border-color: #90CAF9;
  text-decoration: none; /* Hapus underline khusus di hover ini */
}

/* Ikon/gambar template */
#customblock-Template > div > div:nth-child(2) p:first-of-type img {
  height: 20px !important; /* Ukuran ikon template lebih kecil */
  width: auto !important;
  vertical-align: middle;
}

/* Styling untuk label ISSN/DOI */
#customblock-Template > div > div:nth-child(2) p strong {
  color: #555; /* Warna label sedikit lebih gelap */
  margin-right: 5px;
}
#customblock-Template > div > div:nth-child(2) p span.type {
  color: #555;
  margin-right: 5px;
}

/* Styling untuk nilai ISSN/DOI */
#customblock-Template > div > div:nth-child(2) p span.id a {
   font-family: monospace; /* Font monospace untuk DOI/link */
   word-break: break-all; /* Biarkan DOI wrap jika panjang */
}

/* --- Modern Custom Block Styling (Tools) --- */

/* Main Block Container */
#customblock-no3 {
  margin-bottom: 25px; /* Jarak bawah block */
}

/* Inner Wrapper (menggantikan div abu-abu luar) */
#customblock-no3 > div {
  background-color: #ffffff !important; /* Override background abu-abu jadi putih */
  padding: 0 !important; /* Hapus padding inline, kita atur di dalam */
  margin-bottom: 0 !important; /* Hapus margin-bottom inline */
  border-radius: 8px; /* Sudut membulat */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); /* Bayangan modern */
  overflow: hidden; /* Jaga konten di dalam radius */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Font modern */
}

/* Header "TOOLS" */
#customblock-no3 > div > p:first-child {
  border-bottom: 2px solid #4CAF50 !important; /* Ganti border merah jadi hijau (sesuaikan tema) */
  padding: 12px 18px !important; /* Padding lebih baik */
  margin: 0 0 15px 0 !important; /* Reset margin, beri jarak bawah */
  text-align: left !important;
  line-height: 1.4 !important; /* Line height normal */
  color: #1B5E20 !important; /* Warna teks hijau tua (sesuaikan tema) */
  font-size: 1.1em !important; /* Ukuran font header */
  font-weight: 600 !important;
  background-color: #F1F8E9; /* Background hijau sangat muda untuk header */
}

/* Styling untuk teks TOOLS di dalam strong */
#customblock-no3 > div > p:first-child strong {
  font-weight: 600; /* Pastikan bobot sesuai */
}

/* Styling untuk setiap item tool (paragraf setelah header) */
#customblock-no3 > div > p:not(:first-child) {
  height: auto !important; /* PENTING: Override fixed height */
  padding: 10px 18px; /* Padding kiri-kanan sama dengan header */
  margin: 0; /* Hapus margin antar item paragraf default */
  display: flex; /* Gunakan flexbox untuk alignment ikon & teks */
  align-items: center; /* Sejajarkan item secara vertikal */
  gap: 10px; /* Jarak antara ikon dan teks */
  border-bottom: 1px solid #eeeeee; /* Garis pemisah halus antar item */
  transition: background-color 0.2s ease; /* Efek hover halus */
}

/* Hapus border bawah dari item terakhir */
#customblock-no3 > div > p:last-child {
  border-bottom: none;
}

/* Efek hover pada baris item */
#customblock-no3 > div > p:not(:first-child):hover {
  background-color: #f8f9fa; /* Background sedikit berubah saat hover */
}

/* Styling untuk ikon tool (gambar) */
#customblock-no3 > div > p:not(:first-child) img {
  width: 18px !important; /* Ukuran ikon konsisten */
  height: 18px !important; /* Ukuran ikon konsisten */
  margin: 0 !important; /* Hapus margin inline aneh */
  padding: 0 !important; /* Hapus padding inline */
  flex-shrink: 0; /* Jangan biarkan ikon menyusut */
  object-fit: contain; /* Jaga aspek rasio ikon jika ukurannya beda */
}

/* Styling untuk link tool (teks) */
#customblock-no3 > div > p:not(:first-child) a {
  line-height: 1.5 !important; /* Override line-height 2 jadi normal */
  color: #3366cc; /* Warna link biru standar */
  text-decoration: none;
  font-size: 0.9em; /* Ukuran font link */
  transition: color 0.2s ease;
}

#customblock-no3 > div > p:not(:first-child) a:hover {
  color: #1a4d99; /* Warna biru lebih gelap saat hover */
  text-decoration: underline;
}


/* --- Modern Custom Block Styling (Journal Index) --- */

/* Main Block Container */
#customblock-no4 {
  margin-bottom: 25px; /* Jarak bawah block */
}

/* Inner Wrapper (menggantikan div abu-abu luar) */
#customblock-no4 > div {
  background-color: #ffffff !important; /* Override background abu-abu jadi putih */
  padding: 0 !important; /* Hapus padding inline, kita atur di dalam */
  margin-bottom: 0 !important; /* Hapus margin-bottom inline */
  border-radius: 8px; /* Sudut membulat */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); /* Bayangan modern */
  overflow: hidden; /* Jaga konten di dalam radius */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Font modern */
}

/* Header "JOURNAL INDEX" */
#customblock-no4 > div > p:first-child {
  border-bottom: 2px solid #4CAF50 !important; /* Ganti border merah jadi hijau (sesuaikan tema) */
  padding: 12px 18px !important; /* Padding lebih baik */
  margin: 0 !important; /* Hapus margin, list akan memberi jarak atas */
  text-align: left !important;
  line-height: 1.4 !important; /* Line height normal */
  color: #1B5E20 !important; /* Warna teks hijau tua (sesuaikan tema) */
  font-size: 1.1em !important; /* Ukuran font header */
  font-weight: 600 !important;
  background-color: #F1F8E9; /* Background hijau sangat muda untuk header */
}

/* Styling untuk teks JOURNAL INDEX di dalam strong */
#customblock-no4 > div > p:first-child strong {
  font-weight: 600; /* Pastikan bobot sesuai */
}

/* Ordered List Container */
#customblock-no4 > div > ol {
  list-style: none; /* Hilangkan penomoran default */
  padding: 15px 18px 15px 18px; /* Padding atas-bawah & kiri-kanan dalam list */
  margin: 0;
  counter-reset: journal-index-counter; /* Inisialisasi counter CSS */
}

/* List Item Styling */
#customblock-no4 > div > ol > li {
  padding: 12px 0 12px 40px; /* Padding atas-bawah, Padding kiri untuk ruang nomor */
  margin: 0;
  position: relative; /* Diperlukan untuk positioning nomor ::before */
  border-bottom: 1px solid #eeeeee; /* Garis pemisah halus */
  transition: background-color 0.2s ease;
}

#customblock-no4 > div > ol > li:last-child {
  border-bottom: none; /* Hapus border dari item terakhir */
}

#customblock-no4 > div > ol > li:hover {
  background-color: #f8f9fa; /* Efek hover halus */
}

/* Custom Numbering using CSS Counters */
#customblock-no4 > div > ol > li::before {
  counter-increment: journal-index-counter; /* Naikkan counter */
  content: counter(journal-index-counter); /* Tampilkan nilai counter */
  position: absolute;
  left: 0; /* Posisi di paling kiri */
  top: 50%; /* Tengah vertikal */
  transform: translateY(-50%); /* Penyesuaian posisi vertikal */
  background-color: #81C784; /* Warna background nomor (hijau sedang - sesuaikan tema) */
  color: #ffffff; /* Warna teks nomor */
  font-weight: bold;
  font-size: 0.85em;
  border-radius: 50%; /* Bentuk lingkaran */
  width: 26px; /* Lebar lingkaran nomor */
  height: 26px; /* Tinggi lingkaran nomor */
  text-align: center;
  line-height: 26px; /* Pusatkan nomor di dalam lingkaran */
  box-shadow: 0 1px 2px rgba(0,0,0,0.1); /* Bayangan kecil untuk nomor */
}

/* Link Styling within List */
#customblock-no4 > div > ol > li > a {
  color: #3366cc; /* Warna link biru standar */
  text-decoration: none;
  font-size: 0.95em; /* Ukuran font link */
  line-height: 1.5;
  transition: color 0.2s ease;
  display: block; /* Agar link mengisi area li */
}

#customblock-no4 > div > ol > li > a:hover {
  color: #1a4d99; /* Warna biru lebih gelap saat hover */
  text-decoration: underline;
}

/* --- Modern Custom Block Styling (Visitors) --- */

/* Main Block Container */
#customblock-no5 {
  margin-bottom: 25px; /* Jarak bawah block */
}

/* Inner Wrapper (menggantikan div abu-abu luar) */
#customblock-no5 > div {
  background-color: #ffffff !important; /* Override background abu-abu jadi putih */
  padding: 0 !important; /* Hapus padding inline, kita atur di dalam */
  margin-bottom: 0 !important; /* Hapus margin-bottom inline */
  border-radius: 8px; /* Sudut membulat */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); /* Bayangan modern */
  overflow: hidden; /* Jaga konten di dalam radius */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Font modern */
}

/* Header "VISITORS" */
#customblock-no5 > div > p:first-child {
  border-bottom: 2px solid #4CAF50 !important; /* Ganti border merah jadi hijau (sesuaikan tema) */
  padding: 12px 18px !important; /* Padding lebih baik */
  margin: 0 0 20px 0 !important; /* Reset margin, beri jarak bawah lebih besar */
  text-align: left !important;
  line-height: 1.4 !important; /* Line height normal */
  color: #1B5E20 !important; /* Warna teks hijau tua (sesuaikan tema) */
  font-size: 1.1em !important; /* Ukuran font header */
  font-weight: 600 !important;
  background-color: #F1F8E9; /* Background hijau sangat muda untuk header */
}

/* Styling untuk teks VISITORS di dalam strong */
#customblock-no5 > div > p:first-child strong {
  font-weight: 600; /* Pastikan bobot sesuai */
}

/* Styling untuk container counter (div dan p setelah header) */
#customblock-no5 > div > div,
#customblock-no5 > div > p:not(:first-child) {
  text-align: center !important; /* Pertahankan text-align center dari inline */
  padding: 10px 18px; /* Padding atas-bawah dan kiri-kanan */
  margin: 0; /* Reset margin */
  line-height: 1.5; /* Sedikit perbaiki line-height jika ada teks */
}

/* Beri jarak antar counter, kecuali setelah header */
#customblock-no5 > div > div + div,
#customblock-no5 > div > div + p:not(:first-child),
#customblock-no5 > div > p:not(:first-child) + div,
#customblock-no5 > div > p:not(:first-child) + p:not(:first-child) {
    margin-top: 15px; /* Jarak atas antar counter */
}

/* Styling untuk gambar counter */
#customblock-no5 img {
  /* Coba reset margin inline aneh, tapi biarkan ukuran asli */
  margin-bottom: 0 !important;
  max-width: 100%; /* Pastikan tidak meluber */
  height: auto; /* Jaga rasio aspek jika lebar diubah */
  vertical-align: middle; /* Bantu alignment */
}

/* Styling untuk link (misalnya "View My Stats") */
#customblock-no5 a {
  color: #3366cc; /* Warna link biru standar */
  text-decoration: none;
  font-size: 0.9em;
  transition: color 0.2s ease;
}

#customblock-no5 a:hover {
  color: #1a4d99; /* Warna biru lebih gelap saat hover */
  text-decoration: underline;
}

/* Khusus link "View My Stats" agar sedikit lebih jelas */
#customblock-no5 > div > div:nth-of-type(3) > a {
    /* nth-of-type(3) menarget div ketiga yang berisi link ini */
    display: inline-block; /* Agar bisa diberi padding/background */
    padding: 5px 10px;
    background-color: #eef;
    border-radius: 4px;
    font-weight: 500;
}
#customblock-no5 > div > div:nth-of-type(3) > a:hover {
    background-color: #dde;
    text-decoration: none;
}


/* Hapus padding bawah dari div terakhir jika perlu */
#customblock-no5 > div > div:last-child {
    padding-bottom: 15px; /* Tambahkan padding bawah di akhir block */
}

/* --- Modern Custom Block Styling (Support) --- */

/* Main Block Container */
#customblock-no6 {
  margin-bottom: 25px; /* Jarak bawah block */
}

/* Inner Wrapper (menggantikan div abu-abu luar) */
#customblock-no6 > div {
  background-color: #ffffff !important; /* Override background abu-abu jadi putih */
  padding: 0 !important; /* Hapus padding inline, kita atur di dalam */
  margin-bottom: 0 !important; /* Hapus margin-bottom inline */
  border-radius: 8px; /* Sudut membulat */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); /* Bayangan modern */
  overflow: hidden; /* Jaga konten di dalam radius */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Font modern */
  /* Padding bawah akan ditambahkan nanti untuk memberi ruang */
}

/* Header "SUPPORT" */
#customblock-no6 > div > p:first-child {
  border-bottom: 2px solid #4CAF50 !important; /* Ganti border merah jadi hijau (sesuaikan tema) */
  padding: 12px 18px !important; /* Padding lebih baik */
  margin: 0 0 20px 0 !important; /* Reset margin, beri jarak bawah ke konten */
  text-align: left !important;
  line-height: 1.4 !important; /* Line height normal */
  color: #1B5E20 !important; /* Warna teks hijau tua (sesuaikan tema) */
  font-size: 1.1em !important; /* Ukuran font header */
  font-weight: 600 !important;
  background-color: #F1F8E9; /* Background hijau sangat muda untuk header */
}

/* Styling untuk teks SUPPORT di dalam strong */
#customblock-no6 > div > p:first-child strong {
  font-weight: 600; /* Pastikan bobot sesuai */
}

/* Sembunyikan div kosong yang berisi   */
#customblock-no6 > div > div:nth-of-type(1) {
  display: none;
}

/* Kontainer untuk logo-logo (div setelah header dan link RJI) */
/* Kita target div kedua dan link a yang langsung di dalam wrapper */
#customblock-no6 > div > div:nth-of-type(2), /* Div berisi Arjunu & AJPI */
#customblock-no6 > div > a { /* Link berisi RJI */
  display: block; /* Pastikan elemen mengambil ruang blok */
  text-align: center !important; /* Pertahankan centering dari inline */
  padding: 0 18px 18px 18px; /* Padding horizontal & bawah */
  margin: 0;
}

/* Styling untuk paragraf di dalam kontainer logo (Arjunu & AJPI) */
#customblock-no6 > div > div:nth-of-type(2) p {
    margin-bottom: 15px; /* Jarak antara Arjunu dan AJPI */
    padding: 0;
    line-height: 1; /* Cegah line-height menambah ruang ekstra */
    text-align: center !important; /* Pastikan center */
}
#customblock-no6 > div > div:nth-of-type(2) p:last-child {
    margin-bottom: 0; /* Hapus margin dari logo terakhir di grup ini */
}


/* Styling untuk semua gambar logo */
#customblock-no6 img {
  max-width: 180px; /* Batasi lebar maks logo, sesuaikan jika perlu */
  height: auto !important; /* Biarkan tinggi menyesuaikan, override inline jika ada */
  width: auto; /* Biarkan lebar menyesuaikan jika tinggi dibatasi */
  max-height: 60px; /* Batasi tinggi maks logo, sesuaikan */
  vertical-align: middle;
  border: none;
  opacity: 0.9; /* Sedikit transparan */
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Efek hover pada link yang berisi gambar */
#customblock-no6 a:hover img {
  opacity: 1; /* Opacity penuh */
  transform: scale(1.05); /* Sedikit zoom */
}

/* Tambahkan padding bawah ekstra pada wrapper utama jika perlu */
#customblock-no6 > div {
    padding-bottom: 5px !important; /* Sedikit padding di paling bawah */
}

/* --- Modern Custom Block Styling (Cited By) --- */

/* Main Block Container */
#customblock-no7 {
  margin-bottom: 25px; /* Jarak bawah block */
}

/* Inner Wrapper (menggantikan div abu-abu luar) */
#customblock-no7 > div {
  background-color: #ffffff !important; /* Override background abu-abu jadi putih */
  padding: 0 !important; /* Hapus padding inline, kita atur di dalam */
  margin-bottom: 0 !important; /* Hapus margin-bottom inline */
  border-radius: 8px; /* Sudut membulat */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); /* Bayangan modern */
  overflow: hidden; /* Jaga konten di dalam radius */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Font modern */
}

/* Header "CITED BY" (paragraf pertama) */
#customblock-no7 > div > p:first-child {
  border-bottom: 2px solid #4CAF50 !important; /* Ganti border merah jadi hijau (sesuaikan tema) */
  padding: 12px 18px !important; /* Padding lebih baik */
  margin: 0 0 20px 0 !important; /* Reset margin, beri jarak bawah ke konten */
  text-align: left !important;
  line-height: 1.4 !important; /* Line height normal */
  background-color: #F1F8E9; /* Background hijau sangat muda untuk header */
}

/* Styling untuk link di dalam header */
#customblock-no7 > div > p:first-child a {
  color: #1B5E20 !important; /* Override warna inline jadi hijau tua */
  font-size: 1.1em !important; /* Ukuran font header (override inline 12px) */
  font-weight: 600 !important;
  text-decoration: none;
  display: block; /* Agar link mengisi area header */
}

#customblock-no7 > div > p:first-child a:hover {
    text-decoration: underline;
}

/* Styling untuk teks CITED BY di dalam strong */
#customblock-no7 > div > p:first-child strong {
  font-weight: 600; /* Pastikan bobot sesuai */
}

/* Styling untuk paragraf yang berisi gambar citation */
#customblock-no7 > div > p:not(:first-child) {
  text-align: center !important; /* Pertahankan centering */
  padding: 0 18px 18px 18px; /* Padding horizontal dan bawah */
  margin: 0; /* Reset margin */
  line-height: 1; /* Cegah line height menambah ruang ekstra */
}

/* Hapus padding bawah dari paragraf terakhir di dalam block */
#customblock-no7 > div > p:last-child {
    padding-bottom: 20px; /* Pastikan ada cukup ruang di bawah gambar terakhir */
}


/* Styling untuk gambar citation */
#customblock-no7 img {
  max-width: 95%; /* Batasi lebar agar tidak terlalu mepet ke tepi */
  height: auto !important; /* Jaga rasio aspek, override inline jika ada */
  width: auto; /* Biarkan lebar menyesuaikan */
  border: 1px solid #e0e0e0; /* Border abu-abu halus */
  border-radius: 4px; /* Sudut sedikit membulat untuk gambar */
  box-shadow: 0 2px 6px rgba(0,0,0,0.08); /* Bayangan halus untuk gambar */
  margin-bottom: 0 !important; /* Hapus margin aneh inline */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}



/* Styling untuk halaman INDEX Journal*/
.journal-index {
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.title-journal-index {
    font-size: 18px;
    font-weight: bold;
    color: #4CAF50;
    text-align: center;
    margin-bottom: 15px;
}

.index-list {
    list-style-type: none;
    padding: 0;
}

.index-list li {
    min-width: 230px;
    align-items: center;
    background: #ffffff;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: inline-flex;
}

.circle {
    background-color: #4CAF50;
    color: white;
    font-weight: bold;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-size: 14px;
}

.journal-link {
    text-decoration: none;
    color: #1a73e8;
    font-size: 16px;
    transition: color 0.3s ease-in-out;
}

.journal-link:hover {
    color: #e74c3c;
}




/* --- Modern Styling for EDITORIAL TEAM List (Light Green Theme) --- */

/* Main Container */
#editorialTeam {
  margin-bottom: 25px; /* Jarak bawah block */
  background-color: #ffffff; /* Background putih bersih */
  border-radius: 8px; /* Sudut membulat */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); /* Bayangan modern */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Font modern */
  overflow: hidden; /* Agar background/border header tidak keluar */
}

/* Inner Container (Editors div) */
#editorialTeam #Editors {
  padding: 0; /* Reset padding jika ada, kita atur di elemen dalam */
}

/* Styling untuk Judul Section (CHIEF EDITOR, EDITOR, MANAGEMENT EDITORS) */
/* Target <p> yang hanya berisi <strong> */
#editorialTeam #Editors > p:has(> strong:only-child) {
  background-color: #E8F5E9; /* Background hijau sangat terang */
  color: #1B5E20; /* Warna teks hijau paling tua */
  padding: 14px 20px; /* Padding yang nyaman */
  margin: 0; /* Hapus margin default */
  font-size: 1.15em; /* Ukuran font judul section */
  line-height: 1.4; /* Line height standar */
  border-bottom: 2px solid #A5D6A7; /* Border hijau muda */
}

/* Styling untuk teks strong di dalam judul section */
#editorialTeam #Editors > p:has(> strong:only-child) strong {
  font-weight: 600; /* Bobot medium-bold */
}

/* Sembunyikan paragraf kosong yang digunakan untuk spasi */
#editorialTeam #Editors > p:empty,
#editorialTeam #Editors > p:has(> br:only-child), /* Menangkap <p><br></p> jika ada */
#editorialTeam #Editors > p > span:only-child:empty + br:only-child /* Menangkap struktur aneh lainnya */
 {
  /* Coba sembunyikan <p> </p> */
  /* Ini mungkin tidak menangkap semua kasus   tapi coba */
  display: none;
}
/* Pastikan juga menghapus margin dari <p> yang hanya berisi   jika tidak tersembunyi */
#editorialTeam #Editors > p:contains(' ') {
    margin: 0;
    padding: 0;
    /* font-size: 0; */ /* Trik lain jika display none bermasalah */
}


/* Styling untuk setiap item nama editor/anggota */
/* Target <p> yang BUKAN judul section */
#editorialTeam #Editors > p:not(:has(> strong:only-child)):not(:empty) {
  padding: 15px 20px; /* Padding atas/bawah dan kiri/kanan */
  margin: 0; /* Hapus margin default */
  line-height: 1.7; /* Line height yang nyaman dibaca */
  font-size: 0.95rem; /* Ukuran font standar */
  color: #333; /* Warna teks utama */
  border-bottom: 1px solid #eef1f5; /* Garis pemisah halus */
}

/* Hapus border dari item terakhir SEBELUM judul section berikutnya ATAU di akhir block */
#editorialTeam #Editors > p:not(:has(> strong:only-child)):not(:empty) + p:has(> strong:only-child),
#editorialTeam #Editors > p:not(:has(> strong:only-child)):not(:empty):last-child {
  border-bottom: none;
}
/* Beri padding bawah ekstra di akhir setiap grup */
#editorialTeam #Editors > p:not(:has(> strong:only-child)):not(:empty):has(+ p:has(> strong:only-child)),
#editorialTeam #Editors > p:not(:has(> strong:only-child)):not(:empty):last-child {
    padding-bottom: 20px;
}


/* Styling untuk link profil (Google Scholar, Sinta, Scopus) */
#editorialTeam #Editors p a {
  color: #388E3C; /* Warna link hijau tua */
  background-color: #E8F5E9; /* Background hijau sangat terang */
  border: 1px solid #C8E6C9; /* Border hijau lebih terang */
  padding: 3px 8px; /* Padding untuk efek badge */
  border-radius: 4px; /* Sudut membulat kecil */
  font-size: 0.8em; /* Ukuran font lebih kecil untuk badge */
  text-decoration: none;
  margin-left: 3px; /* Jarak dari teks/kurung */
  margin-right: 3px; /* Jarak sebelum kurung berikutnya */
  white-space: nowrap; /* Jaga agar teks tidak wrap di badge */
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#editorialTeam #Editors p a:hover {
  background-color: #C8E6C9; /* Background lebih pekat saat hover */
  color: #1B5E20; /* Warna teks lebih tua saat hover */
  border-color: #A5D6A7; /* Border lebih jelas saat hover */
}

/* Styling teks biasa [Scopus] yang tidak ada link (jika perlu dibedakan) */
/* Tidak bisa ditarget spesifik, tapi kita bisa menata seluruh <p> */
/* Jika ingin teks ini sedikit berbeda, bisa atur color di <p> dan override di <a> */

/* Contoh jika ingin teks non-link abu-abu: */
/* #editorialTeam #Editors > p:not(:has(> strong:only-child)) {
  color: #666; /* Warna teks default abu-abu */
/* } */
/* #editorialTeam #Editors > p:not(:has(> strong:only-child)) strong { */
  /* color: #333; /* Nama tetap hitam */
/* } */
/* #editorialTeam #Editors p a { */
  /* ... (gaya link seperti di atas, pastikan color di-override) ... */
/* } */


/* --- Modern Styling for PEER REVIEWERS List (Light Green Theme) --- */

/* Main Block Container */
.peer-reviewers {
  margin-bottom: 25px; /* Jarak bawah block */
}

/* Inner Wrapper (menggantikan div abu-abu luar) */
.peer-reviewers > div {
  background-color: #ffffff !important; /* Tetap putih untuk background kartu */
  padding: 20px !important; /* Override inline padding, beri padding yang layak */
  margin-bottom: 0 !important; /* Hapus margin-bottom inline */
  border-radius: 8px; /* Sudut membulat */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); /* Bayangan modern (abu-abu netral) */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; /* Override font aneh */
  /* Kita akan override line-height di level <p> */
}

/* Styling untuk setiap item reviewer (paragraf) */
.peer-reviewers > div p {
  font-family: inherit !important; /* Warisi font modern dari parent */
  font-size: 0.95rem !important; /* Ukuran font yang lebih modern & override 10pt */
  line-height: 1.7 !important; /* PENTING: Override line-height 2px jadi normal */
  color: #333; /* Warna teks utama (tetap gelap agar mudah dibaca) */
  margin: 0 0 18px 0; /* Reset margin default, beri jarak bawah antar reviewer */
  padding-bottom: 18px; /* Jarak sebelum border bawah */
  border-bottom: 1px solid #DCEDC8; /* Ganti border jadi hijau sangat terang */
}

.peer-reviewers > div p:last-child {
  margin-bottom: 0; /* Hapus margin bawah dari item terakhir */
  padding-bottom: 0; /* Hapus padding bawah dari item terakhir */
  border-bottom: none; /* Hapus border dari item terakhir */
}

/* Styling untuk link profil (Google Scholar, Sinta, Scopus) - Badge Style */
.peer-reviewers > div p a {
  color: #388E3C; /* Warna link hijau tua */
  background-color: #E8F5E9; /* Background hijau sangat terang */
  border: 1px solid #C8E6C9; /* Border hijau lebih terang */
  text-decoration: none;
  font-size: 0.85em; /* Sedikit lebih kecil untuk link profil */
  margin-left: 4px; /* Sedikit jarak kiri dari teks/kurung siku */
  margin-right: 4px; /* Sedikit jarak kanan sebelum kurung siku berikutnya */
  padding: 3px 8px; /* Padding untuk efek badge */
  border-radius: 4px; /* Sedikit lengkungan */
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap; /* Jaga agar link tidak wrap (misal Google Scholar) */
}

.peer-reviewers > div p a:hover {
  background-color: #C8E6C9; /* Background lebih pekat saat hover */
  color: #1B5E20; /* Warna teks hijau paling tua saat hover */
  border-color: #A5D6A7; /* Border lebih jelas saat hover */
  text-decoration: none; /* Tetap tanpa underline */
}

/* Styling teks biasa (seperti [Scopus] yang tidak ada link) */
/* Biarkan menggunakan gaya paragraf normal (#333) */


body {
  margin: 0;
  padding: 0;
  background-color: #0f5e2e; /* hijau gelap alami */
  background-image: repeating-conic-gradient(
    from 45deg,
    rgba(255, 255, 255, 0.03) 0deg 30deg,
    transparent 30deg 60deg
  );
  background-size: 300px 300px;
}







/* Menata container utama */
#customblock-about2 {
    background-color: #f0f0f0; /* Warna latar belakang abu-abu muda seperti pada gambar */
    padding: 15px;
    font-family: Arial, sans-serif; /* Menggunakan font yang umum dan mudah dibaca */
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Menambahkan bayangan halus */
    width: 254.98px;
    margin: auto;
    border-radius: 10px;
}

/* Menyembunyikan judul default yang tidak terlihat di gambar */
#customblock-about2 .pkp_screen_reader {
    display: none;
}

/* Menata judul "LINK AGROMIX" */
#customblock-about2 .content > p:first-of-type {
    font-size: 18px;
    font-weight: bold;
    color: #a94442; /* Warna merah marun untuk teks */
    border-bottom: 2px solid #a94442; /* Garis bawah merah marun */
    padding-bottom: 8px;
    margin-bottom: 15px;
}

/* Menata semua tautan di dalam blok */
#customblock-about2 .content p a {
    display: block; /* Membuat tautan memenuhi lebar kontainer */
    background: linear-gradient(to bottom, #72ba3a 50%, #167f48 100%); /* Gradien hijau seperti pada tombol */
    color: white;
    padding: 12px 15px;
    margin-bottom: 5px; /* Jarak antar tombol */
    text-decoration: none; /* Menghilangkan garis bawah pada tautan */
    font-weight: bold;
    font-size: 12px;
    text-align: Left;
    border-radius: 4px; /* Sudut yang sedikit membulat */
    transition: all 0.3s ease; /* Transisi halus untuk efek hover */
}

/* Menghapus margin bawah dari paragraf yang berisi tautan untuk konsistensi */
#customblock-about2 .content p {
    margin-bottom: 0;
}

/* Efek Hover Modern */
#customblock-about2 .content p a:hover {
    background: linear-gradient(to bottom, #88c73a, #6aa92a); /* Gradien hijau yang sedikit lebih terang */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Bayangan yang lebih menonjol saat di-hover */
    transform: translateY(-2px); /* Sedikit terangkat ke atas saat di-hover */
    color: #fff;
}

/* Menata tautan yang tidak memiliki tag <a> seperti "ONLINE SUBMISSION" */
/* Anda perlu mengubah HTML agar ini juga menjadi tautan atau menerapkan class khusus */
/* Jika Anda tetap menggunakan HTML yang sama, berikut adalah gaya untuk itu */
#customblock-about2 .content p strong .15 {
   display: block;
    background-color: #f0f0f0; /* Menyesuaikan dengan latar belakang utama karena ini bukan tombol */
    color: #333;
    padding: 10px 15px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}





/*=========================================== MENU DOOGLE ============================*/
/* ======================================================================
   KODE PERBAIKAN FINAL UNTUK MENU NAVIGASI MOBILE OJS
   Kode ini hanya akan aktif pada layar dengan lebar maksimal 991px.
====================================================================== */

@media (max-width: 991px) {

    /* --- PERBAIKAN KRUSIAL: NONAKTIFKAN ANIMASI HEADER YANG KONFLIK --- */
    /* Ini adalah perbaikan paling penting untuk mencegah konten terdorong. */
    #headerNavigationContainer {
        animation: none !important;
        opacity: 1 !important; /* Pastikan header langsung terlihat karena animasi dimatikan */
    }

    /* 1. Atur Kontainer Menu Navigasi Utama (Saat Tertutup) */
    .pkp_site_nav_menu {
        display: block;
        top: 50px;
        left: 0;
        width: 280px;
        max-width: 85%;
        height: 100vh;
        background-color: #ffffff;
        z-index: 9999;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
        overflow-y: auto;
        box-shadow: 2px 0 10px rgba(0,0,0,0.2);
    }

    /* 2. Atur Menu Saat Terbuka */
    .pkp_site_nav_menu--isOpen {
        transform: translateX(0);
    }

    /* 3. Atur Ulang Wrapper Internal */
    .pkp_navigation_primary_row,
    .pkp_navigation_primary_wrapper {
        display: block;
        background: none; /* Hapus background gradient di mobile */
    }

    /* 4. Gaya untuk Daftar Menu Utama dan Pengguna */
    .pkp_navigation_primary, .pkp_navigation_user {
        display: block;
        padding-top: 20px;
        list-style: none; /* Pastikan tidak ada bullet */
    }

    /* 5. GAYA INTI PERBAIKAN: Targetkan item menu dengan selector yang BENAR */
    .pkp_navigation_primary > li,
    .pkp_navigation_user > li {
        display: block;
        border-bottom: 1px solid #eeeeee;
        border-right: none !important; 
        padding-right: 0 !important;
    }

    /* Targetkan tautan di dalam item menu */
    .pkp_navigation_primary > li > a,
    .pkp_navigation_user > li > a {
        display: block;
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        text-decoration: none;
        transition: background-color 0.2s;
    }

    /* Efek saat tautan disentuh atau di-hover */
    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_user > li > a:hover {
        background-color: #f5f5f5;
    }

    /* 6. Gaya untuk Sub-menu (Current, Archives, dll) */
    .pkp_navigation_primary > li ul {
        display: block;
        position: static;
        padding-left: 0;
        background-color: #f8f8f8;
        list-style: none;
        box-shadow: none;
        border: none;
    }

    .pkp_navigation_primary > li ul li a {
        display: block;
        padding: 5px 20px 5px 35px; /* Beri indentasi kiri */
        font-size: 15px;
        color: #555555;
        border-top: 1px solid #eeeeee;
    }

    /* 7. Gaya untuk Tombol Pencarian agar Terintegrasi */
    .pkp_navigation_search_wrapper {
        border-bottom: 1px solid #eeeeee;
    }
    .pkp_navigation_search_wrapper .pkp_search_desktop {
        display: block;
        font-size: 16px;
        color: #333333;
    }
    .pkp_navigation_search_wrapper .fa-search {
        margin-right: 10px;
    }
}