/* ========== Global Reset Fixes ========== */
* {
  box-sizing: border-box;
}

/* ===== Final: Sidebar menu icons from CSS + active blue line ===== */
#customblock-SidebarMenu .custom-fa-menu p,
#customblock-SidebarMenu .jiebi-side-menu p,
.custom-fa-menu p,
.jiebi-side-menu p {
  margin: 0 !important;
  padding: 0 !important;
}

#customblock-SidebarMenu .custom-fa-menu p > a,
#customblock-SidebarMenu .jiebi-side-menu p > a,
.custom-fa-menu p > a,
.jiebi-side-menu p > a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  background: #f8f8f8 !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px !important;
  color: #007bff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transform: none !important;
}

#customblock-SidebarMenu .custom-fa-menu p > a::before,
#customblock-SidebarMenu .jiebi-side-menu p > a::before,
.custom-fa-menu p > a::before,
.jiebi-side-menu p > a::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  min-width: 20px !important;
  color: #007bff !important;
  font-family: FontAwesome !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1 !important;
  text-align: center !important;
}

#customblock-SidebarMenu .custom-fa-menu p > a::after,
#customblock-SidebarMenu .jiebi-side-menu p > a::after,
.custom-fa-menu p > a::after,
.jiebi-side-menu p > a::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 3px !important;
  background: #168bff !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .2s ease !important;
}

#customblock-SidebarMenu .custom-fa-menu p > a:hover::after,
#customblock-SidebarMenu .custom-fa-menu p > a:focus::after,
#customblock-SidebarMenu .custom-fa-menu p > a:active::after,
#customblock-SidebarMenu .custom-fa-menu p > a.active::after,
#customblock-SidebarMenu .jiebi-side-menu p > a:hover::after,
#customblock-SidebarMenu .jiebi-side-menu p > a:focus::after,
#customblock-SidebarMenu .jiebi-side-menu p > a:active::after,
#customblock-SidebarMenu .jiebi-side-menu p > a.active::after,
.custom-fa-menu p > a:hover::after,
.custom-fa-menu p > a:focus::after,
.custom-fa-menu p > a:active::after,
.custom-fa-menu p > a.active::after,
.jiebi-side-menu p > a:hover::after,
.jiebi-side-menu p > a:focus::after,
.jiebi-side-menu p > a:active::after,
.jiebi-side-menu p > a.active::after {
  transform: scaleX(1) !important;
}

#customblock-SidebarMenu .custom-fa-menu p > a:hover,
#customblock-SidebarMenu .custom-fa-menu p > a:focus,
#customblock-SidebarMenu .custom-fa-menu p > a:active,
#customblock-SidebarMenu .custom-fa-menu p > a.active,
#customblock-SidebarMenu .jiebi-side-menu p > a:hover,
#customblock-SidebarMenu .jiebi-side-menu p > a:focus,
#customblock-SidebarMenu .jiebi-side-menu p > a:active,
#customblock-SidebarMenu .jiebi-side-menu p > a.active,
.custom-fa-menu p > a:hover,
.custom-fa-menu p > a:focus,
.custom-fa-menu p > a:active,
.custom-fa-menu p > a.active,
.jiebi-side-menu p > a:hover,
.jiebi-side-menu p > a:focus,
.jiebi-side-menu p > a:active,
.jiebi-side-menu p > a.active {
  background: #f8f8f8 !important;
  color: #007bff !important;
  outline: none !important;
  text-decoration: none !important;
  transform: none !important;
}

.custom-fa-menu p:nth-child(1) > a::before,
.jiebi-side-menu p:nth-child(1) > a::before { content: "\f044" !important; }
.custom-fa-menu p:nth-child(2) > a::before,
.jiebi-side-menu p:nth-child(2) > a::before { content: "\f0c0" !important; }
.custom-fa-menu p:nth-child(3) > a::before,
.jiebi-side-menu p:nth-child(3) > a::before { content: "\f0c0" !important; }
.custom-fa-menu p:nth-child(4) > a::before,
.jiebi-side-menu p:nth-child(4) > a::before { content: "\f10c" !important; }
.custom-fa-menu p:nth-child(5) > a::before,
.jiebi-side-menu p:nth-child(5) > a::before { content: "\f046" !important; }
.custom-fa-menu p:nth-child(6) > a::before,
.jiebi-side-menu p:nth-child(6) > a::before { content: "\f007" !important; }
.custom-fa-menu p:nth-child(7) > a::before,
.jiebi-side-menu p:nth-child(7) > a::before { content: "\f0c5" !important; }
.custom-fa-menu p:nth-child(8) > a::before,
.jiebi-side-menu p:nth-child(8) > a::before { content: "\f24d" !important; }
.custom-fa-menu p:nth-child(9) > a::before,
.jiebi-side-menu p:nth-child(9) > a::before { content: "\f13e" !important; }
.custom-fa-menu p:nth-child(10) > a::before,
.jiebi-side-menu p:nth-child(10) > a::before { content: "\f1f9" !important; }
.custom-fa-menu p:nth-child(11) > a::before,
.jiebi-side-menu p:nth-child(11) > a::before { content: "\f187" !important; }
.custom-fa-menu p:nth-child(12) > a::before,
.jiebi-side-menu p:nth-child(12) > a::before { content: "\f0d6" !important; }
.custom-fa-menu p:nth-child(13) > a::before,
.jiebi-side-menu p:nth-child(13) > a::before { content: "\f080" !important; }
.custom-fa-menu p:nth-child(14) > a::before,
.jiebi-side-menu p:nth-child(14) > a::before { content: "\f0f6" !important; }


