/* 
Copyright sanguilmu.com 

Design by: Thoha Firdaus


*/

.pkp_structure_page {
  margin: 0 auto;
  max-width: 1160px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1200px) {
  .pkp_structure_page {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
  position: relative;
  padding-top: 0;
}

/* Struktur Sidebar */
.kepala {
  background-color: #7030a0;
  color: #fff;
  padding: 1rem;
  border-bottom: 0.3rem solid #fc8f54;
  font-weight: bold;
}

.badan {
  /* background-color: rgb(83, 248, 111); */
  margin-top: -12px;
}

.badan a {
  display: block;
  text-decoration: none;
  padding: 0.8rem;
  background-color: #f1f1f1;
  color: #000000;
  border-bottom: rgb(255 255 255) 0.2rem solid;
  transition: 0.4s;
  /* margin: 0.5rem 0rem 0.5rem 0rem; */
  position: relative;
  z-index: 1;
}

.badan .fa {
  padding-right: 10px;
}

.badan a:hover {
  background-color: #fbf4db;
  box-shadow: gray 0px 0px 1px 0px;
  color: black;
}

.badan a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.2rem;
  background-color: #fc8f54;
  left: 0;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: 800ms;
}

.badan a:hover::after {
  transform: scaleX(1);
}

/* Table of content */

.obj_article_summary {
  box-shadow: 3px 3px 5px;
  padding: 20px;
  border-radius: 10px;
  background: #f1f1f1;
}

.obj_article_summary:hover {
  background: #fbf4db;
}

.obj_article_summary {
  padding-bottom: 15px !important;
  border-bottom: solid 4px #aa5486 !important;
  font-size: 12px;
  padding-top: 12px;
}

.pkp_structure_main h1 {
  font-weight: 600;
  font-size: 20px;
}

.pkp_structure_main a {
  color: #7030a0 !important;
}

.pkp_structure_main a:hover {
  color: #fc8f54 !important;
}

.obj_galley_link {
  font-weight: 700;
  text-transform: Capitalize !important;
  background: #f1f1f1 !important;
  color: #ffffff !important;
  border: solid 1px #fc8f54 !important;
}

.obj_galley_link:hover {
  background: #fde7bb !important;
  color: #fc8f54 !important;
}

/* Footer */
.pkp_structure_footer_wrapper {
  background: #f1f1f1;
  border-bottom: 20px solid #7030a0;
  border-top: 4px solid #7030a0;
}

