/* =========================================
   IJWC Sidebar Hover - OJS 3.4 FINAL
   ========================================= */

/* Target menu di Custom Block sidebar */
.pkp_structure_sidebar .block_custom td.menu-item:hover {
  background-color: #9D82E6 !important;
}

/* Warna teks saat hover */
.pkp_structure_sidebar .block_custom td.menu-item:hover span,
.pkp_structure_sidebar .block_custom td.menu-item:hover strong {
  color: #ffffff !important;
}

/* Link menutup seluruh area */
.pkp_structure_sidebar .block_custom td.menu-item > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
}

/* ===== PERBAIKAN POSISI TEKS (VERTICAL CENTER) ===== */
.pkp_structure_sidebar .block_custom td.menu-item > a {
  display: flex !important;
  align-items: center;      /* tengah vertikal */
  justify-content: center;  /* tengah horizontal */
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
}


/* ===============================
   ACTIVE MENU – Focus and Scope
   =============================== */
body.pkp_page_FAS
#customblock-quick-menu td.menu-item a[href$="/IJWC/FAS"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_page_FAS
#customblock-quick-menu td.menu-item a[href$="/IJWC/FAS"] span,
body.pkp_page_FAS
#customblock-quick-menu td.menu-item a[href$="/IJWC/FAS"] strong {
  color: #ffffff !important;
}

/* =========================================
   ACTIVE MENU – Editorial Team (OJS 3.4)
   ========================================= */

body.pkp_op_editorialTeam
#customblock-quick-menu td.menu-item a[href$="/IJWC/about/editorialTeam"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_op_editorialTeam
#customblock-quick-menu td.menu-item a[href$="/IJWC/about/editorialTeam"] span,
body.pkp_op_editorialTeam
#customblock-quick-menu td.menu-item a[href$="/IJWC/about/editorialTeam"] strong {
  color: #ffffff !important;
}

/* ===============================
   ACTIVE MENU – Reviewer
   =============================== */
body.pkp_page_Reviewer
#customblock-quick-menu td.menu-item a[href$="/IJWC/Reviewer"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_page_Reviewer
#customblock-quick-menu td.menu-item a[href$="/IJWC/Reviewer"] span,
body.pkp_page_Reviewer
#customblock-quick-menu td.menu-item a[href$="/IJWC/Reviewer"] strong {
  color: #ffffff !important;
}

/* ===============================
   ACTIVE MENU – Peer Review Process
   =============================== */
body.pkp_page_PRP
#customblock-quick-menu td.menu-item a[href$="/IJWC/PRP"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_page_PRP
#customblock-quick-menu td.menu-item a[href$="/IJWC/PRP"] span,
body.pkp_page_PRP
#customblock-quick-menu td.menu-item a[href$="/IJWC/PRP"] strong {
  color: #ffffff !important;
}

/* ===============================
   ACTIVE MENU – Publication Frequency
   =============================== */
body.pkp_page_PFAS
#customblock-quick-menu td.menu-item a[href$="/IJWC/PFAS"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_page_PFAS
#customblock-quick-menu td.menu-item a[href$="/IJWC/PFAS"] span,
body.pkp_page_PFAS
#customblock-quick-menu td.menu-item a[href$="/IJWC/PFAS"] strong {
  color: #ffffff !important;
}

/* ===============================
   ACTIVE MENU – Publication Ethics
   =============================== */
body.pkp_page_PES
#customblock-quick-menu td.menu-item a[href$="/IJWC/PES"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_page_PES
#customblock-quick-menu td.menu-item a[href$="/IJWC/PES"] span,
body.pkp_page_PES
#customblock-quick-menu td.menu-item a[href$="/IJWC/PES"] strong {
  color: #ffffff !important;
}

/* ===============================
   ACTIVE MENU – Plagiarism Policy
   =============================== */
body.pkp_page_PP
#customblock-quick-menu td.menu-item a[href$="/IJWC/PP"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_page_PP
#customblock-quick-menu td.menu-item a[href$="/IJWC/PP"] span,
body.pkp_page_PP
#customblock-quick-menu td.menu-item a[href$="/IJWC/PP"] strong {
  color: #ffffff !important;
}