/* ===== Preserved responsive/sidebar layout from original stylesheet ===== */
/* ========== Mobile Devices (up to 600px) ========== */
@media (max-width: 600px) {
  .pkp_structure_page {
    width: 100% !important;
    margin: 0 5px !important;
    padding: 10px !important;
    border: none !important;
  }
  .pkp_navigation_user_wrapper {
    padding-right: 10px;
  }
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
    padding: 0 5px !important;
    line-height: 2rem !important;
    font-size: 0.875rem;
  }
  .pkp_footer_content {
    padding: 1rem;
    text-align: center;
  }
  .pkp_brand_footer {
    width: 100%;
    float: none;
    padding-top: 30px;
  }
}

/* ========== Tablet Devices (601px–991px) ========== */
@media (min-width: 601px) and (max-width: 991px) {
  .pkp_structure_page {
    width: 95% !important;
    margin: 0 auto;
    padding: 15px !important;
    border: none;
  }
  .pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
    padding: 0 8px !important;
    line-height: 2.2rem !important;
    font-size: 0.9375rem;
  }
  .pkp_footer_content {
    padding: 1.5rem;
  }
}

/* ========== Laptop/Desktop (992px and up) ========== */
@media (min-width: 992px) {
  .has_site_logo .pkp_head_wrapper {
    padding-top: 0px;
  }
  html, body {
    background: transparent;
  }
  .pkp_structure_page {
    width: 100%;
    max-width: 1162px;
    margin: auto;
    padding-bottom: 0 !important;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    background: #fff;
  }
}

/* General Styling */
.pkp_site_name,
.pkp_site_name > a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pkp_site_name .is_img img {
  max-height: 100%;
  max-width: 100%;
  display: block;
  height: auto;
  width: auto;
}
.pkp_site_name_wrapper {
  background: transparent !important;
  padding: 0 !important;
}
.pkp_navigation_user_wrapper {
  top: 0;
  right: 0;
  padding-right: 30px;
}
.pkp_structure_page {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  background: transparent !important;
}
.pkp_navigation_primary_row {
  background: #4c4c4c !important;
}
.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 10px !important;
  line-height: 2.5rem !important;
  font-family: 'Sunflower', helvetica, calibri;
  color: #FFFFFF !important;
  font-weight: normal !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
  background: rgba(0,0,0,.3) !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: #2b3a3f !important;
  border-radius: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
  border-bottom: 1px solid rgba(255,255,255,.35) !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
  border-bottom: none !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search .search_controls a.headerSearchPrompt.search_prompt,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] {
  font-family: 'Sunflower', helvetica, calibri;
  color: #FFFFFF !important;
}
.pkp_structure_content {
  padding-top: 0;
}
.pkp_structure_sidebar .pkp_block .title,
h1,h2,h3,h4,h5,h6 {
  font-family: 'Sunflower', helvetica, calibri;
}
.hover {
  width: 100%;
  border-collapse: collapse;
}
.hover th {
  height: 2rem;
  background: #4c4c4c;
  color: #ffffff;
}
.hover td {
  height: 2rem;
  padding-top: 0.25rem;
  vertical-align: middle;
  border-bottom: 1px solid #ffffff;
  text-align: center;
}
.hover td a {
  width: 100%;
  display: block;
}
.hover tr {
  background: #6dd5ed;
  color: #ffffff;
}
.hover tr:hover {
  background-color: #4c4c4c;
}
.hover tr a {
  color: #ffffff;
}
.pkp_footer_content {
  padding: 2rem;
  text-align: left;
  width: 100%;
}
.pkp_brand_footer {
  float: right;
  width: 30%;
  padding-bottom: 10px;
  padding-top: 100px;
  display: none !important;
}
.pkp_structure_footer_wrapper {
  border-bottom: none;
  background: transparent;
  border-top: 0 solid #ddd;
}
.pkp_structure_footer {
  background: #f2f2f2;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 2rem solid #4c4c4c;
}

/* ===== SidebarMenu: gaya baris seperti contoh ===== */
#customblock-SidebarMenu {
  background: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
}

/* reset margin bawaan */
#customblock-SidebarMenu .content { margin: 0 0 8px 0; }
#customblock-SidebarMenu .content p { margin: 0; }

