/* ================================================================
   JENGKOL — Journal Stylesheet (OJS 3.5)
   Struktur mengikuti gaya Piweling, palet tetap khas Jengkol
   Palet: Terakota / Hijau tunas / Kunyit / Biru batik / Cokelat / Krem
   ================================================================ */
:root {
  --primer:        #C1440E;
  --sekunder:      #4C7A3D;
  --aksen:         #E3A008;
  --pendukung:     #1F4E5F;
  --netral-gelap:  #3B2F2F;
  --netral-terang: #FAF3E7;
}

/* Logo header fit lebar konten, proporsional, rapat ke atas */
.pkp_site_name,
.pkp_site_name .is_img,
.pkp_site_name a.is_img { display: block; width: 100%; max-width: 100%; }
.pkp_site_name img {
  display: block !important; width: 100% !important; height: auto !important;
  max-width: 100% !important; max-height: none !important;
}
.pkp_site_name a,
.pkp_site_name a.is_img { max-height: none !important; height: auto !important; }
.pkp_head_wrapper { padding-top: 0 !important; }
.pkp_structure_head { background: var(--netral-terang) !important; border-bottom: 3px solid var(--aksen) !important; }

/* Nav bar terakota, teks krem */
.pkp_site_nav_menu { background: var(--primer) !important; }
.pkp_site_nav_menu a { color: var(--netral-terang) !important; font-weight: 500 !important; }
.pkp_site_nav_menu a:hover, .pkp_site_nav_menu a:focus { color: var(--aksen) !important; }
.pkp_site_nav_menu ul { padding-left: 20px !important; margin-left: 0 !important; }
.pkp_site_nav_menu li:first-child a { padding-left: 18px !important; }

/* Konten: urutan Journal Information > About > Current Issue, teks justify */
.page_index_journal { display: flex; flex-direction: column; }
.page_index_journal .additional_content { order: 1; }
.page_index_journal .homepage_about { order: 2; }
.page_index_journal .current_issue { order: 3; }
.homepage_about p, .additional_content p { text-align: justify; }
.homepage_about h2 { display: none !important; }

/* Cover jurnal di sisi kiri teks About */
.current_issue .obj_issue_toc img { display: none !important; }
.homepage_about::before {
  content: "";
  float: left; width: 180px; height: 276px;
  margin: 4px 22px 12px 0;
  background: url("https://ejournal.edu-pubnusa.com/public/journals/8/journalThumbnail_en_US.png") no-repeat center / contain;
}

/* Sidebar rapat, urutan blok */
.pkp_structure_sidebar { display: flex; flex-direction: column; gap: 8px !important; padding-left: 26px !important; }
.pkp_structure_sidebar > .pkp_block { margin: 0 !important; padding: 0 !important; }
.pkp_structure_sidebar > .pkp_block .content,
.pkp_structure_sidebar > .pkp_block .block_custom,
.pkp_structure_sidebar > .pkp_block p { margin: 0 !important; padding: 0 !important; }
.pkp_block { background: #ffffff !important; border: 1px solid #e6dcc8 !important; padding: 14px !important; }
.pkp_block .title { background: var(--primer) !important; color: var(--netral-terang) !important; padding: 10px 12px !important; border-left: 4px solid var(--aksen) !important; margin-bottom: 12px !important; }
.pkp_block ul li a { color: var(--pendukung) !important; }
.pkp_block ul li a:hover { color: var(--primer) !important; }

/* Footer terakota/cokelat khas jengkol */
.pkp_structure_footer_wrapper { background: var(--netral-gelap) !important; padding: 16px 0 10px !important; border-top: 3px solid var(--aksen) !important; }
.pkp_structure_footer {
  background: var(--netral-gelap) !important; min-height: auto !important; padding: 0 !important;
  text-align: center !important; font-family: Arial, sans-serif !important; font-size: 12px !important; line-height: 1.45 !important;
}
.pkp_structure_footer, .pkp_structure_footer_wrapper,
.pkp_structure_footer *, .pkp_structure_footer_wrapper * { color: var(--netral-terang) !important; }
.pkp_structure_footer a { color: var(--aksen) !important; text-decoration: none !important; }
.pkp_structure_footer a:hover { color: #f5d27a !important; text-decoration: underline !important; }
.pkp_structure_footer hr { border: 0 !important; border-top: 1px solid rgba(227,160,8,0.35) !important; margin: 8px auto !important; width: 90% !important; }

.pkp_brand_footer, .cmp_brand_footer { display: none !important; }