/* ===============================
   ACTIVE MENU – Open Access Statement
   =============================== */
body.pkp_page_OAS
#customblock-quick-menu td.menu-item a[href$="/IJWC/OAS"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_page_OAS
#customblock-quick-menu td.menu-item a[href$="/IJWC/OAS"] span,
body.pkp_page_OAS
#customblock-quick-menu td.menu-item a[href$="/IJWC/OAS"] strong {
  color: #ffffff !important;
}

/* ===============================
   ACTIVE MENU – Copyright and Licensing
   =============================== */
body.pkp_page_CAL
#customblock-quick-menu td.menu-item a[href$="/IJWC/CAL"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_page_CAL
#customblock-quick-menu td.menu-item a[href$="/IJWC/CAL"] span,
body.pkp_page_CAL
#customblock-quick-menu td.menu-item a[href$="/IJWC/CAL"] strong {
  color: #ffffff !important;
}

/* ===============================
   ACTIVE MENU – Archiving Policy
   =============================== */
body.pkp_page_AP
#customblock-quick-menu td.menu-item a[href$="/IJWC/AP"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_page_AP
#customblock-quick-menu td.menu-item a[href$="/IJWC/AP"] span,
body.pkp_page_AP
#customblock-quick-menu td.menu-item a[href$="/IJWC/AP"] strong {
  color: #ffffff !important;
}

/* ===============================
   ACTIVE MENU – Article Processing Charge
   =============================== */
body.pkp_page_APC
#customblock-quick-menu td.menu-item a[href$="/IJWC/APC"] {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

body.pkp_page_APC
#customblock-quick-menu td.menu-item a[href$="/IJWC/APC"] span,
body.pkp_page_APC
#customblock-quick-menu td.menu-item a[href$="/IJWC/APC"] strong {
  color: #ffffff !important;
}


#customblock-quick-menu td.menu-item a:hover {
  background-color: #9D82E6 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#customblock-quick-menu td.menu-item a:hover span,
#customblock-quick-menu td.menu-item a:hover strong {
  color: #ffffff !important;
}

/* HOMEPAGE – Journal Summary justify */
.pkp_page_index .homepage_about p {
  text-align: justify;
}

/* AUTHOR GUIDELINES – FORCE JUSTIFY (OJS 3.4) */
body .author_guidelines p {
  text-align: justify !important;
}

body .submission_checklist p {
  text-align: justify !important;
}

body .section_policy p {
  text-align: justify !important;
}

body .privacy_statement p {
  text-align: justify !important;
}

/* PRIVACY STATEMENT – JUSTIFY TEXT */
.page_privacy p {
  text-align: justify !important;
}

/* HEADER + SITE NAME */
.pkp_structure_head,
.pkp_site_name,
.pkp_site_name_wrapper {
  background-color: #7361A8 !important;
}

/* BACKGROUND BAR MENU (ungu #7361A8) */
.pkp_navigation_primary_row {
  background-color: #F4F1FB;
}
/* WARNA & POSISI TEXT MENU */
.pkp_navigation_primary > li > a {
  color: #7361A8 !important;
  font-weight: 600;
  padding: 12px 16px;
}

/* HOVER MENU (LEBIH GELAP, HALUS) */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  background-color: #9D82E6;
  color: #ffffff !important;
}

/* FORCE DROPDOWN BACKGROUND */
.pkp_navigation_primary .dropdown-menu {
  background-color: #F4F1FB !important;
  border: none !important;
  box-shadow: none !important;
}

/* DROPDOWN ITEM */
.pkp_navigation_primary .dropdown-menu > li > a {
  color: #7361A8 !important;
}

/* DROPDOWN ITEM HOVER */
.pkp_navigation_primary .dropdown-menu > li > a:hover,
.pkp_navigation_primary .dropdown-menu > li > a:focus {
  background-color: #9D82E6 !important;
  color: #ffffff !important;
}

/* SEARCH LINK DI HEADER */
.pkp_search_desktop {
  color: #7361A8 !important;
}

.pkp_search_desktop:hover {
  color: #9D82E6 !important;
}










/* ===============================
   USER / LOGIN MENU – OJS 3.4
   =============================== */