/* 1 baris per menu */
#customblock-SidebarMenu .content > p > a {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  padding: 12px 14px;
  background: #fafafa;                 /* latar tipis */
  border: 1px solid #eeeeee;           /* garis kotak */
  border-radius: 6px;
  color: #1e88e5;                      /* teks biru seperti contoh */
  text-decoration: none;               /* tanpa underline */
  box-shadow: inset 0 0 0 0 rgba(0,0,0,0); /* tanpa efek */
}

/* ikon kiri */
#customblock-SidebarMenu .content > p > a em {
  color: #1e88e5;
  font-size: normal;
  line-height: 1;
  width: 22px;                         /* lebar tetap agar rata */
  min-width: 22px;
  text-align: center;
}

/* garis vertikal pemisah antara ikon dan teks */
#customblock-SidebarMenu .content > p > a::before {
  content: "";
  position: absolute;
  left: 44px;                          /* 22px ikon + 10px gap + ruang */
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: #e6e6e6;
}

/* teks (setelah ikon) */
#customblock-SidebarMenu .content > p > a span,
#customblock-SidebarMenu .content > p > a {
  font-weight: 600;
  letter-spacing: .2px;
}

/* opsional: sedikit perubahan saat hover (tanpa animasi) */
#customblock-SidebarMenu .content > p > a:hover {
  background: #f7f7f7;
  border-color: #e8e8e8;
  color: #1e88e5;                      /* tetap biru */
}

/* rapikan jarak bawah item terakhir */
#customblock-SidebarMenu .content:last-child { margin-bottom: 0; }

/* responsif kecil: rapatkan padding */
@media (max-width: 480px) {
  #customblock-SidebarMenu .content > p > a { padding: 10px 12px; }
  #customblock-SidebarMenu .content > p > a::before { left: 40px; }
}

/* ======== UNIVERSAL BOX STYLE FOR ALL CUSTOM SIDEBAR BLOCKS ======== */
.pkp_block.block_custom,.pkp_block.block_Keywordcloud,
.pkp_block.block_developed_by {
  background: #ffffff;                     /* warna dasar kotak */
  border: 1px solid #ffffff;                  /* garis tepi lembut */
  border-radius: 10px;                     /* sudut membulat */
  padding: 15px 18px;                      /* jarak isi */
  margin-bottom: 20px;                     /* jarak antar kotak */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);   /* bayangan lembut */
  transition: all 0.25s ease-in-out;       /* efek animasi */
}

/* Efek hover pada block agar interaktif */
.pkp_block.block_custom,.pkp_block.block_Keywordcloud,
.pkp_block.block_developed_by :hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transform: translateY(-2px);
}

/* Judul dalam setiap blok (jika ada title/h2/h3) */
.pkp_block.block_custom .title,
.pkp_block.block_custom h2 {
  text-align: center;
  font-size: normal;
  font-weight: normal;
  color: #333;
  border-bottom: 2px solid #4c4c4c;
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* Isi teks/link di dalam blok */
.pkp_block.block_custom a {
  display: block;
  text-decoration: none;
  color: #333;
  font-size: normal;
  font-weight: normal;
  padding: 5px 0;
  transition: all 0.2s ease-in-out;
}

/* Efek hover pada link */
.pkp_block.block_custom {
  color: #007acc;
  text-decoration: none;
  transform: translateX(4px);
}

/* Ikon di depan link */
.pkp_block.block_custom em {
  color: #007acc;
  margin-right: 8px;
}

/* Jika block berisi list <ul><li> */
.pkp_block.block_custom ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pkp_block.block_custom ul li {
  border-bottom: 1px solid #e0e0e0;
  padding: 6px 0;
}
.pkp_block.block_custom ul li:last-child {
  border-bottom: none;
}

/* ===== Underline-from-center for SidebarMenu links (no blue color) ===== */

/* target semua link di SidebarMenu + yang dibungkus class hvr-underline-from-center */
#customblock-SidebarMenu a,
#customblock-SidebarMenu .hvr-underline-from-center a,
#customblock-SidebarMenu a.hvr-underline-from-center {
  position: relative;
  color: #333;                 /* netral, bukan biru */
  text-decoration: none;       /* underline dikendalikan pseudo-element */
  outline: none;
  transition: color .2s ease;
}

/* garis bawah animasi dari tengah */
#customblock-SidebarMenu a::after,
#customblock-SidebarMenu .hvr-underline-from-center a::after,
#customblock-SidebarMenu a.hvr-underline-from-center::after {
  content: "";
  position: absolute;
  left: 50%;                   /* mulai dari tengah */
  bottom: -2px;
  width: 0;
  height: 2px;
  background: currentColor;    /* pakai warna teks (#333) */
  transition: width .25s ease, left .25s ease;
}