.pkp_footer_content {
  float: left;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pkp_brand_footer {
  float: right;
  width: 20%;
  padding-bottom: 10px;
  padding-top: 50px;
}

/*Body and Abstrack*/
.main_entry .item.abstract {
  text-align: justify;
}

body {
  font-family: Lora, geneva, sans-serif !important;
}

/* Struktur Header */
.pkp_site_name_wrapper {
  width: 100% !important;
}

.pkp_screen_reader {
  margin: 0px !important;
}

.pkp_navigation_primary_row {
  background: #7030a0;
  font-weight: bold;
  border-top: 1px solid #ededed;
  padding-left: 30px;
  padding-right: 30px;
}

.pkp_site_name {
  margin: 0 !important;
  padding: 0px;
}

.pkp_site_name > a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pkp_site_name_wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

/* Ukuran Header */

.pkp_site_name .is_img img {
  max-height: 100% !important;
  max-width: 100% !important;
}

.pkp_site_name a {
  margin: auto !important;
}

/* Settingan Header */

.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 15px !important;
  line-height: 40px !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  font-family: robot, geneva, sans-serif;
  color: #ffffff !important;
  font-weight: bold !important;
  transition: 0.2s;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
  background: #ffffff;
  color: #7030a0 !important;
  border-radius: 20px !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul,
.pkp_navigation_primary_row
  .pkp_navigation_primary_wrapper
  ul
  li
  ul
  li
  a:hover {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: #7030a0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
  border-bottom: solid 1px white !important;
}

.pkp_navigation_primary_row
  .pkp_navigation_primary_wrapper
  ul
  li
  ul
  li:last-child {
  border-bottom: none !important;
}

.pkp_site_name_wrapper {
  background: #ffffff;
  margi-bottom: 0px !important;
}

html,
body {
  background: url(/public/site/images/admin/pettrn.png);
}

.pkp_site_nav_toggle {
  background: #7030a0 !important;
}

.pkp_navigation_search_wrapper {
  background: #ffffff;
  border-radius: 20px;
  transition: 0.5s;
}

.pkp_navigation_search_wrapper a {
  color: #7030a0;
}

.pkp_navigation_search_wrapper a:hover {
  color: #7030a0;
}

.pkp_navigation_search_wrapper:hover {
  border-radius: 0px;
}

.homepage_about {
  text-align: justify;
}

.obj_article_details .page_title {
  background: #ffffca;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 3px 3px 5px;
}

.meta .authors {
  background: url(/public/site/images/admin/icon-group.png) 1px 2px no-repeat
    rgba(0, 0, 0, 0);
  font-weight: bold;
  margin-top: 4px;
  padding-bottom: 5px;
  padding-left: 30px;
}

.description {
  text-align: justify;
}

.profile a {
  background: #aa5486;
  color: #ffffff !important;
}

.pkp_navigation_user_wrapper {
  padding-left: 0;
  padding-right: 30px;
  padding-top: 10px;
}

.pkp_navigation_user.pkp_nav_list .profile a {
  border-radius: 15px !important;
  padding-left: 10px;
  padding-right: 10px;
}

.dropdown-menu {
  background: #aa5486 !important;
}

.dropdown-menu li a:hover {
  color: #aa5486 !important;
}

.obj_issue_toc .heading .cover img {
  box-shadow: 4px 2px 5px gray;
}

.homepage_image {
  display: inline-block;
  width: 28%;
  margin-left: 0px;
  float: right;
  margin-top: 0px !important;
}

.homepage_image img {
  margin: 60px 0px 0px -20px;
  width: 300px;
  display: inline-block;
  float: left;
  box-shadow: 4px 2px 5px gray;
  margin-right: 15px;
}

.homepage_about {
  display: inline-block;
  width: 70%;
  text-align: justify;
}

.pkp_structure_content.has_sidebar {
  padding-top: 0px;
}

.pkp_structure_main .page {
  padding-top: 20px;
}

@media (max-width: 600px) {
  /* For mobile phones: */
  .homepage_about {
    width: 100%;
  }

  .pkp_structure_main {
    padding-top: 20px !important;
  }
}

@media (max-width: 991px) {
  .homepage_about {
    margin-top: 30px;
  }

  .pkp_structure_main {
    margin-top: 0px !important;
  }

  .pkp_site_name_wrapper {
    padding-bottom: 0px;
  }

  .pkp_site_name_wrapper {
    padding-top: ;
  }

  .pkp_navigation_search_wrapper {
    margin: center !important;
    padding: 10px !important;
  }

  .pkp_structure_main {
    padding-top: 100px;
  }
}

@media (max-width: 360px) {
  /* For mobile phones: */
  .homepage_image {
    width: 90%;
    margin: 0;
  }

  .homepage_about {
    margin-top: 0px;
  }

  .pkp_structure_main {
    padding-top: 0px !important;
  }
}

.deskripsi {
  border: 2px #aa5486 solid;
  padding: 10px;
  background-color: #fbf4db;
  text-align: left;
}

.pkp_block.block_custom {
  padding-left: 15px;
  padding-right: 15px;
}

.cmp_announcements.highlight_first {
  background-color: #fbf4db;
}

.most_read_article_title a {
    color: #450982;
    /* Warna teks link */
    text-decoration: none;
    /* Menghilangkan garis bawah pada link */
}
a:link {
    /* Menghapus Garis Link*/
    text-decoration: none;
}

/* OJS JIHS article layout stability - 2026-09-26 */
.obj_article_details .downloads_chart .value {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 260px;
    min-height: 260px;
    overflow: hidden;
    overflow-anchor: none;
}
.obj_article_details .downloads_chart .usageStatsGraph {
    display: block;
    max-width: 100%;
}
.pkp_structure_sidebar .pkp_block {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}
.pkp_structure_sidebar .pkp_block img,
.pkp_structure_sidebar .pkp_block iframe,
.pkp_structure_sidebar .pkp_block svg {
    max-width: 100%;
}
@media (max-width: 600px) {
    .obj_article_details .downloads_chart .value {
        height: 220px;
        min-height: 220px;
    }
}


/* =============================================================
   JIHS HOMEPAGE ONLY — FORCE DESKTOP LAYOUT ON ALL DEVICES
   2026-09-27

   HANYA berlaku untuk homepage jurnal:
   body.pkp_page_index.pkp_op_index

   Halaman article, issue, submission, login, register, search,
   dashboard, workflow, dll tidak terkena.
   ============================================================= */

@media (max-width: 1199px) {

  html:has(body.pkp_page_index.pkp_op_index),
  body.pkp_page_index.pkp_op_index {
    overflow-x: hidden !important;
    min-width: 0 !important;
  }

  /* Kanvas desktop tetap */
  body.pkp_page_index.pkp_op_index .pkp_structure_page {
    width: 1160px !important;
    min-width: 1160px !important;
    max-width: 1160px !important;
    margin: 0 !important;
    transform-origin: top left !important;
  }

  /* Struktur konten desktop */
  body.pkp_page_index.pkp_op_index .pkp_structure_content,
  body.pkp_page_index.pkp_op_index .pkp_structure_content.has_sidebar {
    width: 100% !important;
    max-width: none !important;
    padding-top: 0 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_structure_main {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Sidebar tetap posisi desktop */
  body.pkp_page_index.pkp_op_index .pkp_structure_sidebar {
    display: block !important;
  }

  /* About tetap seperti desktop */
  body.pkp_page_index.pkp_op_index .homepage_image {
    display: inline-block !important;
    width: 28% !important;
    margin: 0 !important;
    float: right !important;
  }

  body.pkp_page_index.pkp_op_index .homepage_image img {
    display: inline-block !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 60px 15px 0 -20px !important;
    float: left !important;
  }

  body.pkp_page_index.pkp_op_index .homepage_about {
    display: inline-block !important;
    width: 70% !important;
    margin-top: 0 !important;
    text-align: justify !important;
    vertical-align: top !important;
  }

  /* Header desktop */
  body.pkp_page_index.pkp_op_index .pkp_site_name_wrapper {
    width: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Jangan pakai tombol hamburger pada homepage */
  body.pkp_page_index.pkp_op_index .pkp_site_nav_toggle {
    display: none !important;
  }

  /* Navigasi tetap horizontal */
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary_row {
    display: block !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary_wrapper,
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary {
    display: block !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary {
    position: static !important;
    width: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li {
    display: inline-block !important;
    float: none !important;
  }

  body.pkp_page_index.pkp_op_index
  .pkp_navigation_primary_row
  .pkp_navigation_primary_wrapper
  ul li a {
    padding: 0 15px !important;
    line-height: 40px !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_user_wrapper {
    display: block !important;
    padding-left: 0 !important;
    padding-right: 30px !important;
    padding-top: 10px !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_search_wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Netralisasi aturan mobile lama khusus homepage */
  body.pkp_page_index.pkp_op_index .homepage_about {
    margin-top: 0 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_structure_main {
    padding-top: 0 !important;
  }
}

/* =============================================================
   SCALE SELURUH HOMEPAGE
   Desktop 1160px dijadikan satu-satunya layout.
   ============================================================= */

@media (min-width: 1100px) and (max-width: 1199px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .95; }
}
@media (min-width: 1050px) and (max-width: 1099px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .91; }
}
@media (min-width: 1000px) and (max-width: 1049px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .87; }
}
@media (min-width: 950px) and (max-width: 999px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .83; }
}
@media (min-width: 900px) and (max-width: 949px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .79; }
}
@media (min-width: 850px) and (max-width: 899px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .75; }
}
@media (min-width: 800px) and (max-width: 849px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .71; }
}
@media (min-width: 750px) and (max-width: 799px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .67; }
}
@media (min-width: 700px) and (max-width: 749px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .63; }
}
@media (min-width: 650px) and (max-width: 699px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .59; }
}
@media (min-width: 600px) and (max-width: 649px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .55; }
}
@media (min-width: 550px) and (max-width: 599px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .51; }
}
@media (min-width: 500px) and (max-width: 549px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .47; }
}
@media (min-width: 450px) and (max-width: 499px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .43; }
}
@media (min-width: 420px) and (max-width: 449px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .39; }
}
@media (min-width: 400px) and (max-width: 419px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .365; }
}
@media (min-width: 380px) and (max-width: 399px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .345; }
}
@media (min-width: 360px) and (max-width: 379px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .325; }
}
@media (min-width: 340px) and (max-width: 359px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .305; }
}
@media (min-width: 320px) and (max-width: 339px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .285; }
}
@media (max-width: 319px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_page { zoom: .27; }
}