/* Link user (admin / login) */
.pkp_navigation_user > li > a {
  color: #7361A8 !important;
  font-weight: 600;
  padding: 12px 16px;
}

/* Hover user link */
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  background-color: #9D82E6 !important;
  color: #ffffff !important;
}

/* Dropdown user background */
.pkp_navigation_user .dropdown-menu {
  background-color: #F4F1FB !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
}

/* Item dropdown */
.pkp_navigation_user .dropdown-menu > li > a {
  color: #7361A8 !important;
  padding: 10px 16px;
}

/* Hover dropdown item */
.pkp_navigation_user .dropdown-menu > li > a:hover,
.pkp_navigation_user .dropdown-menu > li > a:focus {
  background-color: #9D82E6 !important;
  color: #ffffff !important;
}

/* Badge angka task (misal: 1) */
.pkp_navigation_user .task_count {
  background-color: #7361A8 !important;
  color: #ffffff !important;
  border-radius: 12px;
  padding: 2px 6px;
  font-size: 11px;
}

.pkp_site_name .is_img img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* ===============================
   HEADER FULL WIDTH – OJS 3.4
   Adaptasi dari jurnal pembanding
   =============================== */

/* Hilangkan padding bawaan header */
.pkp_site_name {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Wrapper header full */
.pkp_site_name_wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}

/* Logo header FULL & PROPORSIONAL */
.pkp_site_name .is_img img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 200px !important; /* SAMAKAN DENGAN JURNAL CONTOH */
  object-fit: contain;
}

/* Header container jangan membatasi tinggi */
#headerNavigationContainer {
  max-height: none !important;
}

/* Hilangkan jarak atas halaman */
.pkp_structure_page {
  margin-top: 0 !important;
}

/* Pastikan header benar-benar full layar */
.pkp_structure_head {
  width: 100% !important;
}

/* HIDE "About the Journal" TITLE ON HOMEPAGE ONLY */
.pkp_page_index .homepage_about h2 {
  display: none !important;
}


/* =========================
   HEADER FULL WIDTH – RAPI DESKTOP & MOBILE
   ADAPTASI DARI JURNAL REFERENSI
   ========================= */

/* Hilangkan batas lebar & padding header */
.pkp_site_name_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 auto !important;
}

/* Netralisir padding default judul jurnal */
.pkp_site_name,
.pkp_site_name > a {
  padding: 0 !important;
  margin: 0 !important;
}

/* Paksa logo / header image full width */
.pkp_site_name .is_img img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: cover;
}

/* Tinggi ideal desktop */
@media (min-width: 1024px) {
  .pkp_site_name .is_img img {
    max-height: 260px;
  }
}

/* Tinggi ideal mobile */
@media (max-width: 768px) {
  .pkp_site_name .is_img img {
    max-height: 160px;
  }
}

/* Hindari jarak kosong aneh setelah header */
.pkp_structure_page {
  margin-top: 0 !important;
}

/* FORCE OVERRIDE HEADER (ANTI KONFLIK) */
body .pkp_site_name_wrapper {
  max-width: 100% !important;
}

body .pkp_site_name .is_img img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

/* ===============================
   REFERENCES STYLE (Elsevier-like)
   =============================== */

.citation_display,
.references,
.item.references,
.article-details .references,
.obj_article_details .references {
    text-align: justify;
    font-size: 15px;
    line-height: 1.7;
}

/* setiap item referensi */
.references li,
.citation_display li {
    margin-bottom: 12px;
}

/* hanging indent seperti jurnal internasional */
.references li,
.citation_display li {
    padding-left: 25px;
    text-indent: -25px;
}

/* DOI style */
.references a,
.citation_display a {
    color: #1a73b8;
    text-decoration: none;
}

.references a:hover {
    text-decoration: underline;
}

/* ================================
   AUTO NUMBER REFERENCES (OJS)
   ================================ */

/* reset nomor */
.item.references .value{
    counter-reset: ref;
}

/* setiap referensi */
.item.references .value p{
    counter-increment: ref;
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
    text-align: justify;
}

/* tampilkan nomor */
.item.references .value p::before{
    content: "[" counter(ref) "]";
    position: absolute;
    left: 0;
    font-weight: 600;
}