/* tampilkan underline saat hover, focus, dan active (klik) */
#customblock-SidebarMenu a:hover::after,
#customblock-SidebarMenu a:focus::after,
#customblock-SidebarMenu a:active::after,
#customblock-SidebarMenu .hvr-underline-from-center a:hover::after,
#customblock-SidebarMenu .hvr-underline-from-center a:focus::after,
#customblock-SidebarMenu .hvr-underline-from-center a:active::after,
#customblock-SidebarMenu a.hvr-underline-from-center:hover::after,
#customblock-SidebarMenu a.hvr-underline-from-center:focus::after,
#customblock-SidebarMenu a.hvr-underline-from-center:active::after {
  left: 0;                     /* bentang penuh dari kiri */
  width: 100%;
}

/* override hover sebelumnya: jangan geser, jangan ganti warna */
#customblock-SidebarMenu a:hover,
#customblock-SidebarMenu a:focus,
#customblock-SidebarMenu a:active {
  color: #333;
  transform: none;
}

/* ==== Sidebar lebih ramping (sesuai contoh) ==== */
@media (min-width: 992px) {
  /* Perkecil kolom sidebar */
  .pkp_structure_sidebar { 
    padding-left: 15px !important;   /* jarak dari sisi kiri halaman */
    padding-right: 15px !important;  /* jarak dari sisi kanan halaman */
    margin: 0 auto !important;       /* agar rata tengah jika sidebar independen */
  }

  /* Rapatkan isi box sidebar */
  .pkp_block.block_custom,.pkp_block.block_Keywordcloud,
.pkp_block.block_developed_by {
    width: 100%;                     /* pastikan lebar penuh area sidebar */
    padding: 10px 12px !important;   /* jarak isi dalam kotak */
    box-sizing: border-box;          /* agar padding tidak menambah total lebar */
  }

  /* Perkecil tinggi baris menu + jarak ikon-teks */
  #customblock-SidebarMenu .content > p > a {
    padding: 8px 8px !important;   /* dari 12px 14px */
    gap: 8px !important;            /* dari 10px */
  }
  #customblock-SidebarMenu .content > p > a em {
    width: 18px !important;         /* dari 22px */
    min-width: 18px !important;
  }
  /* Sesuaikan garis pemisah agar tetap proporsional */
  #customblock-SidebarMenu .content > p > a::before {
    left: 28px !important;          /* disesuaikan dgn ikon yg lebih kecil */
    top: 6px !important;
    bottom: 6px !important;
  }

  /* (opsional) Sedikit pendekkan tinggi baris tabel judul kecil */
  .hover th, .hover td { height: 1.8rem !important; }
}