/* Override khusus aturan lama <= 600 / <= 360 */
@media (max-width: 600px) {
  body.pkp_page_index.pkp_op_index .homepage_about {
    width: 70% !important;
    margin-top: 0 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_structure_main {
    padding-top: 0 !important;
  }
}

@media (max-width: 360px) {
  body.pkp_page_index.pkp_op_index .homepage_image {
    width: 28% !important;
    margin: 0 !important;
    float: right !important;
  }

  body.pkp_page_index.pkp_op_index .homepage_about {
    width: 70% !important;
    margin-top: 0 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_structure_main {
    padding-top: 0 !important;
  }
}


/* =============================================================
   JIHS HOMEPAGE ONLY — KEEP DESKTOP NAV MENU VISIBLE
   Fix: OJS hides .pkp_site_nav_menu below 992px.
   ============================================================= */
@media (max-width: 991px) {

  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu {
    display: block !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu .pkp_navigation_primary_row,
  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu .pkp_navigation_primary_wrapper,
  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu .pkp_navigation_primary {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu .pkp_navigation_primary {
    position: static !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu .pkp_navigation_primary > li {
    display: inline-block !important;
    position: relative !important;
    float: none !important;
    vertical-align: top !important;
  }

  body.pkp_page_index.pkp_op_index
  .pkp_site_nav_menu
  .pkp_navigation_primary > li > a {
    display: inline-block !important;
    padding: 0 15px !important;
    line-height: 40px !important;
    white-space: nowrap !important;
  }

  /* Dropdown tetap mengikuti perilaku desktop. */
  body.pkp_page_index.pkp_op_index
  .pkp_site_nav_menu
  .pkp_navigation_primary > li > ul {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 10000 !important;
  }

  /* Karena menu desktop selalu terlihat, tombol hamburger tidak diperlukan. */
  body.pkp_page_index.pkp_op_index .pkp_site_nav_toggle {
    display: none !important;
  }
}


/* =============================================================
   JIHS HOMEPAGE ONLY — DESKTOP GRID + DESKTOP DROPDOWN FIX V5
   2026-09-27

   Mengunci homepage JIHS ke layout desktop OJS:
   - wrapper 1160px
   - main 860px
   - sidebar 300px
   - sidebar tetap di kanan
   - submenu tertutup sampai hover/focus
   ============================================================= */

@media (max-width: 1199px) {

  /* Desktop content geometry */
  body.pkp_page_index.pkp_op_index .pkp_structure_content,
  body.pkp_page_index.pkp_op_index .pkp_structure_content.has_sidebar {
    display: block !important;
    position: relative !important;
    width: 1160px !important;
    min-width: 1160px !important;
    max-width: 1160px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_structure_content::before,
  body.pkp_page_index.pkp_op_index .pkp_structure_content::after {
    content: " " !important;
    display: table !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_structure_content::after {
    clear: both !important;
  }

  /* Main column exactly like desktop >=1200px */
  body.pkp_page_index.pkp_op_index .pkp_structure_main {
    display: block !important;
    float: left !important;
    width: 860px !important;
    min-width: 860px !important;
    max-width: 860px !important;
    margin: 0 !important;
    padding: 0 2.143rem 6.429rem !important;
    box-sizing: border-box !important;
  }

  /* Sidebar exactly like desktop */
  body.pkp_page_index.pkp_op_index .pkp_structure_sidebar {
    display: block !important;
    position: relative !important;
    float: right !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    clear: none !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_structure_sidebar::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 300px !important;
    border-left: 1px solid #ddd !important;
    pointer-events: none !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_structure_sidebar > * {
    position: relative !important;
  }

  /* Prevent blocks in sidebar from expanding to full mobile width */
  body.pkp_page_index.pkp_op_index .pkp_structure_sidebar .pkp_block {
    width: 100% !important;
    max-width: 300px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* ===========================================================
     DESKTOP NAV / DROPDOWN BEHAVIOUR
     =========================================================== */

  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu {
    display: block !important;
    position: static !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_nav_list > li {
    display: inline-block !important;
    position: relative !important;
  }

  /* Important: close submenus by default, same as desktop OJS */
  body.pkp_page_index.pkp_op_index .pkp_nav_list > li > ul {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: -9999px !important;
    width: 15em !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10000 !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_nav_list > li > ul > li {
    display: block !important;
    float: none !important;
    width: 100% !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_nav_list > li > ul > li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Open only the menu being hovered/focused */
  body.pkp_page_index.pkp_op_index .pkp_nav_list > li:hover > ul,
  body.pkp_page_index.pkp_op_index .pkp_nav_list > li:focus-within > ul {
    left: 0 !important;
  }

  /* User menu also behaves like desktop */
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li > ul {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    right: auto !important;
    left: -9999px !important;
    width: 15em !important;
    z-index: 10000 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li:hover > ul,
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li:focus-within > ul {
    left: 0 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_site_nav_toggle {
    display: none !important;
  }
}

/* Tiny-screen safety: do not allow old mobile rules to stack sidebar. */
@media (max-width: 600px) {
  body.pkp_page_index.pkp_op_index .pkp_structure_main {
    float: left !important;
    width: 860px !important;
    min-width: 860px !important;
    max-width: 860px !important;
    padding-top: 0 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_structure_sidebar {
    float: right !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    clear: none !important;
  }
}


/* =============================================================
   JIHS HOMEPAGE ONLY — DROPDOWN CLEANUP V6
   2026-09-27

   Tujuan:
   - Menu utama tetap horizontal dan terlihat.
   - Semua submenu tertutup secara default.
   - Submenu hanya terbuka pada hover/focus.
   - Main/sidebar desktop dari V5 tidak diubah.
   ============================================================= */

@media (max-width: 1199px) {

  /* Primary navigation container tetap terlihat */
  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu,
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary_row,
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary_wrapper,
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Item menu level pertama tetap horizontal */
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li,
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li {
    display: inline-block !important;
    position: relative !important;
    float: none !important;
    vertical-align: top !important;
  }

  /* ===========================================================
     SEMUA SUBMENU HARUS TERTUTUP SECARA DEFAULT
     =========================================================== */

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li > ul,
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li > ul {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    width: 15em !important;
    min-width: 15em !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 10000 !important;
  }

  /* Submenu hanya muncul pada item yang sedang aktif */
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li:hover > ul,
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li:focus-within > ul,
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li:hover > ul,
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li:focus-within > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Isi submenu seperti desktop */
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li > ul > li,
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li > ul > li {
    display: block !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li > ul > li > a,
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li > ul > li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  /* Hilangkan kemungkinan class mobile OJS memaksa semua menu terbuka */
  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu--isOpen
  .pkp_navigation_primary > li > ul,
  body.pkp_page_index.pkp_op_index.navIsOpen
  .pkp_navigation_primary > li > ul {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu--isOpen
  .pkp_navigation_primary > li:hover > ul,
  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu--isOpen
  .pkp_navigation_primary > li:focus-within > ul,
  body.pkp_page_index.pkp_op_index.navIsOpen
  .pkp_navigation_primary > li:hover > ul,
  body.pkp_page_index.pkp_op_index.navIsOpen
  .pkp_navigation_primary > li:focus-within > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Tombol hamburger tetap tidak diperlukan pada homepage */
  body.pkp_page_index.pkp_op_index .pkp_site_nav_toggle {
    display: none !important;
  }
}


/* =============================================================
   JIHS HOMEPAGE ONLY — HEADER / NAV FINAL ALIGNMENT V7
   2026-09-27

   Live verification:
   Navigation items exist, but mobile OJS rules collapse/reposition
   the navigation/search area. This restores the desktop bar only.
   ============================================================= */

@media (max-width: 1199px) {

  /* Keep header wrapper on desktop geometry */
  body.pkp_page_index.pkp_op_index .pkp_structure_head,
  body.pkp_page_index.pkp_op_index .pkp_head_wrapper {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
  }

  /* Purple navigation bar exactly under the journal header image */
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary_row {
    display: block !important;
    position: relative !important;
    clear: both !important;
    width: 100% !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 30px !important;
    background: #7030a0 !important;
    border-top: 1px solid #ededed !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    z-index: 9000 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary_wrapper {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Primary menu stays left, desktop-like */
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary {
    display: inline-block !important;
    position: static !important;
    float: left !important;
    width: auto !important;
    max-width: calc(100% - 130px) !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: visible !important;
    vertical-align: top !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li {
    display: inline-block !important;
    position: relative !important;
    float: none !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li > a {
    display: block !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    line-height: 40px !important;
    color: #ffffff !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li > a:hover,
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li > a:focus {
    background: #ffffff !important;
    color: #7030a0 !important;
    border-radius: 20px !important;
  }

  /* Search returns to the right side of the same purple bar */
  body.pkp_page_index.pkp_op_index .pkp_navigation_search_wrapper {
    display: block !important;
    position: static !important;
    float: right !important;
    width: auto !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_search_wrapper a {
    display: block !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    line-height: 40px !important;
    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_search_wrapper a:hover,
  body.pkp_page_index.pkp_op_index .pkp_navigation_search_wrapper a:focus {
    color: #7030a0 !important;
    background: #ffffff !important;
    border-radius: 20px !important;
  }

  /* Ensure the site nav itself does not become an absolute mobile overlay */
  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu {
    display: block !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  /* Mobile hamburger is not used on this desktop-style homepage */
  body.pkp_page_index.pkp_op_index .pkp_site_nav_toggle {
    display: none !important;
  }

  /* Keep dropdowns closed until the parent item is active */
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li > ul,
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li > ul {
    display: none !important;
    position: absolute !important;
    top: 40px !important;
    left: 0 !important;
    right: auto !important;
    width: 15em !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 11000 !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li:hover > ul,
  body.pkp_page_index.pkp_op_index .pkp_navigation_primary > li:focus-within > ul,
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li:hover > ul,
  body.pkp_page_index.pkp_op_index .pkp_navigation_user > li:focus-within > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}


/* =============================================================
   JIHS HOMEPAGE ONLY — HEADER FLOW FIX V8
   2026-09-27

   Live root cause:
   - OJS mobile sets .pkp_site_name_wrapper height: 2.857rem
   - OJS mobile sets .pkp_site_name position:absolute
   This makes the tall journal banner overflow its wrapper and
   causes the purple navigation bar to overlap the banner.

   This patch restores desktop header flow ONLY on JIHS homepage.
   ============================================================= */

@media (max-width: 1199px) {

  /* Header wrapper must grow with the real banner height */
  body.pkp_page_index.pkp_op_index.has_site_logo .pkp_head_wrapper,
  body.pkp_page_index.pkp_op_index .pkp_head_wrapper {
    display: block !important;
    position: relative !important;
    width: 1160px !important;
    min-width: 1160px !important;
    max-width: 1160px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_site_name_wrapper {
    display: block !important;
    position: relative !important;
    width: 1160px !important;
    min-width: 1160px !important;
    max-width: 1160px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  /* Remove absolute mobile positioning from the journal banner */
  body.pkp_page_index.pkp_op_index .pkp_site_name {
    display: block !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    background: transparent !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_site_name > a,
  body.pkp_page_index.pkp_op_index .pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Banner itself keeps the same desktop proportions */
  body.pkp_page_index.pkp_op_index .pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
  }

  /* The nav now participates in normal flow AFTER the banner */
  body.pkp_page_index.pkp_op_index .pkp_site_nav_menu {
    display: block !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    overflow: visible !important;
  }

  body.pkp_page_index.pkp_op_index .pkp_navigation_primary_row {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    clear: both !important;
    margin-top: 0 !important;
  }

  /* Make sure content begins only after the complete header/nav */
  body.pkp_page_index.pkp_op_index .pkp_structure_content {
    clear: both !important;
  }
}


/* =============================================================
   JIHS HOMEPAGE ONLY — ABOUT IMAGE COLLISION FIX V9
   2026-09-27

   Fix terakhir:
   - gambar homepage tidak boleh melewati kolom main 860px
   - hilangkan negative margin lama
   - gambar tetap di kanan About seperti desktop
   - sidebar 300px tidak disentuh
   ============================================================= */

@media (max-width: 1199px) {

  /* Text About remains on the left */
  body.pkp_page_index.pkp_op_index .homepage_about {
    display: inline-block !important;
    float: left !important;
    width: 70% !important;
    max-width: 70% !important;
    margin: 0 !important;
    padding: 0 12px 0 0 !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    text-align: justify !important;
  }

  /* Image column remains on the right but cannot invade sidebar */
  body.pkp_page_index.pkp_op_index .homepage_image {
    display: block !important;
    float: right !important;
    width: 28% !important;
    max-width: 28% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  body.pkp_page_index.pkp_op_index .homepage_image img {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    object-fit: contain !important;
  }

  /* Clear the About row before CURRENT ISSUE starts */
  body.pkp_page_index.pkp_op_index .homepage_about::after,
  body.pkp_page_index.pkp_op_index .homepage_image::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }
}

/* Very small phones: keep the same desktop proportions after page scaling */
@media (max-width: 600px) {
  body.pkp_page_index.pkp_op_index .homepage_about {
    width: 70% !important;
    max-width: 70% !important;
    margin-top: 0 !important;
  }

  body.pkp_page_index.pkp_op_index .homepage_image {
    width: 28% !important;
    max-width: 28% !important;
    margin: 0 !important;
  }

  body.pkp_page_index.pkp_op_index .homepage_image img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px auto 0 !important;
  }
}


/* =============================================================
   JIHS HOMEPAGE ONLY — CURRENT ISSUE POSITION FIX V10
   Live verified: desktop 1440 / tablet 768 / mobile 390
   2026-09-27

   Root cause:
   .homepage_image and .homepage_about use floats on the forced
   desktop layout. On tablet/mobile, .current_issue was allowed
   to wrap beside those floats.

   Fix:
   start Current Issue only after BOTH About + homepage image.
   ============================================================= */

@media (max-width: 1199px) {

  body.pkp_page_index.pkp_op_index .page_index_journal .current_issue {
    display: block !important;
    clear: both !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Ensure its anchor/title also begin from the left edge */
  body.pkp_page_index.pkp_op_index .page_index_journal .current_issue > h2,
  body.pkp_page_index.pkp_op_index .page_index_journal .current_issue_title {
    clear: both !important;
    width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  /* Keep the following issue TOC inside the main column */
  body.pkp_page_index.pkp_op_index .page_index_journal .current_issue .obj_issue_toc {
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}


/* =============================================================
   JIHS HOMEPAGE ONLY — FINAL POLISH V11
   2026-09-27
   Live checked on desktop / tablet / mobile.

   Finishing:
   - remove double horizontal line below navigation
   - normalize About spacing
   - improve paragraph line-height
   - align homepage image
   - normalize gap before Current Issue
   ============================================================= */

/* Remove duplicate separator under the purple navigation bar */
body.pkp_page_index.pkp_op_index .pkp_structure_head {
  border-bottom: 0 !important;
}

body.pkp_page_index.pkp_op_index .pkp_structure_content,
body.pkp_page_index.pkp_op_index .pkp_structure_main,
body.pkp_page_index.pkp_op_index .page_index_journal {
  border-top: 0 !important;
}

/* About section rhythm */
body.pkp_page_index.pkp_op_index .homepage_about {
  padding-top: 24px !important;
  padding-bottom: 22px !important;
}

body.pkp_page_index.pkp_op_index .homepage_about h2 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  line-height: 1.35 !important;
}

body.pkp_page_index.pkp_op_index .homepage_about p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.65 !important;
}

/* Homepage image alignment */
body.pkp_page_index.pkp_op_index .homepage_image {
  padding-top: 24px !important;
}

body.pkp_page_index.pkp_op_index .homepage_image img {
  margin-top: 0 !important;
}

/* Current Issue begins cleanly below About + image */
body.pkp_page_index.pkp_op_index .page_index_journal .current_issue {
  clear: both !important;
  margin-top: 18px !important;
  padding-top: 0 !important;
}

body.pkp_page_index.pkp_op_index .page_index_journal .current_issue > h2 {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  line-height: 1.35 !important;
}

body.pkp_page_index.pkp_op_index .page_index_journal .current_issue_title {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  line-height: 1.4 !important;
}

/* Keep issue description readable and visually aligned */
body.pkp_page_index.pkp_op_index .current_issue .description,
body.pkp_page_index.pkp_op_index .current_issue .description p {
  line-height: 1.65 !important;
}

body.pkp_page_index.pkp_op_index .current_issue .description p {
  margin-top: 0 !important;
}

/* Consistent spacing for article block and additional content */
body.pkp_page_index.pkp_op_index .current_issue .sections {
  margin-top: 18px !important;
}

body.pkp_page_index.pkp_op_index .additional_content {
  margin-top: 26px !important;
}

body.pkp_page_index.pkp_op_index .additional_content p {
  line-height: 1.65 !important;
}

/* Tablet / phone keep exactly the same desktop visual rhythm after scaling */
@media (max-width: 1199px) {
  body.pkp_page_index.pkp_op_index .homepage_about {
    padding-top: 24px !important;
    padding-bottom: 22px !important;
  }

  body.pkp_page_index.pkp_op_index .homepage_image {
    padding-top: 24px !important;
  }

  body.pkp_page_index.pkp_op_index .page_index_journal .current_issue {
    clear: both !important;
    margin-top: 18px !important;
  }
}