@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Titillium+Web:wght@400;600;700&display=swap');

/* ===== WARNA UTAMA ===== */
:root {
  --hijau: #0C7523;
  --hijau-tua: #08541a;
  --hijau-muda: #eaf5ec;
  --emas: #f2c21b;
  --teks: #263238;
  --garis: #dbe7dc;
}

/* ===== DASAR ===== */
html, body, * { font-family: 'Open Sans', helvetica, calibri, sans-serif; }
body { background: #e6eee7; color: var(--teks); }
a { color: var(--hijau); text-decoration: none; transition: color .2s; }
a:hover { color: var(--hijau-tua); text-decoration: underline; }
h1, h2, h3, h4, h5, h6,
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3, .pkp_structure_main h4 {
  font-family: 'Titillium Web', sans-serif;
  color: var(--hijau-tua);
}
.journals ul .body .description a { display: inline; }

/* ===== KERANGKA HALAMAN ===== */
.pkp_structure_page {
  margin: 20px auto;
  width: 1162px;
  padding-bottom: 0 !important;
  border: 0;
  background: #fff;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
}
.pkp_structure_content { padding-top: 0; width: 1160px; background: #fff; box-shadow: none; }
.pkp_structure_main { padding-bottom: 30px; }
@media (max-width: 1000px) {
  .pkp_structure_page { margin: 0 auto; width: 100%; }
  .pkp_structure_content { width: 100%; }
}

/* ===== HEADER (gambar penuh, tanpa pita) ===== */
.pkp_structure_head, .pkp_head_wrapper, .pkp_site_name_wrapper, .pkp_site_name {
  padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important;
}
.pkp_site_name { width: 100% !important; line-height: 0 !important; }
.pkp_site_name > a, .pkp_site_name .is_img {
  display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important;
}
.pkp_site_name .is_img img {
  display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important;
}
.has_site_logo .pkp_head_wrapper { width: 100%; }
.pkp_search { display: none !important; }

/* ===== MENU UTAMA ===== */
.pkp_navigation_primary_wrapper, .pkp_navigation_user { width: 1162px; }
.pkp_navigation_primary_row {
  background: linear-gradient(#0f8a2b, #0a6320);
  border-bottom: 3px solid var(--emas);
}
.pkp_navigation_primary { display: block !important; max-width: 100% !important; text-align: center !important; margin: auto; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li { padding: 0 !important; margin: 0 !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  margin: 0 !important; padding: 0 16px !important; line-height: 44px !important;
  font-size: 14px; font-weight: 600 !important; letter-spacing: .6px;
  color: #fff !important; transition: background .2s;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:focus {
  background: rgba(0, 0, 0, .25) !important; color: var(--emas) !important; text-decoration: none;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: var(--hijau-tua) !important; border-radius: 0 0 6px 6px !important; box-shadow: 0 6px 14px rgba(0, 0, 0, .25);
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: 1px solid rgba(255, 255, 255, .2) !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { border-bottom: none !important; }

/* ===== JUDUL & ISI UTAMA ===== */
.pkp_structure_main h1, .page h1 {
  font-size: 30px; font-weight: 700; margin: 0 0 22px; padding-bottom: 8px;
  border-bottom: 3px solid var(--emas); display: inline-block;
}
.pkp_structure_main h2 { border-left: 5px solid var(--emas); padding-left: 10px; }
.pkp_structure_main p, .pkp_structure_main li { line-height: 1.75; font-size: 15px; }

/* Tabel info jurnal (Original title, ISSN, dst.) */
.pkp_structure_main .page table, .pkp_page_index .additional_content table {
  width: 100%; border-collapse: separate; border-spacing: 0;
  margin: 18px 0 26px; border: 1px solid var(--garis); border-radius: 8px; overflow: hidden; font-size: 14.5px;
}
.pkp_structure_main .page table td, .pkp_page_index .additional_content table td {
  padding: 9px 14px !important; border: 0 !important; border-bottom: 1px solid #e8f0e9 !important; vertical-align: top;
}
.pkp_structure_main .page table tr:nth-child(odd) td, .pkp_page_index .additional_content table tr:nth-child(odd) td { background: #f6faf6; }
.pkp_structure_main .page table tr:last-child td, .pkp_page_index .additional_content table tr:last-child td { border-bottom: 0 !important; }
.pkp_structure_main .page table td:first-child, .pkp_page_index .additional_content table td:first-child {
  width: 200px; font-weight: 600; color: var(--hijau-tua);
}

.pkp_page_index .additional_content {
  padding: 30px !important; border-bottom: 1px solid var(--garis) !important; text-align: justify;
}
.pkp_page_index .current_issue .current_issue_title { font-family: 'Titillium Web', sans-serif; font-size: 1.5em; }

/* ===== TOMBOL ===== */
.cmp_button_wire, .obj_galley_link, .pkp_button, button.submit {
  background: var(--hijau); color: #fff !important; border: 0; border-radius: 20px;
  padding: 6px 18px; font-weight: 600; transition: background .2s, transform .2s;
}
.cmp_button_wire:hover, .obj_galley_link:hover, .pkp_button:hover {
  background: var(--hijau-tua); color: var(--emas) !important; text-decoration: none; transform: translateY(-1px);
}
.obj_issue_toc .galleys_links li { display: block; text-align: right; }
ul.galleys_links li { font-size: 10pt; }

/* ===== DAFTAR ARTIKEL ===== */
.obj_article_summary {
  border: 1px solid var(--garis); border-left: 5px solid var(--hijau);
  padding: 14px 16px; border-radius: 6px; background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08); transition: box-shadow .2s, transform .2s;
}
.obj_article_summary:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, .15); transform: translateY(-2px); }
.obj_article_summary .title a { font-family: 'Titillium Web', sans-serif; font-weight: 600; }
.obj_article_summary .item.doi .label {
  background: url(/public/journals/6/images/icon-doi.png) left center no-repeat;
  width: 25px !important; height: 24px !important; color: transparent; text-indent: 100%; white-space: nowrap; overflow: hidden;
}
.obj_article_summary .item.stats .abstract, .obj_article_summary .item.stats .galley { position: relative; }
.obj_article_summary .item.stats .abstract { margin-left: 20px; margin-right: 10px; }
.obj_article_summary .item.stats .galley { margin-left: 25px; }
.obj_article_summary .item.stats .abstract:before { content: "\f080"; font-family: FontAwesome; left: -15px; position: absolute; top: 0; }
.obj_article_summary .item.stats .galley:before { content: "\f1c1"; font-family: FontAwesome; left: -15px; position: absolute; top: 0; }

/* ikon kecil */
.published::before { content: "\f073"; font-family: FontAwesome; top: 0; color: var(--hijau); }
.current_issue_title::before { content: "\f02d"; font-family: FontAwesome; top: 0; color: var(--hijau); }
.authors::before { content: "\f007"; font-family: FontAwesome; top: 0; }
.pages::before { content: "\f0f6"; font-family: FontAwesome; }

/* ===== SIDEBAR ===== */
.pkp_structure_sidebar { padding: 0 20px; }
.pkp_structure_sidebar .pkp_block {
  margin: 0 0 18px !important; padding: 0 !important;
  background: #fff; border: 1px solid var(--garis); border-radius: 8px; overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
}
.pkp_structure_sidebar .pkp_block .title {
  display: block; margin: 0; padding: 11px 14px;
  font-family: 'Titillium Web', sans-serif; font-size: 15px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .6px;
  color: #fff; background: linear-gradient(90deg, var(--hijau-tua), var(--hijau));
  border: 0; border-left: 6px solid var(--emas); border-radius: 0;
}
.pkp_structure_sidebar .pkp_block .title a { color: #fff; text-decoration: none; }
.pkp_structure_sidebar .pkp_block .content { padding: 10px 14px; }
.pkp_structure_sidebar .pkp_block ul, .pkp_structure_sidebar .pkp_block ul li {
  margin: 0 !important; padding: 0 !important; list-style: none; background: transparent !important; border: 0 !important;
}
.pkp_structure_sidebar .pkp_block ul li a {
  display: block; line-height: 1.4; padding: 9px 10px; border-radius: 5px;
  border-bottom: 1px solid #edf3ee !important; color: var(--hijau-tua); background: transparent !important;
  transition: background .2s, padding-left .2s;
}
.pkp_structure_sidebar .pkp_block ul li a:hover {
  background: var(--hijau-muda) !important; color: var(--hijau) !important; padding-left: 16px; text-decoration: none;
}
.pkp_block.block_make_submission .content { margin: 0 !important; padding: 12px !important; text-align: center !important; }
.pkp_block.block_make_submission .content a {
  display: block; background: var(--emas); color: #1d1d1d; font-weight: 700; line-height: 42px; border-radius: 6px;
}
.pkp_block.block_make_submission .content a:hover { background: #ffd84d; color: #000; text-decoration: none; }

#customblock-Tools .content > .content div { width: 80% !important; margin: auto; }
#customblock-Tools .content > .content div a img { width: 100% !important; }
#customblock-Visitor_statistics .content > .content .supercounter,
#customblock-Visitor_statistics .content > .content .statcounter { text-align: center; }
#customblock-custom_css { display: none; }
.sidebar-block { background: var(--hijau-tua); padding: 5px 2px 5px 10px; color: #fff; margin: 10px -10px; }

/* ===== PENGUMUMAN ===== */
.cmp_announcements .obj_announcement_summary.full_width { width: 100% !important; }
.cmp_announcements .obj_announcement_summary .summary p { line-height: 1.3em; margin-top: 0 !important; margin-bottom: 1em !important; }

/* ===== FOOTER ===== */
.pkp_structure_footer_wrapper { background: transparent; border-bottom: none !important; }
.pkp_structure_footer .pkp_footer_content { background: var(--hijau-tua); color: #e8f5e9; padding: 18px 24px !important; border-top: 3px solid var(--emas); }
.pkp_structure_footer .pkp_footer_content p { margin: 0; }
.pkp_structure_footer .pkp_footer_content a { color: #ffe27a; }
.pkp_structure_footer .pkp_brand_footer { background: #053b12; height: auto !important; padding: 10px; }
.pkp_structure_footer .pkp_brand_footer img { width: 48px !important; height: auto; display: none; }

/* ===== LATAR KONTEN TIDAK PUTIH ===== */
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main {
  background: #eef6ef; /* ganti: #fdf8e8 krem, #f3f4f6 abu, #e3f1e6 hijau pekat */
}

/* Tabel info jurnal (di .homepage_about) jadi kartu putih */
.homepage_about table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid #cfe0d1;
  border-radius: 8px;
  overflow: hidden;
  margin: 18px 0 26px;
}
.homepage_about table td {
  padding: 9px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #e8f0e9 !important;
  vertical-align: top;
}
.homepage_about table tr:nth-child(even) td { background: #f6faf6; }
.homepage_about table tr:last-child td { border-bottom: 0 !important; }
.homepage_about table td:first-child { width: 200px; font-weight: 600; color: #08541a; }
.homepage_about table td:nth-child(2) { width: 14px; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }

/* ===== RAPATKAN JARAK BARIS TABEL ===== */
.homepage_about table td {
  padding: 4px 12px !important;
  line-height: 1.4 !important;
  font-size: 14.5px;
}
.homepage_about table td p,
.homepage_about table td li {
  margin: 0 !important;
  line-height: 1.4 !important;
}
.homepage_about table { margin: 12px 0 20px; }

/* ===== SIDEBAR LEBIH RAPAT ===== */
.pkp_structure_sidebar .pkp_block .content { padding: 8px 12px !important; }
.pkp_structure_sidebar .pkp_block .title { padding: 7px 12px !important; margin: 0 !important; line-height: 1.3; font-size: 14px; }
.pkp_structure_sidebar .pkp_block p { margin: 0 0 4px !important; line-height: 1.4 !important; }
.pkp_structure_sidebar .pkp_block ul { margin: 3px 0 8px !important; }
.pkp_structure_sidebar .pkp_block ul li a {
  padding: 2px 8px !important;
  line-height: 1.3 !important;
  border-bottom: 0 !important;
  font-size: 14px;
}
.pkp_structure_sidebar .pkp_block ul li a:hover { padding-left: 12px !important; }

/* ===== RAPATKAN SELURUH HALAMAN ===== */
/* paragraf & daftar */
.pkp_structure_main p,
.pkp_structure_main li,
.pkp_structure_main td {
  line-height: 1.5 !important;
}
.pkp_structure_main p { margin: 0 0 .6em !important; }
.pkp_structure_main ul, .pkp_structure_main ol { margin-top: 0; margin-bottom: .6em; }

/* judul */
.pkp_structure_main h1, .page h1 { margin: 0 0 12px; font-size: 26px; }
.pkp_structure_main h2 { margin: 14px 0 8px; font-size: 20px; }
.pkp_structure_main h3 { margin: 12px 0 6px; }
.pkp_structure_main h4 { margin: 10px 0 6px; }

/* ruang di sekitar konten utama */
.pkp_structure_main { padding-top: 14px !important; padding-bottom: 14px !important; }
.pkp_structure_sidebar { padding-top: 14px; }
.pkp_page_index .additional_content { padding: 16px !important; }
.homepage_about { margin-bottom: 10px; }

/* daftar artikel & edisi */
.obj_article_summary { padding: 8px 12px !important; margin-bottom: 8px; }
.cmp_article_list > li, .obj_issue_toc .sections .section > ul > li { margin-bottom: 8px; }
.obj_issue_toc .section { margin-bottom: 8px; }
.obj_issue_summary { padding: 8px 0; margin-bottom: 8px; }
.pkp_page_index .current_issue { margin-top: 8px; }

/* sidebar */
.pkp_structure_sidebar .pkp_block { margin: 0 0 10px !important; }

/* pengumuman */
.cmp_announcements .obj_announcement_summary { margin-bottom: 8px; padding-bottom: 8px; }

/* footer */
.pkp_structure_footer .pkp_footer_content { padding: 10px 20px !important; }
.pkp_structure_footer .pkp_brand_footer { padding: 6px; }

/* ===== SIDEBAR: JARAK MENU SEDIKIT DILONGGARKAN (~1,2x) ===== */
.pkp_structure_sidebar .pkp_block ul li a {
  padding: 6px 8px !important;
  line-height: 1.3 !important;
}
.pkp_structure_sidebar .pkp_block ul { margin: 4px 0 10px !important; }

/* ===== ARCHIVE: SEMBUNYIKAN COVER KOSONG & RAPATKAN DAFTAR EDISI ===== */
.obj_issue_summary .cover { display: none !important; }
.obj_issue_summary { min-height: 0 !important; padding: 8px 0 !important; margin-bottom: 8px !important; }
.obj_issue_summary h2, .obj_issue_summary .title { margin: 0 0 4px !important; }
.obj_issue_summary .series, .obj_issue_summary .description { margin: 0 !important; }

/* ===== PENGATURAN JARAK HALAMAN (dari style lama, sudah diperbaiki) ===== */
.pkp_structure_page { margin-top: 20px !important; margin-bottom: 20px !important; padding-bottom: 20px !important; }
.pkp_navigation_user_wrapper { top: 0; right: 0; padding-right: 30px; }

/* ===== MENU UTAMA: WARNA SERAGAM (tanpa gradasi) ===== */
.pkp_navigation_primary_row {
  background: #0a6320 !important;
}

/* ===== MENU UTAMA: SAMA DENGAN WARNA HEADER (hijau #4f8c49) ===== */
.pkp_navigation_primary_row {
  background: #4f8c49 !important;
  border-bottom: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:focus {
  background: rgba(0, 0, 0, .18) !important;
  color: #fff !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: #437d3e !important;
}
/* Alternatif: menu sama dengan warna latar di bawahnya (terang)
   ganti background di atas menjadi #eef6ef dan warna tulisan menu menjadi #08541a:
.pkp_navigation_primary_row { background: #eef6ef !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a { color: #08541a !important; }
*/

/* ===== MENU UTAMA: WARNA #eef6ef (sama dengan latar konten) ===== */
.pkp_navigation_primary_row {
  background: #eef6ef !important;
  border-bottom: 1px solid #d3e4d5 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a {
  color: #08541a !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:focus {
  background: rgba(8, 84, 26, .08) !important;
  color: #08541a !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: #eef6ef !important;
  border: 1px solid #d3e4d5;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .12);
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: 1px solid #d3e4d5 !important; }

/* ===== LOGIN & REGISTER (tampil di pojok kanan atas header) ===== */
.pkp_site_name_wrapper { position: relative !important; }
.pkp_navigation_user_wrapper {
  position: absolute !important;
  top: 10px !important;
  right: 14px !important;
  left: auto !important;
  width: auto !important;
  padding: 0 !important;
  z-index: 20;
  line-height: normal !important;
  display: block !important;
}
#navigationUser,
.pkp_navigation_user {
  display: flex !important;
  gap: 8px;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  background: transparent !important;
}
.pkp_navigation_user > li { margin: 0 !important; padding: 0 !important; }
.pkp_navigation_user > li > a {
  display: block;
  padding: 5px 16px !important;
  background: #08541a;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 16px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4 !important;
  text-decoration: none;
  transition: background .2s;
}
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  background: #f2c21b;
  color: #1d1d1d !important;
}