/* ===== EOF OVERRIDE: Sidebar menu icons from CSS + active blue line ===== */
/* ===== FINAL CLEAN JIEBI CSS: artikel, current issue, about journal, navigation ===== */
.obj_article_summary,
.obj_article_summary *,
.obj_issue_toc,
.obj_issue_toc *,
.current_issue,
.current_issue *,
.current_issue_description,
.current_issue_description *,
.page_issue,
.page_issue *,
.homepage_about,
.homepage_about *,
.about_site,
.about_site *,
.page_index_journal .about,
.page_index_journal .about * {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* About / Journal Summary */
.pkp_page_index .homepage_about,
.pkp_page_index .about_site,
.pkp_page_index .page_index_journal .about,
.homepage_about,
.about_site,
.page_index_journal .about {
  display: block !important;
  visibility: visible !important;
  margin: 0 0 26px 0 !important;
  padding: 18px 20px !important;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 68%, #e9f9fd 100%) !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 16px rgba(0, 82, 120, .10) !important;
  color: #222 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.pkp_page_index .homepage_about h2,
.pkp_page_index .about_site h2,
.pkp_page_index .page_index_journal .about h2,
.homepage_about h2,
.about_site h2,
.page_index_journal .about h2 {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 18px 0 !important;
  padding: 0 0 16px 0 !important;
  border-bottom: 0 !important;
  color: #111 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.pkp_page_index .homepage_about h2::after,
.pkp_page_index .about_site h2::after,
.pkp_page_index .page_index_journal .about h2::after,
.homepage_about h2::after,
.about_site h2::after,
.page_index_journal .about h2::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 76% !important;
  height: 4px !important;
  background: linear-gradient(90deg, #8bd7f8 0%, #dff5fe 45%, rgba(255,255,255,0) 100%) !important;
  border: 0 !important;
}

.pkp_page_index .homepage_about img,
.pkp_page_index .about_site img,
.pkp_page_index .page_index_journal .about img,
.homepage_about img,
.about_site img,
.page_index_journal .about img {
  max-width: 520px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto 18px auto !important;
}

.jiebi-about-table,
.homepage_about table.data,
.about_site table.data,
.page_index_journal .about table.data {
  width: 100% !important;
  margin: 18px 0 22px 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: linear-gradient(90deg, #8bd7f8 0%, #dff5fe 45%, #ffffff 100%) !important;
  border: 1px solid #8bd7f8 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 12px rgba(0, 82, 120, .10) !important;
  font-size: 14px !important;
  color: #222 !important;
}

.jiebi-about-table tbody,
.jiebi-about-table tr,
.jiebi-about-table td,
.homepage_about table.data tbody,
.homepage_about table.data tr,
.homepage_about table.data td,
.about_site table.data tbody,
.about_site table.data tr,
.about_site table.data td,
.page_index_journal .about table.data tbody,
.page_index_journal .about table.data tr,
.page_index_journal .about table.data td {
  background: transparent !important;
}

.jiebi-about-table td,
.homepage_about table.data td,
.about_site table.data td,
.page_index_journal .about table.data td {
  padding: 7px 10px !important;
  border: 0 !important;
  border-bottom: 1px dashed rgba(0, 82, 120, .25) !important;
  vertical-align: top !important;
  line-height: 1.35 !important;
}

.jiebi-about-table tr:last-child td,
.homepage_about table.data tr:last-child td,
.about_site table.data tr:last-child td,
.page_index_journal .about table.data tr:last-child td {
  border-bottom: 0 !important;
}

.jiebi-about-table td:first-child,
.homepage_about table.data td:first-child,
.about_site table.data td:first-child,
.page_index_journal .about table.data td:first-child {
  width: 24% !important;
  color: #12313d !important;
  font-weight: 700 !important;
}

.jiebi-about-table a,
.homepage_about table.data a,
.about_site table.data a,
.page_index_journal .about table.data a {
  color: #006b9a !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.jiebi-about-table img,
.homepage_about table.data img,
.about_site table.data img,
.page_index_journal .about table.data img {
  max-height: 28px !important;
  max-width: 120px !important;
  width: auto !important;
  display: inline-block !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* Current Issue headings */
.page_issue h1,
.page_issue .page_title,
.pkp_page_index .current_issue h2,
.current_issue h2 {
  margin: 0 0 2px 0 !important;
  color: #111 !important;
  font-size: 19 px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.current_issue_title,
.page_issue .current_issue_title,
.obj_issue_toc .current_issue_title {
  display: block !important;
  margin: 28px 0 2px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #111 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

.page_issue .section,
.obj_issue_toc .section,
.obj_issue_toc .sections {
  margin-left: 0 !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.page_issue .section h3,
.obj_issue_toc .section h3,
.obj_issue_toc .sections h3,
.section h3 {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  color: #111 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  background: transparent !important;
}

/* Current issue content */
.page_issue .obj_issue_toc .description,
.page_issue .current_issue_description,
.obj_issue_toc .description,
.current_issue_description {
  display: block !important;
  margin: 14px 0 0 0 !important;
  padding: 16px 18px 12px 18px !important;
  background: linear-gradient(90deg, #8bd7f8 0%, #dff5fe 45%, #ffffff 100%) !important;
  border: 1px solid #8bd7f8 !important;
  border-bottom: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  box-shadow: 0 3px 12px rgba(0, 82, 120, .12) !important;
  color: #12313d !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

.page_issue .obj_issue_toc .description img,
.page_issue .current_issue_description img,
.obj_issue_toc .description img,
.current_issue_description img,
.page_issue .obj_issue_toc .cover,
.page_issue .obj_issue_toc .cover img,
.current_issue .cover,
.current_issue .cover img {
  display: none !important;
}

.page_issue .published,
.obj_issue_toc .published {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 8px 0 !important;
  padding: 10px 18px !important;
  background: linear-gradient(90deg, #ffffff 0%, #dff5fe 100%) !important;
  border: 1px solid #8bd7f8 !important;
  border-top: 0 !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 3px 12px rgba(0, 82, 120, .12) !important;
  color: #12313d !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.page_issue .published .label,
.obj_issue_toc .published .label {
  color: #12313d !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* Article summary */
.obj_issue_toc .articles > li {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.obj_article_summary {
  position: relative !important;
  display: block !important;
  margin: 0 0 14px 0 !important;
  padding: 14px 16px 54px 16px !important;
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-bottom: 4px solid #8bd7f8 !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .08) !important;
  color: #111 !important;
}

.obj_article_summary .article-summary-author::before {
  content: "\f007";
  font-family: FontAwesome;
  display: inline-block;
  width: 16px;
  margin-right: 6px;
  color: #000;
  font-size: 14px;
  font-weight: normal;
}

.obj_article_summary .title,
.obj_article_summary .title a,
.obj_article_summary .title * {
  display: block !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
  color: #2f6f88 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
}

.obj_article_summary .title::before,
.obj_article_summary .title::after,
.obj_article_summary .title a::before,
.obj_article_summary .title a::after,
.obj_article_summary .title *::before,
.obj_article_summary .title *::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
}

.obj_article_summary .authors,
.obj_article_summary .article-summary-authors,
.obj_article_summary .article-summary-doi,
.obj_article_summary .doi,
.obj_article_summary .galleys_links,
.obj_article_summary .article-summary-galleys,
.obj_article_summary .article-summary-stat,
.obj_article_summary .article-summary-citation {
  font-size: 14px !important;
}

.obj_article_summary .galleys_links,
.obj_article_summary .article-summary-galleys {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  margin: 0 !important;
  padding: 0 92px 0 0 !important;
  list-style: none !important;
}

.obj_article_summary .galleys_links .obj_galley_link,
.obj_article_summary .article-summary-galleys .obj_galley_link,
.obj_article_summary a.obj_galley_link,
a.obj_galley_link.pdf {
  min-height: 36px !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  background: #8bd7f8 !important;
  border-color: #8bd7f8 !important;
  color: #00385c !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.obj_article_summary .article-summary-pages,
.obj_article_summary .pages {
  position: absolute !important;
  right: 16px !important;
  bottom: 62px !important;
  top: auto !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  float: none !important;
  clear: none !important;
}

.obj_article_summary .article-summary-stat,
.obj_article_summary .article-summary-citation,
.obj_article_summary .article-summary-galleys li,
.obj_article_summary .galleys_links li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #000 !important;
  white-space: nowrap !important;
}

.obj_article_summary .article-summary-stat i,
.obj_article_summary .article-summary-stat .fa,
.obj_article_summary .article-summary-stat img {
  display: none !important;
}

.obj_article_summary .article-summary-stat::before {
  display: inline-block !important;
  width: 16px !important;
  min-width: 16px !important;
  color: #000 !important;
  font-family: FontAwesome !important;
  font-size: 15px !important;
  font-weight: normal !important;
  line-height: 1 !important;
  text-align: center !important;
}

.obj_article_summary .article-summary-stat:nth-of-type(1)::before,
.obj_article_summary .article-summary-galleys li:nth-child(2)::before,
.obj_article_summary .galleys_links li:nth-child(2)::before {
  content: "\f080" !important;
  font-family: FontAwesome !important;
}

.obj_article_summary .article-summary-stat:nth-of-type(2)::before,
.obj_article_summary .article-summary-galleys li:nth-child(3)::before,
.obj_article_summary .galleys_links li:nth-child(3)::before {
  content: "\f019" !important;
  font-family: FontAwesome !important;
}

.obj_article_summary .article-summary-galleys li:first-child::before,
.obj_article_summary .galleys_links li:first-child::before,
.obj_article_summary .article-summary-galleys li .obj_galley_link::before,
.obj_article_summary .galleys_links li .obj_galley_link::before {
  content: none !important;
}

/* ===== Final spacing: title, authors, DOI, actions, pages ===== */
.obj_article_summary .title,
.obj_article_summary .title a,
.obj_article_summary .article-summary-title,
.obj_article_summary .article-summary-title a {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
  line-height: 1.35 !important;
}

.obj_article_summary .authors,
.obj_article_summary .article-summary-authors {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.obj_article_summary .article-summary-author,
.obj_article_summary .authors .author,
.obj_article_summary .author {
  margin-top: 0 !important;
  margin-bottom: 3px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}

.obj_article_summary .article-summary-author::before,
.obj_article_summary .authors .author::before,
.obj_article_summary .author::before {
  content: "\f007" !important;
  font-family: FontAwesome !important;
  display: inline-block !important;
  width: 14px !important;
  min-width: 14px !important;
  margin-right: 6px !important;
  color: #000 !important;
  font-size: 13px !important;
  font-weight: normal !important;
  line-height: 1 !important;
  text-align: center !important;
}

.obj_article_summary .article-summary-doi,
.obj_article_summary .article-doi,
.obj_article_summary .doi {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 13px !important;
  margin-bottom: 13px !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

.obj_article_summary .article-summary-doi-icon,
.obj_article_summary .article-doi-icon {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  flex: 0 0 16px !important;
}

.obj_article_summary .galleys_links,
.obj_article_summary .article-summary-galleys,
.obj_article_summary .article-summary-actions,
.obj_article_summary .article-actions,
.obj_article_summary .article-summary-footer {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.obj_article_summary .article-summary-stat,
.obj_article_summary .article-summary-citation,
.obj_article_summary .article-summary-galleys li,
.obj_article_summary .galleys_links li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.obj_article_summary {
  padding-bottom: 18px !important;
  min-height: auto !important;
}

.obj_article_summary .article-summary-pages,
.obj_article_summary .pages {
  bottom: 35px !important;
}
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_navigation_primary ul a,
.pkp_navigation_user ul a,
.pkp_nav_list a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.pkp_navigation_primary a::before,
.pkp_navigation_user a::before,
.pkp_nav_list a::before {
  display: inline-block !important;
  width: 14px !important;
  min-width: 14px !important;
  color: inherit !important;
  font-family: FontAwesome !important;
  font-size: 13px !important;
  font-weight: normal !important;
  line-height: 1 !important;
  text-align: center !important;
}

.pkp_navigation_primary > li:nth-child(2) > a::before,
.pkp_nav_list > li:nth-child(2) > a::before,
.pkp_navigation_primary a[href*="about"]::before,
.pkp_nav_list a[href*="about"]::before { content: "\f05a" !important; }

.pkp_navigation_primary > li:nth-child(4) > a::before,
.pkp_nav_list > li:nth-child(4) > a::before,
.pkp_navigation_primary a[href*="publication"]::before,
.pkp_navigation_primary a[href*="issue"]::before,
.pkp_navigation_primary a[href*="archives"]::before,
.pkp_nav_list a[href*="publication"]::before,
.pkp_nav_list a[href*="issue"]::before,
.pkp_nav_list a[href*="archives"]::before { content: "\f0f6" !important; }

.pkp_navigation_primary a[href*="/index"]::before,
.pkp_navigation_primary a[href$="/jiebi"]::before,
.pkp_navigation_primary a[href*="/home"]::before,
.pkp_nav_list a[href*="/index"]::before,
.pkp_nav_list a[href*="/home"]::before { content: "\f015" !important; }

.pkp_navigation_primary a[href*="login"]::before,
.pkp_navigation_user a[href*="login"]::before,
.pkp_nav_list a[href*="login"]::before { content: "\f090" !important; }
.pkp_navigation_primary a[href*="announcement"]::before,
.pkp_nav_list a[href*="announcement"]::before { content: "\f0a1" !important; }
.pkp_navigation_primary a[href*="editorial"]::before,
.pkp_navigation_primary a[href*="reviewer"]::before,
.pkp_nav_list a[href*="editorial"]::before,
.pkp_nav_list a[href*="reviewer"]::before { content: "\f0c0" !important; }
.pkp_navigation_primary a[href*="submission"]::before,
.pkp_navigation_primary a[href*="submissions"]::before,
.pkp_nav_list a[href*="submission"]::before { content: "\f093" !important; }
.pkp_navigation_primary a[href*="contact"]::before,
.pkp_nav_list a[href*="contact"]::before { content: "\f2bb" !important; }
.pkp_navigation_primary a[href*="search"]::before,
.pkp_nav_list a[href*="search"]::before { content: "\f002" !important; }
.pkp_navigation_primary a[href*="dashboard"]::before,
.pkp_nav_list a[href*="dashboard"]::before { content: "\f0e4" !important; }
.pkp_navigation_primary a[href*="profile"]::before,
.pkp_navigation_user a[href*="profile"]::before,
.pkp_nav_list a[href*="profile"]::before { content: "\f007" !important; }
.pkp_navigation_primary a[href*="logout"]::before,
.pkp_navigation_user a[href*="logout"]::before,
.pkp_nav_list a[href*="logout"]::before { content: "\f08b" !important; }

@media (max-width: 768px) {
  .obj_article_summary {
    padding: 12px 12px 52px 12px !important;
  }
  .obj_article_summary .galleys_links,
  .obj_article_summary .article-summary-galleys {
    padding-right: 0 !important;
  }
  .obj_article_summary .article-summary-pages,
  .obj_article_summary .pages {
    right: 12px !important;
    bottom: 18px !important;
  }
  .page_issue .obj_issue_toc .description,
  .page_issue .current_issue_description,
  .obj_issue_toc .description,
  .current_issue_description {
    font-size: 16px !important;
    padding: 14px !important;
  }
}

obj_issue_toc>.galleys h2,.obj_issue_toc .section h2 {
    position: relative;
    display: inline-block;
    top: auto;
    left: auto;
    padding: 0 0 5px;
    border-bottom: 3px solid #3cebf3;
    background: transparent;
    text-transform: uppercase;
    font-weight: 700
}

/* ===== Article Detail Page: normal margin + author icons ===== */
.obj_article_details .main_entry .item.authors,
.obj_article_details .main_entry .item.doi,
.obj_article_details .main_entry .item.keywords,
.obj_article_details .main_entry .item.abstract,
.obj_article_details .main_entry .item.references {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.obj_article_details .main_entry .item.authors {
  margin-top: 30px !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}

.obj_article_details .main_entry ul.authors {
  margin-left: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

.obj_article_details .main_entry ul.authors > li {
  margin: 0 0 16px 30px !important;
  padding: 0 !important;
}

.obj_article_details .authors .name,
.obj_article_details .authors .affiliation {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  align-items: baseline !important;
  padding-left: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.35 !important;
}

.obj_article_details .authors .name {
  margin: 0 0 2px 0 !important;
  color: #000 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.obj_article_details .authors .affiliation {
  margin: 0 !important;
  color: #555 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.obj_article_details .authors .name::before,
.obj_article_details .authors .affiliation::before {
  display: inline-block !important;
  width: 18px !important;
  min-width: 18px !important;
  color: #000 !important;
  font-family: FontAwesome !important;
  font-size: 13px !important;
  font-weight: normal !important;
  line-height: 1 !important;
  text-align: center !important;
}

.obj_article_details .authors .name::before {
  content: "\f007" !important;
}

.obj_article_details .authors .affiliation::before {
  content: "\f19c" !important;
}

.obj_article_details .item.doi {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.obj_article_details .item.keywords {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

.obj_article_details .item.references,
.obj_article_details .item.references p,
.obj_article_details .item.abstract,
.obj_article_details .item.abstract p {
  text-align: justify !important;
  text-justify: inter-word !important;
}

.obj_article_details .entry_details .cover_image {
  margin-top: 30px !important;
}

/* Paksa ukuran font DOI dan Keywords */
.obj_article_details .main_entry section.item.doi,
.obj_article_details .main_entry section.item.keywords,
.obj_article_details .main_entry section.item.doi .label,
.obj_article_details .main_entry section.item.keywords .label,
.obj_article_details .main_entry section.item.doi .value,
.obj_article_details .main_entry section.item.keywords .value,
.obj_article_details .main_entry section.item.doi a,
.obj_article_details .main_entry section.item.keywords span {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
}

/* Label DOI dan Keywords */
.obj_article_details .main_entry section.item.doi .label,
.obj_article_details .main_entry section.item.keywords .label {
  display: inline !important;
  font-weight: 700 !important;
  color: #666 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Isi DOI dan Keywords */
.obj_article_details .main_entry section.item.doi .value,
.obj_article_details .main_entry section.item.keywords .value {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Jarak DOI ke Keywords */
.obj_article_details .main_entry section.item.doi {
  margin-top: 30px !important;
  margin-bottom: 0 !important;
}

/* Jarak Keywords ke bawah */
.obj_article_details .main_entry section.item.keywords {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

/* Hide OJS "Open Menu" button on all screen sizes */
.pkp_site_nav_toggle,
button.pkp_site_nav_toggle,
.pkp_site_nav_toggle[aria-controls],
button[aria-controls="navigationPrimary"] {
  display: none !important;
  visibility: hidden !important;
}

/* Match Search font with primary navigation */
.pkp_navigation_primary_row .pkp_search .search_controls a.headerSearchPrompt.search_prompt {
  font-family: 'Sunflower', helvetica, calibri !important;
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 2.5rem !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.pkp_navigation_primary_row .pkp_search .search_controls a.headerSearchPrompt.search_prompt::before {
  font-size: 16px !important;
  font-weight: normal !important;
  color: #ffffff !important;
}

/* ===== FINAL LOCK: keep SidebarMenu layout after refresh ===== */
#customblock-SidebarMenu,
.pkp_block.block_custom#customblock-SidebarMenu {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

#customblock-SidebarMenu .content,
#customblock-SidebarMenu .custom-fa-menu,
#customblock-SidebarMenu .jiebi-side-menu {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

#customblock-SidebarMenu .content p,
#customblock-SidebarMenu .custom-fa-menu p,
#customblock-SidebarMenu .jiebi-side-menu p {
  width: 100% !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
}

#customblock-SidebarMenu .content > p > a,
#customblock-SidebarMenu .custom-fa-menu p > a,
#customblock-SidebarMenu .jiebi-side-menu p > a {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  column-gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  color: #007bff !important;
  background: #f8f8f8 !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transform: none !important;
}

#customblock-SidebarMenu .content > p > a::before,
#customblock-SidebarMenu .custom-fa-menu p > a::before,
#customblock-SidebarMenu .jiebi-side-menu p > a::before {
  position: static !important;
  display: inline-flex !important;
  width: 22px !important;
  min-width: 22px !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
  color: #007bff !important;
  background: transparent !important;
  font-family: FontAwesome !important;
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 1 !important;
  transform: none !important;
}

#customblock-SidebarMenu .content > p > a em,
#customblock-SidebarMenu .custom-fa-menu p > a em,
#customblock-SidebarMenu .jiebi-side-menu p > a em {
  display: none !important;
}

#customblock-SidebarMenu .content > p > a span,
#customblock-SidebarMenu .custom-fa-menu p > a span,
#customblock-SidebarMenu .jiebi-side-menu p > a span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

#customblock-SidebarMenu .content > p > a:hover,
#customblock-SidebarMenu .content > p > a:focus,
#customblock-SidebarMenu .content > p > a:active,
#customblock-SidebarMenu .custom-fa-menu p > a:hover,
#customblock-SidebarMenu .custom-fa-menu p > a:focus,
#customblock-SidebarMenu .custom-fa-menu p > a:active,
#customblock-SidebarMenu .jiebi-side-menu p > a:hover,
#customblock-SidebarMenu .jiebi-side-menu p > a:focus,
#customblock-SidebarMenu .jiebi-side-menu p > a:active {
  color: #007bff !important;
  background: #f8f8f8 !important;
  transform: none !important;
}