@charset "UTF-8";

/*
  IKOSSTEMI OJS Stylesheet (salinan tampilan CESSMUDS)
  Theme: Bright Blue, Light Blue, Gold, Clean Academic Layout
  Optimized for OJS 3.x custom stylesheet upload.
*/

/* =========================================================
   00. IKOSSTEMI - NETRALKAN TEMA "DEFAULT MANUSCRIPT" (2026-11-09)
   IKOSSTEMI memakai tema Default Manuscript, CESSMUDS memakai
   tema Default. Blok ini mengembalikan setiap aturan Manuscript
   ke nilai tema Default dengan selector yang sama, sehingga
   seluruh aturan CESSMUDS di bawahnya tampil persis seperti di
   CESSMUDS. Harus tetap berada di PALING ATAS file.
   ========================================================= */

html,body {
  font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  background: #fff;
}

/* --- Font bawaan tema yang diganti Manuscript (Noto Sans di tema Default) --- */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.obj_article_details .main_entry .item .label,
.obj_article_details .entry_details .item .label,
.obj_article_details .item .label,
.obj_article_details .citation_display .citation_formats_button,
.obj_article_summary>.title,
.obj_issue_summary .title {
  font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
}
.obj_article_details .citation_display .citation_formats_button { text-transform: none; }

/* --- Struktur halaman --- */
.pkp_structure_page { margin: 0; max-width: none; box-shadow: none; }
.pkp_structure_footer_wrapper { background: #ddd; border-top: 0; border-bottom: 0; }
.pkp_structure_main:before,.pkp_structure_main:after { display: block; }
.pkp_structure_content { padding-top: 2.143rem; }
@media (min-width: 1200px) {
  .pkp_structure_page { margin-top: 0; margin-bottom: 0; }
}
@media (min-width: 992px) {
  .pkp_structure_sidebar:before { content: none; }
  .pkp_structure_sidebar>* { position: static; }
}

/* --- Header --- */
.pkp_head_wrapper,.has_site_logo .pkp_head_wrapper { padding-top: 0; }
@media (min-width: 992px) {
  .pkp_head_wrapper { padding-top: 4.286rem; }
  .has_site_logo .pkp_head_wrapper { padding-top: 2.143rem; }
}
.pkp_site_name_wrapper { background: transparent; }
.pkp_site_name_wrapper { padding-left: .714rem; padding-right: .714rem; }
@media (min-width: 768px) {
  .pkp_site_name_wrapper { padding-left: 0; padding-right: 0; }
}
.pkp_site_name,
.pkp_site_name .is_text {
  font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
}
.pkp_site_name .is_text { font-size: .93rem; text-transform: none; }
@media (min-width: 992px) {
  .pkp_site_name { width: 100%; margin-left: 0; padding-top: 0; padding-bottom: 0; }
  .pkp_site_name .is_text { font-size: 1.714rem; }
}

/* --- Menu utama, pencarian, menu pengguna --- */
.pkp_navigation_primary_wrapper { width: 100%; }
@media (min-width: 768px) { .pkp_navigation_primary_wrapper { width: 728px; } }
@media (min-width: 992px) { .pkp_navigation_primary_wrapper { width: 952px; } }
@media (min-width: 1200px) { .pkp_navigation_primary_wrapper { width: 1160px; } }

#navigationPrimary a {
  font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size: inherit;
  font-weight: inherit;
  text-transform: none;
}
#navigationPrimary>li>a { padding-bottom: calc(.714rem - 2px); border-bottom-width: 2px; }
#navigationPrimary>li>a:hover,#navigationPrimary>li>a:focus { border-color: #fff; }
#navigationPrimary [aria-expanded="true"]:before { border-bottom-color: #fff; }
@media (min-width: 992px) {
  .pkp_navigation_primary_row { background: transparent; padding-left: 0; padding-right: 0; }
  #navigationPrimary a { color: #fff; }
  #navigationPrimary a:hover,#navigationPrimary a:focus { color: #fff; }
  #navigationPrimary ul { background: #fff; }
  #navigationPrimary ul a { color: #006798; }
}

.pkp_navigation_search_wrapper a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: none;
}
@media (min-width: 992px) {
  .pkp_navigation_search_wrapper a { padding-bottom: calc(.714rem - 2px); border-bottom-width: 2px; color: #fff; }
  .pkp_navigation_search_wrapper a:hover,.pkp_navigation_search_wrapper a:focus { color: #fff; border-color: #fff; }
}

.pkp_navigation_user_wrapper a {
  font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size: inherit;
  font-weight: inherit;
}
@media (min-width: 992px) {
  .pkp_navigation_user_wrapper { top: 0; right: auto; left: 50%; width: auto; transform: translateX(-50%); padding-right: .714rem; }
  .pkp_navigation_user_wrapper .pkp_navigation_user { width: 952px; margin-right: auto; padding-right: 1.43rem; }
}
@media (min-width: 1200px) {
  .pkp_navigation_user_wrapper .pkp_navigation_user { width: 1160px; }
}

/* --- Tombol, breadcrumb, pagination, notifikasi --- */
.cmp_manuscript_button,.block_make_submission a,.obj_galley_link {
  font-family: inherit;
  font-weight: 400;
  text-transform: none;
}
.obj_galley_link { background: #fff; color: #006798; border: 1px solid #006798; }
.obj_galley_link:hover,.obj_galley_link:focus { background: #006798; color: #fff; }
.block_make_submission a { background: #eee; color: rgba(0,0,0,0.87); border: 1px solid rgba(0,0,0,0.4); }
.obj_galley_link.restricted { border-color: #d00a6c; background: #fff; color: #d00a6c; }
.obj_galley_link.restricted:before { color: #d00a6c; }
.obj_galley_link.restricted:hover,.obj_galley_link.restricted:focus { background: #d00a6c; color: #fff; }

.cmp_breadcrumbs {
  padding: 0;
  font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
  font-size: inherit;
  color: inherit;
  text-transform: none;
}
.cmp_breadcrumbs>ol { margin-bottom: 2.143rem; padding: .357rem 0; }
.cmp_breadcrumbs .current { text-transform: inherit; }
.cmp_breadcrumbs .current h1 {
  font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
}
.cmp_breadcrumbs .separator { padding: 0 .5em; opacity: 1; }

.cmp_pagination { font-family: inherit; }
.cmp_pagination a { font-weight: inherit; text-transform: none; }
.cmp_pagination .prev:before { content: "\f177"; }
.cmp_pagination .next:after { content: "\f178"; }

.cmp_notification { background: #ddd; border-top: 0; border-right: 0; border-bottom: 0; }

/* --- Pengumuman --- */
.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h3,
.cmp_announcements .obj_announcement_summary h4 { font-family: inherit; }
.cmp_announcements .read_more { text-transform: none; }

/* --- Sidebar --- */
.pkp_block .title {
  display: block;
  padding-bottom: 0;
  border-bottom: 0;
  font-weight: 700;
  text-transform: none;
  font-family: "Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
}

/* --- Beranda / Current Issue --- */
.pkp_page_index .homepage_image { margin-top: -2.143rem; }
.pkp_page_index .current_issue h2 {
  display: block;
  padding-bottom: .2em;            /* nilai dari site stylesheet (h2) */
  border-bottom: 0;
  text-transform: none;
  font-weight: 700;
  color: inherit;
}
.pkp_page_index .current_issue .current_issue_title { font-family: inherit; font-size: inherit; }
.pkp_page_index .current_issue .sections { margin-top: 0; }
.pkp_page_index .current_issue .read_more { font-family: inherit; text-transform: none; }
.page_search .search_advanced>legend { font-family: inherit; font-size: inherit; font-weight: inherit; text-transform: none; }
.header_view { background: #006798; color: inherit; }
.header_view .title:hover,.header_view .title:focus { background: #008acb; text-decoration: none; }

/* --- Daftar isi (issue TOC) --- */
.obj_issue_toc .heading .pub_id,.obj_issue_toc .heading .published { font-family: inherit; font-size: inherit; }
.obj_issue_toc .heading .pub_id .type,.obj_issue_toc .heading .published .label { font-weight: inherit; color: inherit; text-transform: none; }
.obj_issue_toc .heading .pub_id .id,.obj_issue_toc .heading .published .value { margin-left: 0; }
.obj_issue_toc>.galleys,.obj_issue_toc .section { margin: 0; padding: 0; }
@media (min-width: 768px) {
  .obj_issue_toc>.galleys,.obj_issue_toc .section { position: relative; margin: 2.143rem -1.43rem; padding: 2.143rem; }
  .obj_issue_toc>.galleys:before,.obj_issue_toc .section:before { display: block; }
}
@media (min-width: 992px) {
  .obj_issue_toc>.galleys,.obj_issue_toc .section { margin: 2.143rem -2.143rem; }
}
.obj_issue_toc>.galleys h2,.obj_issue_toc .section h2 {
  position: static;
  display: block;
  padding: 0;
  border-bottom: 0;
  text-transform: none;
  font-weight: 700;
}
@media (min-width: 768px) {
  .obj_issue_toc>.galleys h2,.obj_issue_toc .section h2 {
    display: inline-block;
    position: relative;
    left: -15px;
    padding: 0 1.0715rem;
    background: #fff;
    font-weight: 400;
  }
}
.obj_issue_toc .galleys_links li { margin-bottom: 0; }
.obj_issue_toc .pages,
.obj_issue_summary .series { font-family: inherit; }
.obj_issue_toc .cover img { margin-left: 0; margin-right: 0; }
.obj_article_summary .subtitle,
.obj_article_details .subtitle { font-family: inherit; font-size: inherit; }

/* --- Halaman detail artikel --- */
.obj_article_details .authors,.obj_article_details .doi { font-family: inherit; }
.obj_article_details .orcid a,.obj_article_details .doi a { color: #006798; }
.obj_article_details .orcid a { font-size: inherit; color: #006798; }
.obj_article_details .authors li { margin-bottom: .714rem; }
.obj_article_details .main_entry .label {
  display: block;
  padding: 0;
  border-bottom: 0;
  color: inherit;
  text-transform: none;
}
.obj_article_details .row,.obj_article_details .main_entry,.obj_article_details .entry_details { border: 0; }
.obj_article_details .row { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.obj_article_details .entry_details { margin-left: -1.43rem; margin-right: -1.43rem; border-top: 1px solid #ddd; }
@media (min-width: 480px) {
  .obj_article_details .entry_details { margin-left: -2.143rem; margin-right: -2.143rem; }
}
@media (min-width: 768px) {
  .obj_article_details .main_entry { border-right: 1px solid #ddd; }
  .obj_article_details .entry_details { width: 300px; margin: 0 0 0 -1px; border-top: 0; border-left: 1px solid #ddd; }
}
.obj_article_details .entry_details .label { font-weight: 400; text-transform: none; }
.obj_article_details .entry_details .item {
  margin: 0;
  padding: 1.43rem;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
@media (min-width: 768px) {
  .obj_article_details .entry_details .item { margin-right: -1px; }
}
.obj_article_details .entry_details .sub_item { margin-bottom: 1.43rem; }
.obj_article_details .entry_details .item>.label,
.obj_article_details .entry_details .sub_item:first-child>.label {
  padding: .2em .5em;            /* nilai dari site stylesheet (h2) */
  background: #fafbfb;
  border-radius: 0;
}
.obj_article_details .entry_details .item>.value,
.obj_article_details .entry_details .sub_item .value { padding: 0; border-radius: 0; }
.obj_article_details .entry_details .sub_item:not(:first-child) .label {
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
.obj_article_details .entry_details .cover_image img { display: inline; border-radius: 0; margin-left: 0; margin-right: 0; }
.obj_article_details .entry_details .galleys_links>li { display: list-item; margin-bottom: 0; }
.obj_article_details .entry_details .galleys_links>li a { display: inline-block; }


/* =========================================================
   01. GLOBAL VARIABLES AND RESET
   ========================================================= */

:root {
  --juktisi-navy: #1f4e79;
  --juktisi-blue: #2f6f9f;
  --juktisi-blue-soft: #397ca1;
  --juktisi-cyan: #3a7898;
  --juktisi-gold: #c8923b;
  --juktisi-brown: #8b5e34;
  --juktisi-text: #24304f;
  --juktisi-muted: #667085;
  --juktisi-border: #dbe6f3;
  --juktisi-bg: #f6f9fc;
  --juktisi-soft: #eef6fb;
  --juktisi-cream: #f7efe6;
  --juktisi-white: #ffffff;
  --juktisi-shadow: 0 10px 28px rgba(13, 110, 253, 0.14);
  --juktisi-radius: 14px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--juktisi-text);
  background:
    radial-gradient(circle at 10% 10%, rgba(47, 111, 159, 0.08), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 45%, #f8fbff 100%);
  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
  line-height: 1.65;
}

a {
  color: var(--juktisi-navy);
  text-decoration: none;
  transition: all 0.2s ease;
}

a:hover,
a:focus {
  color: var(--juktisi-brown);
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}

/* =========================================================
   02. MAIN STRUCTURE
   ========================================================= */

.pkp_structure_page {
  max-width: 1240px;
  margin: 0 auto;
  background: var(--juktisi-white);
  box-shadow: var(--juktisi-shadow);
  border-radius: 0 0 var(--juktisi-radius) var(--juktisi-radius);
  overflow: hidden;
}

.pkp_structure_content {
  font-size: 15px;
  margin-bottom: 0.5rem;
  background: var(--juktisi-white);
  box-shadow: 0 6px 20px rgba(16, 24, 40, 0.08);
  border-radius: var(--juktisi-radius);
}

.pkp_structure_main {
  padding: 24px 28px;
  background: var(--juktisi-white);
}

.pkp_structure_sidebar {
  padding-top: 18px;
}

.pkp_structure_sidebar:before {
  border-left: 1px solid var(--juktisi-border);
}

/* =========================================================
   03. HEADER AND JOURNAL LOGO
   ========================================================= */

.pkp_structure_head {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  overflow: hidden;
  background: linear-gradient(135deg, var(--juktisi-navy) 0%, var(--juktisi-blue-soft) 48%, var(--juktisi-cyan) 100%);
}

.pkp_structure_head:before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 16% 22%, rgba(255, 255, 255, 0.18), transparent 25%),
    radial-gradient(circle at 85% 15%, rgba(255, 255, 255, 0.12), transparent 28%),
    radial-gradient(circle at 76% 90%, rgba(200, 146, 59, 0.20), transparent 30%);
  pointer-events: none;
}

.pkp_site_name,
.pkp_site_name .is_img {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
}

.pkp_site_name .is_img img {
  display: block;
  width: 100%;
  max-height: none;
  height: auto;
  object-fit: cover;
}

/* =========================================================
   04. NAVIGATION MENU
   ========================================================= */

.pkp_navigation_primary_row {
  background: var(--juktisi-white);
  padding: 8px 12px;
  border-bottom: 1px solid var(--juktisi-border);
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.08);
}

#navigationPrimary > li > a,
#navigationPrimary ul a {
  color: var(--juktisi-navy);
  font-weight: 700;
  letter-spacing: 0.1px;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
#navigationPrimary ul a:hover,
#navigationPrimary ul a:focus {
  color: var(--juktisi-brown);
  background: var(--juktisi-cream);
  text-decoration: none;
}

.pkp_nav_list ul a:hover {
  display: block;
  padding-left: 0.7rem;
  border-left: 0.28rem solid var(--juktisi-brown) !important;
  color: var(--juktisi-brown);
}

.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
  color: var(--juktisi-navy);
  font-weight: 700;
}

.pkp_nav_list li.profile {
  padding: 3px 10px;
  border: 1px solid var(--juktisi-border);
  border-radius: 999px;
  font-size: 15px;
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.12);
  margin-left: 8px;
  margin-right: 5px;
  background: var(--juktisi-white);
}

.pkp_navigation_user > li > a {
  color: var(--juktisi-white);
}

/* =========================================================
   05. HOMEPAGE AND ADDITIONAL CONTENT
   ========================================================= */

.pkp_page_index .homepage_image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--juktisi-radius) var(--juktisi-radius) 0 0;
}

.pkp_page_index .additional_content {
  border-top: 0;
  padding: 16px 0 0;
  text-align: justify;
}

.aimcolumn {
  float: left;
}

.aimleft {
  width: 25%;
  padding: 30px 20px 0 10px;
  background: var(--juktisi-white);
}

.aimright {
  width: 74%;
  height: auto;
  padding: 18px 24px 18px 34px;
  background: var(--juktisi-soft);
  border-radius: var(--juktisi-radius);
  border: 1px solid var(--juktisi-border);
}

.row {
  margin-right: 0;
  margin-left: 0;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* =========================================================
   06. BUTTONS AND SUBMISSION LINKS
   ========================================================= */

.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link,
.obj_article_summary > .galleys_links a,
.obj_article_details .entry_details .item.galleys .galleys_links a {
  display: inline-block;
  background: var(--juktisi-navy);
  color: var(--juktisi-white) !important;
  border: 1px solid var(--juktisi-navy);
  border-radius: 10px;
  padding: 8px 14px;
  text-align: center;
  text-decoration: none !important;
  font-weight: 700;
  transition: all 0.2s ease;
}

.cmp_manuscript_button,
.block_make_submission a {
  width: 100%;
}

.cmp_manuscript_button:hover,
.block_make_submission a:hover,
.obj_galley_link:hover,
.obj_article_summary > .galleys_links a:hover,
.obj_article_details .entry_details .item.galleys .galleys_links a:hover {
  background: var(--juktisi-brown);
  border-color: var(--juktisi-brown);
  color: var(--juktisi-white) !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

/* =========================================================
   07. ISSUE ARCHIVE AND TABLE OF CONTENTS
   ========================================================= */

.obj_issue_toc .cover {
  display: none;
}

.obj_issue_toc .description,
.obj_issue_summary .description {
  text-align: justify;
}

.obj_issue_summary {
  margin: 0 1.5rem 1rem;
  padding: 1rem 1rem 1rem 1.25rem;
  border-left: 4px solid var(--juktisi-navy);
  background: var(--juktisi-bg);
  border-radius: 0 var(--juktisi-radius) var(--juktisi-radius) 0;
}

.page_issue_archive .issues_archive > li {
  margin: 0;
  padding: 1.4rem 0 0 0.7rem;
}

.obj_issue_toc .sections:not(:first-child) {
  margin-top: 0;
}

.obj_issue_toc .section > h2 {
  border: 0;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 800;
  text-transform: none;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, var(--juktisi-navy), var(--juktisi-blue));
  color: var(--juktisi-white);
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(13, 110, 253, 0.18);
}

/* =========================================================
   08. ARTICLE SUMMARY CARDS
   ========================================================= */

.obj_article_summary {
  background: var(--juktisi-white);
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 14px;
  text-align: justify;
  border: 1px solid var(--juktisi-border);
  border-left: 5px solid var(--juktisi-gold);
  padding: 1rem 1.25rem;
  border-radius: var(--juktisi-radius);
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.08);
  margin-bottom: 1rem;
}

.obj_article_summary:hover {
  border-left-color: var(--juktisi-navy);
  box-shadow: 0 10px 24px rgba(16, 24, 40, 0.12);
}

.obj_article_summary .cover {
  display: block;
  float: left;
  width: 70px;
  height: auto;
  margin-right: 15px;
  border-radius: 8px;
  overflow: hidden;
}

.obj_article_summary > .title {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 800;
  font-size: 19px;
  text-transform: none;
  line-height: 1.35;
}

.obj_article_summary > .title a {
  display: block;
  color: #26304f;
  font-size: 19px;
  text-decoration: none;
}

.obj_article_summary > .title a:hover {
  color: var(--juktisi-brown);
  text-decoration: none;
}

.obj_article_summary .authors {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: var(--juktisi-muted);
  text-transform: none;
}

.obj_article_summary .pages:before {
  content: "\f0f6";
  width: 20px;
  font-family: "FontAwesome";
  margin-right: 5px;
  font-size: 13px;
  color: var(--juktisi-gold);
}

.obj_article_summary > .galleys_links,
ul.galleys_links {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0.5em;
}

.doi_summary {
  padding: 0.4em 0.7em;
  margin-top: 0.3em;
  background: var(--juktisi-bg);
  border-radius: 8px;
}

.doi_summary a {
  text-decoration: none !important;
}

.doi_summary a:hover {
  text-decoration: underline !important;
}

/* =========================================================
   09. ARTICLE DETAIL PAGE
   ========================================================= */

.obj_article_details > .page_title,
.obj_article_details .page_title,
.obj_article_details > .subtitle {
  text-align: left;
  color: var(--juktisi-navy);
  font-weight: 800;
  line-height: 1.35;
}

.obj_article_details .doi a {
  color: var(--juktisi-navy);
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 700;
}

.obj_article_details .doi a:hover {
  color: var(--juktisi-brown);
}

.obj_article_details .main_entry .label {
  display: inline-block;
  border: 0;
  font-weight: 800;
  text-transform: uppercase;
  width: 100%;
  border-radius: 12px;
  padding: 0.75rem 1rem;
  color: var(--juktisi-white);
  background: linear-gradient(135deg, var(--juktisi-navy), var(--juktisi-blue));
}

.obj_article_details .item {
  padding: 1em 0 2em 2em;
}

.obj_article_details .main_entry .item .label {
  font-size: 16px;
}

.obj_article_details .entry_details .sub_item:not(:first-child) .label {
  display: inline-block;
  padding: 0.5em 0;
  margin: 0 20px;
  width: 83%;
  border-bottom: 1px solid var(--juktisi-navy);
}

.obj_article_details .entry_details .item > .value ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.obj_article_details .entry_details .item > .value ul li {
  padding: 5px 0;
}

.obj_article_details .entry_details .cover_image img {
  width: 200px;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.12);
}

.obj_article_details .item.doi {
  text-align: left;
  text-decoration: none;
  padding: 10px 0;
}

.obj_article_details .item.keywords {
  text-transform: capitalize;
}

.item.abstract {
  text-align: justify;
  padding-top: 0;
}

.item.authors {
  font-size: 14px;
}

.item.authors .email:before {
  content: "\f0e0";
  font-family: "FontAwesome";
  margin-right: 5px;
  font-size: 14px;
  color: var(--juktisi-gold);
}

.item.authors span.name:before {
  content: "\f007";
  font-family: "FontAwesome";
  margin-right: 5px;
  font-size: 14px;
  color: var(--juktisi-gold);
}

.item.authors span.affiliation:before {
  content: "\f19c";
  font-family: "FontAwesome";
  margin-right: 5px;
  color: var(--juktisi-gold);
}

/* =========================================================
   10. SIDEBAR BLOCKS
   ========================================================= */

.pkp_block {
  padding: 0 3px 12px 5px;
  font-size: 14px;
  line-height: 1.55;
}

.block_make_submission {
  padding: 15px 3px 8px 5px;
}

.pkp_block .title {
  width: 100%;
  min-height: 34px;
  background: linear-gradient(135deg, var(--juktisi-navy), var(--juktisi-blue));
  color: var(--juktisi-white);
  font-size: 13px;
  font-weight: 800;
  padding: 0.55em 0.8em;
  margin-bottom: 0;
  border: 0;
  text-align: center;
  border-radius: 12px 12px 0 0;
  font-family: "Source Sans Pro", Arial, sans-serif;
  letter-spacing: 0.2px;
}

.pkp_block .content {
  background: var(--juktisi-white);
  border: 1px solid var(--juktisi-border);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
}

.pkp_block li,
.pkp_block .content ul li {
  border-radius: 0;
  position: relative;
  background: var(--juktisi-white);
  display: block;
}

.pkp_block ul > li {
  border-bottom: 1px solid rgba(16, 24, 40, 0.08);
}

.pkp_block ul > li:last-child {
  border-bottom: 0;
}

.pkp_block ul > li a {
  color: var(--juktisi-navy);
  padding: 0.75rem 1rem;
  display: flex;
  text-decoration: none;
  font-weight: 600;
}

.pkp_block ul > li a:hover {
  text-decoration: none;
  background: var(--juktisi-cream);
  color: var(--juktisi-brown);
}

/* =========================================================
   11. ANNOUNCEMENTS, DOI, STATS
   ========================================================= */

.block_announcements_article {
  padding: 1em;
  background: linear-gradient(135deg, var(--juktisi-navy), var(--juktisi-blue));
  color: var(--juktisi-white);
  border-radius: var(--juktisi-radius);
}

.doi_container {
  margin-top: 1px;
}

.doi_link {
  background-size: 14px !important;
  min-height: 20px !important;
  padding: 5px 0 5px 23px;
  color: var(--juktisi-brown);
  text-decoration: none;
}

.galley_stat,
.article_stat {
  background-size: 18px !important;
  padding-left: 23px;
}

/* =========================================================
   12. EDITORIAL BOARD COMPONENT
   ========================================================= */

.editorial-list {
  position: relative;
  list-style: none;
  padding-left: 0;
}

.editorial-list li {
  margin-bottom: 1.125rem;
}

.editorial-list .img-profile {
  position: absolute;
  width: 95px;
  height: 105px;
  border: 1px solid var(--juktisi-border);
  border-radius: 10px;
  padding: 0.5rem;
  background: var(--juktisi-white);
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.10);
}

.editorial-list .img-profile .imgthumb {
  width: 80px;
  height: 90px;
  overflow: hidden;
  margin: 0 auto;
  object-fit: cover;
  border-radius: 8px;
}

.editorial-list .img-profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-content {
  margin-left: 112px;
  min-height: 130px;
}

.team-content .ico-label,
.team-aff ul li .ico-label {
  width: 18px;
  height: 18px;
  margin-right: 0.5rem;
}

.team-aff ul li {
  margin-bottom: 0;
}

.team-aff ul li .tm_label {
  display: inline-block;
  width: 80px;
  font-weight: 700;
  color: var(--juktisi-navy);
}

/* =========================================================
   13. SERVICES CARD / WHAT WE DO
   ========================================================= */

section {
  padding: 0;
}

section .section-title {
  text-align: center;
  color: var(--juktisi-navy);
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: 800;
}

#what-we-do {
  background: transparent;
}

#what-we-do .card {
  padding: 1rem !important;
  border: 1px solid var(--juktisi-border);
  border-radius: var(--juktisi-radius);
  margin-bottom: 1rem;
  transition: 0.25s all ease;
  background:
    radial-gradient(circle at 28% 29%, rgba(237, 237, 237, 0.04) 0%, rgba(237, 237, 237, 0.04) 50%, rgba(136, 136, 136, 0.04) 50%, rgba(136, 136, 136, 0.04) 100%),
    linear-gradient(90deg, #f3f7ff, #ffffff);
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.08);
}

#what-we-do .card:hover {
  box-shadow: 0 12px 28px rgba(16, 24, 40, 0.14);
  transform: translateY(-2px);
}

#what-we-do .card .card-block {
  padding-left: 50px;
  position: relative;
}

#what-we-do .card .card-block a {
  color: var(--juktisi-navy) !important;
  font-weight: 800;
  text-decoration: none;
}

#what-we-do .card .card-block:before {
  font-family: FontAwesome;
  position: absolute;
  font-size: 39px;
  color: var(--juktisi-navy);
  left: 0;
  transition: transform 0.3s ease;
}

#what-we-do .card:hover .card-block:before {
  transform: rotate(360deg);
}

#what-we-do .card .block-1:before { content: "\f25e"; }
#what-we-do .card .block-2:before { content: "\f0eb"; }
#what-we-do .card .block-3:before { content: "\f00c"; }
#what-we-do .card .block-4:before { content: "\f155"; }

#what-we-do .card-title {
  margin: auto;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.carousel-inner {
  position: relative;
}

.carousel-indicators {
  bottom: -15px;
}

/* =========================================================
   14. INDEXING LOGOS AND CUSTOM SIDEBAR MENU
   ========================================================= */

img.indexings {
  width: 170px;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

#customblock-menubar ul {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

#customblock-menubar ul li {
  list-style: none !important;
  margin-bottom: 8px;
}

#customblock-menubar ul li a {
  display: block;
  padding: 9px 10px 9px 32px;
  text-decoration: none;
  color: var(--juktisi-text);
  border-radius: 8px;
  transition: all 0.25s ease;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 14px;
  border: 1px solid transparent;
  font-weight: 600;
}

#customblock-menubar ul li a:hover {
  background-color: var(--juktisi-cream);
  color: var(--juktisi-brown);
  padding-left: 36px;
  border-color: rgba(139, 94, 52, 0.18);
}

#customblock-menubar ul li:nth-child(1) a,
#customblock-menubar ul li:nth-child(2) a,
#customblock-menubar ul li:nth-child(3) a,
#customblock-menubar ul li:nth-child(4) a,
#customblock-menubar ul li:nth-child(5) a,
#customblock-menubar ul li:nth-child(6) a,
#customblock-menubar ul li:nth-child(7) a,
#customblock-menubar ul li:nth-child(8) a,
#customblock-menubar ul li:nth-child(9) a {
  background-image: url("data:image/svg+xml,%3Csvg fill='%238b5e34' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3C/svg%3E");
}

/* =========================================================
   15. FOOTER AND BRAND
   ========================================================= */

.pkp_brand_footer {
  display: none;
}

.pkp_footer_content {
  color: var(--juktisi-text);
}


/* =========================================================
   15A. CONTRAST SAFETY FOR COLORED BACKGROUNDS
   Ensures text remains readable on soft-blue backgrounds.
   ========================================================= */

.pkp_block .title,
.pkp_block .title a,
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h2 a,
.obj_article_details .main_entry .label,
.obj_article_details .main_entry .label a,
.block_announcements_article,
.block_announcements_article a {
  color: var(--juktisi-white) !important;
}

.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link,
.obj_article_summary > .galleys_links a,
.obj_article_details .entry_details .item.galleys .galleys_links a {
  color: var(--juktisi-white) !important;
}

#navigationPrimary > li > a,
#navigationPrimary ul a,
.pkp_block ul > li a,
#what-we-do .card .card-block a {
  color: var(--juktisi-navy) !important;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
#navigationPrimary ul a:hover,
#navigationPrimary ul a:focus,
.pkp_block ul > li a:hover,
#customblock-menubar ul li a:hover {
  color: var(--juktisi-brown) !important;
}

/* =========================================================
   16. RESPONSIVE RULES
   ========================================================= */

@media screen and (max-width: 991px) {
  .pkp_structure_page {
    max-width: 100%;
    border-radius: 0;
  }

  .pkp_structure_main {
    padding: 18px 14px;
    overflow: auto;
  }

  .aimcolumn,
  .aimleft,
  .aimright {
    float: none;
    width: 100%;
  }

  .aimleft {
    padding: 12px 0;
  }

  .aimright {
    padding: 16px;
  }

  .pkp_block {
    padding: 0 0 18px;
  }

  .pkp_site_nav_toggle {
    position: absolute;
    right: 0;
    top: 50%;
    width: 4em;
    margin-top: -2em;
  }

  .has_site_logo .pkp_site_name,
  .has_site_logo .pkp_navigation_primary_wrapper {
    text-align: center;
    left: 0;
    padding-left: 0;
  }

  .pkp_navigation_user > li > a,
  .pkp_site_nav_menu a {
    color: var(--juktisi-navy);
  }

  .pkp_site_nav_menu {
    top: auto;
  }

  .team-content {
    margin-left: 0;
    padding-top: 118px;
  }

  .editorial-list .img-profile {
    position: relative;
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 480px) {
  body {
    font-size: 14px;
  }

  .pkp_structure_main {
    padding: 12px 10px;
    margin-bottom: 1rem;
  }

  .pkp_structure_head {
    min-height: auto;
  }

  .pkp_site_name .is_img img {
    width: 100%;
    max-height: none;
    height: auto;
    object-fit: cover;
  }

  .obj_article_details .item {
    padding: 1rem 0.5rem;
  }

  .obj_article_summary {
    padding: 0.9rem;
  }

  .obj_article_summary .cover {
    float: none;
    width: 90px;
    margin: 0 0 12px 0;
  }

  .pkp_nav_list li.profile {
    margin: 6px 8px;
    text-align: center;
  }

  .pkp_block .title {
    font-size: 12px;
  }
}

/* =========================================================
   17. PRINT CLEANUP
   ========================================================= */

@media print {
  body {
    background: #ffffff;
  }

  .pkp_navigation_primary_row,
  .pkp_structure_sidebar,
  .pkp_site_nav_toggle,
  .block_make_submission,
  .pkp_brand_footer {
    display: none !important;
  }

  .pkp_structure_page,
  .pkp_structure_content,
  .obj_article_summary {
    box-shadow: none;
    border-radius: 0;
  }

  a {
    color: #000000;
    text-decoration: underline;
  }
}

/* =========================================================
   18. USER NAVIGATION CONTRAST FIX
   Register and Login buttons are separated visually so the
   background color is never the same as the text color.
   ========================================================= */

.pkp_navigation_user > li > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 6px 13px !important;
  margin: 2px 3px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #1f4e79 !important;
  border: 1px solid #b8d5e6 !important;
  box-shadow: 0 3px 10px rgba(31, 78, 121, 0.14) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  background: #eef6fb !important;
  color: #173b5f !important;
  border-color: #397ca1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.pkp_navigation_user > li > a[href*="login"] {
  background: #ffffff !important;
  color: #1f4e79 !important;
  border-color: #b8d5e6 !important;
}

.pkp_navigation_user > li > a[href*="login"]:hover,
.pkp_navigation_user > li > a[href*="login"]:focus {
  background: #eef6fb !important;
  color: #173b5f !important;
  border-color: #397ca1 !important;
}

.pkp_navigation_user > li > a[href*="register"],
.pkp_navigation_user > li > a[href*="user/register"] {
  background: #d9a441 !important;
  color: #173b5f !important;
  border-color: #c8923b !important;
}

.pkp_navigation_user > li > a[href*="register"]:hover,
.pkp_navigation_user > li > a[href*="register"]:focus,
.pkp_navigation_user > li > a[href*="user/register"]:hover,
.pkp_navigation_user > li > a[href*="user/register"]:focus {
  background: #b7791f !important;
  color: #ffffff !important;
  border-color: #9f651b !important;
}

.pkp_nav_list li.profile {
  background: #ffffff !important;
  border: 1px solid #b8d5e6 !important;
  color: #1f4e79 !important;
}

.pkp_nav_list li.profile > a {
  color: #1f4e79 !important;
  text-shadow: none !important;
}

@media screen and (max-width: 991px) {
  .pkp_navigation_user > li > a {
    background: #ffffff !important;
    color: #1f4e79 !important;
    border-color: #b8d5e6 !important;
  }

  .pkp_navigation_user > li > a[href*="register"],
  .pkp_navigation_user > li > a[href*="user/register"] {
    background: #d9a441 !important;
    color: #173b5f !important;
    border-color: #c8923b !important;
  }
 }
/* =========================================
   OJS DROPDOWN MENU FIX ONLY
   ========================================= */

/* biarkan dropdown keluar dari container */
.pkp_structure_page,
.pkp_structure_head,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row{
    overflow: visible !important;
}

/* parent dropdown */
#navigationPrimary > li{
    position: relative;
}

/* submenu */
#navigationPrimary li ul{
    position: absolute;
    top: 100%;
    left: 0;

    min-width: 240px;

    background: #ffffff;
    border: 1px solid #dbe6f3;
    border-radius: 8px;

    box-shadow: 0 8px 24px rgba(0,0,0,.12);

    z-index: 99999;
}

/* item submenu */
#navigationPrimary li ul li{
    width:100%;
}

/* link submenu */
#navigationPrimary li ul li a{
    display:block;
    padding:12px 16px;
    color:#1f4e79 !important;
    background:#ffffff;
}

/* hover submenu */
#navigationPrimary li ul li a:hover{
    background:#eef6fb;
    color:#8b5e34 !important;
}

/* nonaktifkan efek yang mengubah ukuran */
.pkp_nav_list ul a:hover{
    padding-left:16px !important;
    border-left:none !important;
}

/* =====================================================
   JUKTISI PREMIUM HOMEPAGE V2
===================================================== */

.juktisi-homepage{
max-width:100%;
margin:auto;
}

.juktisi-hero{
display:flex;
flex-wrap:wrap;
gap:30px;
align-items:center;

background:
linear-gradient(
135deg,
#26327f,
#31499f,
#4ea9c7
);

padding:40px;
border-radius:18px;
color:white;
margin-bottom:30px;
}

.hero-left{
flex:0 0 25%;
min-width:220px;
}

.hero-left img{
width:100%;
border-radius:14px;
box-shadow:
0 12px 26px rgba(0,0,0,.25);
}

.hero-right{
flex:1;
}

.journal-badge{
display:inline-block;
background:#f6a21a;
color:#26327f;
padding:6px 14px;
border-radius:999px;
font-weight:700;
margin-bottom:12px;
}

.hero-right h1{
font-size:clamp(24px,3vw,40px);
line-height:1.2;
margin-bottom:15px;
}

.hero-buttons{
margin-top:20px;
}

.btn-primary,
.btn-secondary{

display:inline-block;
padding:12px 20px;
border-radius:10px;
font-weight:700;
text-decoration:none;
margin-right:10px;
}

.btn-primary{
background:white;
color:#26327f;
}

.btn-secondary{
background:#f6a21a;
color:#26327f;
}

.metrics-grid{

display:grid;
grid-template-columns:
repeat(auto-fit,minmax(220px,1fr));

gap:20px;
margin-bottom:30px;
}

.metric-card{

background:white;
padding:20px;
border-radius:14px;
text-align:center;

box-shadow:
0 4px 15px rgba(0,0,0,.08);
}

.metric-card h3{
margin-bottom:8px;
color:#26327f;
}

.content-card{

background:white;

padding:25px;

border-radius:16px;

margin-bottom:25px;

box-shadow:
0 4px 15px rgba(0,0,0,.08);
}

.content-card h2{
color:#26327f;
margin-bottom:15px;
}

.indexing-grid{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.indexing-grid span{

background:#eef6fb;

padding:10px 14px;

border-radius:8px;

font-weight:600;
}

.call-paper{

background:
linear-gradient(
135deg,
#26327f,
#0b66a5
);

padding:30px;

border-radius:18px;

color:white;
}

.call-paper a{

display:inline-block;

margin-top:15px;

padding:12px 20px;

background:#f6a21a;

color:#26327f;

font-weight:700;

border-radius:10px;

text-decoration:none;
}

@media(max-width:768px){

.juktisi-hero{

padding:25px;
}

.hero-left{

flex:0 0 100%;
}

.hero-right{

flex:0 0 100%;
}

}


/* =========================================================
   19. OJS NAVIGATOR MENU + USER BUTTON OVERRIDE
   Purpose: make navigator menubar gray and remove ellipse style
   from Register/Login without changing the main layout.
   ========================================================= */

.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu {
  background: #f2f4f7 !important;
}

.pkp_navigation_primary_row {
  border-bottom: 1px solid #dbe6f3 !important;
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.08) !important;
}

#navigationPrimary > li > a,
#navigationPrimary ul a {
  background: transparent !important;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus,
#navigationPrimary ul a:hover,
#navigationPrimary ul a:focus {
  background: #e6e9ef !important;
}

.pkp_navigation_user,
.pkp_navigation_user > li,
.pkp_navigation_user > li.profile {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a[href*="login"],
.pkp_navigation_user > li > a[href*="register"],
.pkp_navigation_user > li > a[href*="user/register"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 6px 12px !important;
  margin: 0 4px !important;
  background: transparent !important;
  color: #1f4e79 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user > li > a[href*="login"]:hover,
.pkp_navigation_user > li > a[href*="login"]:focus,
.pkp_navigation_user > li > a[href*="register"]:hover,
.pkp_navigation_user > li > a[href*="register"]:focus,
.pkp_navigation_user > li > a[href*="user/register"]:hover,
.pkp_navigation_user > li > a[href*="user/register"]:focus {
  background: #e6e9ef !important;
  color: #173b5f !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.pkp_nav_list li.profile,
.pkp_nav_list li.profile > a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #1f4e79 !important;
}

/* =========================================================
   20. OJS CURRENT ISSUE THUMBNAIL FIX
   Purpose: show issue cover thumbnail on current issue page.
   Works with common OJS 3.x selectors.
   ========================================================= */

.obj_issue_toc .cover,
.page_issue .obj_issue_toc .cover,
.page_index_journal .current_issue .cover,
.pkp_page_index .current_issue .cover,
.current_issue .cover,
.current_issue_cover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.obj_issue_toc .cover,
.page_issue .obj_issue_toc .cover {
  float: left !important;
  width: 180px !important;
  max-width: 180px !important;
  margin: 0 22px 16px 0 !important;
  padding: 0 !important;
}

.obj_issue_toc .cover img,
.page_issue .obj_issue_toc .cover img,
.page_index_journal .current_issue .cover img,
.pkp_page_index .current_issue .cover img,
.current_issue .cover img,
.current_issue_cover img {
  display: block !important;
  width: 100% !important;
  max-width: 180px !important;
  height: auto !important;
  border-radius: 10px !important;
  border: 1px solid #dbe6f3 !important;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.12) !important;
}

.obj_issue_toc:after,
.current_issue:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

@media screen and (max-width: 480px) {
  .obj_issue_toc .cover,
  .page_issue .obj_issue_toc .cover,
  .current_issue .cover,
  .current_issue_cover {
    float: none !important;
    width: 130px !important;
    max-width: 130px !important;
    margin: 0 0 14px 0 !important;
  }

  .obj_issue_toc .cover img,
  .page_issue .obj_issue_toc .cover img,
  .current_issue .cover img,
  .current_issue_cover img {
    max-width: 130px !important;
  }
}


/* =========================================================
   21. FINAL OVERRIDE: REGISTER / LOGIN BUTTON + SEARCH COLOR
   Purpose: restore visible Register/Login buttons and make Search text blue.
   Place at the very end so it overrides earlier OJS styles.
   ========================================================= */

/* User navigation container */
.pkp_navigation_user,
.pkp_navigation_user_wrapper,
.pkp_head_wrapper .pkp_navigation_user {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Base Register and Login button style */
.pkp_navigation_user > li > a,
.pkp_navigation_user > li.profile > a,
.pkp_navigation_user a[href*="login"],
.pkp_navigation_user a[href*="register"],
.pkp_navigation_user a[href*="user/register"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  min-height: 34px !important;
  padding: 7px 16px !important;
  margin: 3px 5px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: 0 3px 10px rgba(16, 24, 40, 0.16) !important;
  transition: all 0.2s ease !important;
}

/* Login button */
.pkp_navigation_user a[href*="login"] {
  background: #f2f4f7 !important;
  color: #1f4e79 !important;
  border: 1px solid #b8d5e6 !important;
}

/* Register button */
.pkp_navigation_user a[href*="register"],
.pkp_navigation_user a[href*="user/register"] {
  background: #d9a441 !important;
  color: #173b5f !important;
  border: 1px solid #c8923b !important;
}

/* Button hover and focus */
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user a[href*="login"]:hover,
.pkp_navigation_user a[href*="login"]:focus {
  background: #e6e9ef !important;
  color: #173b5f !important;
  border-color: #397ca1 !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

.pkp_navigation_user a[href*="register"]:hover,
.pkp_navigation_user a[href*="register"]:focus,
.pkp_navigation_user a[href*="user/register"]:hover,
.pkp_navigation_user a[href*="user/register"]:focus {
  background: #b7791f !important;
  color: #ffffff !important;
  border-color: #9f651b !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

/* Search text and icon color */
.pkp_head_wrapper .pkp_search,
.pkp_head_wrapper .pkp_search a,
.pkp_head_wrapper .pkp_search .search_prompt,
.pkp_head_wrapper .pkp_search .search_controls .search_prompt,
.pkp_head_wrapper .pkp_search button,
.pkp_site_nav_menu .pkp_search,
.pkp_site_nav_menu .pkp_search a,
.pkp_site_nav_menu .pkp_search .search_prompt,
.pkp_site_nav_menu .pkp_search .search_controls .search_prompt,
.pkp_navigation_primary_row .pkp_search,
.pkp_navigation_primary_row .pkp_search a,
.pkp_navigation_primary_row .pkp_search .search_prompt,
.pkp_navigation_primary_row .pkp_search .search_controls .search_prompt {
  color: #1f4e79 !important;
  text-shadow: none !important;
}

/* FontAwesome/search icon pseudo elements */
.pkp_head_wrapper .pkp_search .search_prompt:before,
.pkp_head_wrapper .pkp_search .search_prompt:after,
.pkp_site_nav_menu .pkp_search .search_prompt:before,
.pkp_site_nav_menu .pkp_search .search_prompt:after,
.pkp_navigation_primary_row .pkp_search .search_prompt:before,
.pkp_navigation_primary_row .pkp_search .search_prompt:after {
  color: #1f4e79 !important;
  opacity: 1 !important;
}

/* Search form input text when opened */
.pkp_search input,
.pkp_search input[type="text"],
.pkp_search input[type="search"],
.pkp_search .search_input,
.pkp_search .query {
  color: #1f4e79 !important;
  background: #ffffff !important;
  border-color: #b8d5e6 !important;
}

/* Search placeholder */
.pkp_search input::placeholder,
.pkp_search input[type="text"]::placeholder,
.pkp_search input[type="search"]::placeholder {
  color: #397ca1 !important;
  opacity: 1 !important;
}

/* Mobile safety */
@media screen and (max-width: 991px) {
  .pkp_navigation_user > li > a,
  .pkp_navigation_user a[href*="login"],
  .pkp_navigation_user a[href*="register"],
  .pkp_navigation_user a[href*="user/register"] {
    min-width: 74px !important;
    min-height: 32px !important;
    padding: 7px 13px !important;
    margin: 4px !important;
    border-radius: 8px !important;
  }

  .pkp_head_wrapper .pkp_search .search_prompt,
  .pkp_site_nav_menu .pkp_search .search_prompt {
    color: #1f4e79 !important;
  }
}

/* =========================================================
   22. REGISTER AND LOGIN ELEGANT BRIGHT BUTTONS
   Purpose: restore visible non-transparent buttons with a
   clean bright style for the OJS user navigation.
   ========================================================= */

.pkp_navigation_user,
.pkp_navigation_user > li,
.pkp_navigation_user > li.profile {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a[href*="login"],
.pkp_navigation_user > li > a[href*="register"],
.pkp_navigation_user > li > a[href*="user/register"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 7px 16px !important;
  margin: 3px 5px !important;
  border-radius: 8px !important;
  box-shadow: 0 5px 14px rgba(31, 78, 121, 0.16) !important;
  text-shadow: none !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.pkp_navigation_user > li > a[href*="register"],
.pkp_navigation_user > li > a[href*="user/register"] {
  background: #f7c65f !important;
  color: #173b5f !important;
  border: 1px solid #d9a441 !important;
}

.pkp_navigation_user > li > a[href*="login"] {
  background: #f8fbff !important;
  color: #1f4e79 !important;
  border: 1px solid #b8d5e6 !important;
}

.pkp_navigation_user > li > a[href*="register"]:hover,
.pkp_navigation_user > li > a[href*="register"]:focus,
.pkp_navigation_user > li > a[href*="user/register"]:hover,
.pkp_navigation_user > li > a[href*="user/register"]:focus {
  background: #d9a441 !important;
  color: #173b5f !important;
  border-color: #c8923b !important;
  box-shadow: 0 7px 18px rgba(200, 146, 59, 0.28) !important;
  text-decoration: none !important;
}

.pkp_navigation_user > li > a[href*="login"]:hover,
.pkp_navigation_user > li > a[href*="login"]:focus {
  background: #eef6fb !important;
  color: #173b5f !important;
  border-color: #397ca1 !important;
  box-shadow: 0 7px 18px rgba(31, 78, 121, 0.20) !important;
  text-decoration: none !important;
}

@media screen and (max-width: 991px) {
  .pkp_navigation_user > li > a,
  .pkp_navigation_user > li > a[href*="login"],
  .pkp_navigation_user > li > a[href*="register"],
  .pkp_navigation_user > li > a[href*="user/register"] {
    border-radius: 8px !important;
    margin: 4px 5px !important;
  }
}

/* =====================================================
   ARTICLE DETAIL - DOI & KEYWORDS REFINEMENT
   ===================================================== */

/* Hilangkan background capsule DOI dan Keywords */
.obj_article_details .item.doi .label,
.obj_article_details .item.keywords .label,
.item.doi .label,
.item.keywords .label {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-right: 10px !important;
    width: auto !important;
    display: inline !important;
    border-radius: 0 !important;
}

/* DOI warna Scopus */
.obj_article_details .item.doi,
.obj_article_details .item.doi a,
.item.doi,
.item.doi a {
    color: #F28C00 !important; /* Scopus Orange */
    font-weight: 700 !important;
}

/* Icon DOI */
.item.doi:before,
.obj_article_details .item.doi:before {
    color: #F28C00 !important;
}

/* Label DOI */
.obj_article_details .item.doi .label,
.item.doi .label {
    color: #F28C00 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}

/* Keywords biru */
.obj_article_details .item.keywords,
.obj_article_details .item.keywords .value,
.item.keywords,
.item.keywords .value {
    color: #1f4e79 !important;
}

/* Label Keywords */
.obj_article_details .item.keywords .label,
.item.keywords .label {
    color: #1f4e79 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}

/* Link keywords jika ada */
.obj_article_details .item.keywords a,
.item.keywords a {
    color: #1f4e79 !important;
}

/* Rapikan jarak */
.obj_article_details .item.doi,
.obj_article_details .item.keywords {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    background: transparent !important;
}

/* =========================================================
   20. CESSMUDS ARTICLE SUMMARY (IEEE-STYLE) - 2026-11-04
   Tombol PDF ringkas, ikon author + afiliasi, metrik bergaya IEEE.
   Diawali .pkp_structure_main agar menang atas public/site/styleSheet.css
   yang dimuat SETELAH stylesheet jurnal.
   ========================================================= */

:root {
  --cess-red: #c8102e;
  --cess-red-dark: #9b0c23;
  --cess-tile: #dde7ef;
  --cess-tile-text: #1f4e79;
}

/* ---------- Judul: tidak kapital semua, lebih dekat gaya IEEE ---------- */
.pkp_structure_main .obj_article_summary > .title {
  padding: 0 0 2px;
  margin: 0 0 6px;
  text-transform: none;
  text-align: left;
}

.pkp_structure_main .obj_article_summary > .title a {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: #222;
}

/* ---------- Meta: penulis & halaman ---------- */
.pkp_structure_main .obj_article_summary > .meta {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 8px;
}

.pkp_structure_main .obj_article_summary > .meta .authors {
  flex: 1 1 auto;
  min-width: 0;
}

.pkp_structure_main .obj_article_summary > .meta .pages {
  flex: 0 0 auto;
  font-size: 13px;
  color: var(--juktisi-muted);
  white-space: nowrap;
}

/* Markup lama (satu <b> berisi semua nama): beri ikon grup penulis */
.pkp_structure_main .obj_article_summary .authors > b {
  font-weight: 600;
  color: #2a6496;
}

.pkp_structure_main .obj_article_summary .authors > b::before {
  content: "\f0c0";            /* fa-users */
  font-family: "FontAwesome";
  font-weight: normal;
  margin-right: 6px;
  color: var(--juktisi-navy);
}

/* Markup baru (lihat article_summary-cessmuds.tpl) */
.cess_authors {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cess_author {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.4;
}

.cess_author .name {
  font-size: 14.5px;
  font-weight: 600;
  color: #2a6496;
}

.cess_author .name::before {
  content: "\f007";            /* fa-user */
  font-family: "FontAwesome";
  font-weight: normal;
  margin-right: 6px;
  color: var(--juktisi-navy);
}

.cess_author .affiliation {
  font-size: 12.5px;
  color: var(--juktisi-muted);
  padding-left: 18px;
}

.cess_author .affiliation::before {
  content: "\f19c";            /* fa-university */
  font-family: "FontAwesome";
  margin-right: 5px;
  color: var(--juktisi-gold);
}

.cess_author .orcid a {
  font-size: 12px;
  padding-left: 18px;
  color: #6c8a1f;
}

/* ---------- Tombol PDF ringkas ---------- */
.pkp_structure_main .obj_article_summary > .galleys_links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 8px;
  padding: 0;
}

.pkp_structure_main .obj_article_summary > .galleys_links li {
  margin: 0;
}

.pkp_structure_main .obj_article_summary > .galleys_links a.obj_galley_link,
.pkp_structure_main .obj_article_summary > .galleys_links a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  background: var(--cess-red);
  border: 1px solid var(--cess-red);
  border-radius: 4px;
  box-shadow: none;
  transform: none;
}

.pkp_structure_main .obj_article_summary > .galleys_links a.obj_galley_link:hover,
.pkp_structure_main .obj_article_summary > .galleys_links a:hover {
  background: var(--cess-red-dark);
  border-color: var(--cess-red-dark);
  transform: none;
}

.pkp_structure_main .obj_article_summary > .galleys_links a.obj_galley_link::before {
  content: "\f1c1";            /* fa-file-pdf-o */
  font-family: "FontAwesome";
  font-weight: normal;
  margin: 0;
  font-size: 13px;
  color: inherit;
}

/* ---------- DOI ---------- */
.pkp_structure_main .obj_article_summary > table {
  width: auto !important;
  margin: 0 0 6px;
  font-size: 13px;
  border-collapse: collapse;
}

.pkp_structure_main .obj_article_summary > table td {
  padding: 0;
  width: auto !important;
  border: 0;
}

.pkp_structure_main .obj_article_summary > table td:first-child {
  font-weight: 700;
  color: #333;
}

.pkp_structure_main .obj_article_summary > table a {
  color: #2a6496;
}

/* ---------- Badge Dimensions ---------- */
.pkp_structure_main .obj_article_summary .__dimensions_badge_embed__ {
  display: inline-block;
  margin: 2px 0 6px;
  vertical-align: middle;
}

/* ---------- Metrik markup lama (teks + <img>) ---------- */
.pkp_structure_main .obj_article_summary > hr {
  margin: 8px 0;
  border: 0;
  border-top: 1px solid var(--juktisi-border);
  height: 0;
}

.pkp_structure_main .obj_article_summary > img {
  width: 14px;
  height: 14px;
  vertical-align: -2px;
  margin-right: 3px;
}

/* ---------- Metrik gaya IEEE (markup baru) ---------- */
.cess_metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 2px;
  padding-top: 10px;
  border-top: 1px solid var(--juktisi-border);
}

.cess_metric {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 92px;
  padding: 6px 12px 8px;
  background: var(--cess-tile);
  border-radius: 3px;
  color: var(--cess-tile-text);
  font-size: 13px;
  line-height: 1.35;
}

.cess_metric strong {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

@media screen and (max-width: 480px) {
  .pkp_structure_main .obj_article_summary > .meta {
    flex-direction: column;
    gap: 4px;
  }

  .cess_metric {
    min-width: 0;
    flex: 1 1 0;
  }
}

/* =========================================================
   21. CESSMUDS - PERATAAN KARTU ARTIKEL (2026-11-05)
   Satu grid per kartu: jarak antarbaris seragam, semua
   elemen rata ke tepi kiri yang sama, PDF sebaris dengan DOI.
   ========================================================= */

.pkp_structure_main .obj_article_summary {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px 16px;
  padding: 16px 20px;
}

.pkp_structure_main .obj_article_summary > * {
  grid-column: 1 / -1;
  margin: 0;
}

.pkp_structure_main .obj_article_summary > script {
  display: none;
}

/* Judul: tanpa latar abu-abu bawaan tema */
.pkp_structure_main .obj_article_summary > .title {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.pkp_structure_main .obj_article_summary > .title a {
  font-size: 17px;
  color: #1f2d3d;
}

/* Penulis kiri, halaman kanan atas (tidak absolute lagi) */
.pkp_structure_main .obj_article_summary > .meta {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.pkp_structure_main .obj_article_summary > .meta .authors {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.pkp_structure_main .obj_article_summary > .meta .pages {
  position: static;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

/* Kolom penulis sama lebar */
.pkp_structure_main .cess_authors {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px 24px;
  margin: 0;
  padding: 0;
}

.pkp_structure_main .cess_author {
  display: grid;
  grid-template-columns: 18px 1fr;
  row-gap: 1px;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

.pkp_structure_main .cess_author .name,
.pkp_structure_main .cess_author .affiliation,
.pkp_structure_main .cess_author .orcid {
  display: contents;
}

/* display:contents -> ikon (::before) otomatis di kolom 1, teks di kolom 2,
   sehingga teks nama & afiliasi rata pada satu garis vertikal */
.pkp_structure_main .cess_author .name::before,
.pkp_structure_main .cess_author .affiliation::before {
  grid-column: 1;
  margin: 0;
  text-align: center;
  line-height: inherit;
}

.pkp_structure_main .cess_author .name::before {
  padding-top: 1px;
}

.pkp_structure_main .cess_author .affiliation::before {
  font-size: 11px;
  padding-top: 2px;
}

.pkp_structure_main .cess_author .name {
  font-size: 14.5px;
}

.pkp_structure_main .cess_author .affiliation {
  font-size: 12.5px;
}

.pkp_structure_main .cess_author .orcid a {
  grid-column: 2;
  padding: 0;
}

/* PDF di kolom 1, DOI di kolom 2, satu baris */
.pkp_structure_main .obj_article_summary > .galleys_links {
  grid-column: 1;
  margin: 0;
}

.pkp_structure_main .obj_article_summary > table {
  grid-column: 2;
  margin: 0;
}

.pkp_structure_main .obj_article_summary > table td {
  vertical-align: middle;
  line-height: 1.4;
}

.pkp_structure_main .obj_article_summary .__dimensions_badge_embed__ {
  justify-self: start;
  margin: 0;
  line-height: 1;
}

/* Metrik: garis pemisah penuh, kotak sama ukuran */
.pkp_structure_main .cess_metrics {
  margin: 0;
  padding-top: 12px;
  gap: 10px;
}

.pkp_structure_main .cess_metric {
  width: 120px;
  min-width: 0;
  padding: 8px 12px;
}

/* Label Open Access (di atas judul) */
.pkp_structure_main .obj_article_summary > .cess_oa {
  order: -1;                   /* tampil DI ATAS judul, apa pun urutan HTML-nya */
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 -4px;
  padding: 2px 9px 2px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .2px;
  color: #b35a00;
  background: #fff3e6;
  border: 1px solid #f6b26b;
  border-radius: 999px;
}

.pkp_structure_main .obj_article_summary > .cess_oa::before {
  content: "\f13e";            /* fa-unlock-alt */
  font-family: "FontAwesome";
  font-weight: normal;
  font-size: 12px;
  color: #f68212;
}

@media screen and (max-width: 600px) {
  .pkp_structure_main .obj_article_summary {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .pkp_structure_main .obj_article_summary > .galleys_links,
  .pkp_structure_main .obj_article_summary > table {
    grid-column: 1 / -1;
  }

  .pkp_structure_main .obj_article_summary > .meta {
    flex-direction: column;
    gap: 6px;
  }

  .pkp_structure_main .cess_authors {
    grid-template-columns: 1fr;
  }

  .pkp_structure_main .cess_metric {
    width: auto;
    flex: 1 1 0;
  }
}

/* =========================================================
   22. CESSMUDS - HALAMAN DETAIL ARTIKEL (2026-11-05)
   Tombol PDF ringkas di sidebar + metrik di bawah penulis.
   ========================================================= */

/* ---------- Tombol PDF (kolom kanan) ---------- */
.pkp_structure_main .obj_article_details .entry_details .item.galleys {
  padding: 16px 20px;
}

.pkp_structure_main .obj_article_details .entry_details .item.galleys .galleys_links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  background: transparent;
  list-style: none;
}

.pkp_structure_main .obj_article_details .entry_details .item.galleys .galleys_links li {
  margin: 0;
}

.pkp_structure_main .obj_article_details .entry_details .item.galleys .galleys_links a,
.pkp_structure_main .obj_article_details .entry_details .item.galleys .galleys_links a.obj_galley_link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: auto;
  min-height: 0;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  color: #fff !important;
  background: var(--cess-red);
  border: 1px solid var(--cess-red);
  border-radius: 4px;
  box-shadow: none;
  transform: none;
}

.pkp_structure_main .obj_article_details .entry_details .item.galleys .galleys_links a:hover {
  background: var(--cess-red-dark);
  border-color: var(--cess-red-dark);
  transform: none;
}

.pkp_structure_main .obj_article_details .entry_details .item.galleys .galleys_links a.obj_galley_link::before {
  content: "\f1c1";            /* fa-file-pdf-o */
  font-family: "FontAwesome";
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  color: inherit;
}

/* ---------- Metrik di bawah penulis (lihat article_details-metrics.tpl) ---------- */
.pkp_structure_main .obj_article_details .main_entry .item.cess_metrics_item {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pkp_structure_main .obj_article_details .main_entry .item.cess_metrics_item .cess_metrics {
  margin: 0;
  padding-top: 0;
  border-top: 0;
}

/* =========================================================
   23. CESSMUDS - IKON ORCID iD (2026-11-05)
   Ikon iD hijau resmi sebelum tautan ORCID: halaman detail
   artikel dan daftar artikel. SVG inline, tanpa file gambar.
   ========================================================= */

:root {
  --cess-orcid-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23A6CE39' d='M256 128c0 70.7-57.3 128-128 128S0 198.7 0 128 57.3 0 128 0s128 57.3 128 128z'/%3E%3Cpath fill='%23fff' d='M86.3 186.2H70.9V79.1h15.4v107.1zM108.9 79.1h41.6c39.6 0 57 28.3 57 53.6 0 27.5-21.5 53.6-56.8 53.6h-41.8V79.1zm15.4 93.3h24.5c34.9 0 42.9-26.5 42.9-39.7C191.7 111.2 178 93 148 93h-23.7v79.4zM88.7 56.8c0 5.5-4.5 10.1-10.1 10.1s-10.1-4.6-10.1-10.1c0-5.6 4.5-10.1 10.1-10.1s10.1 4.6 10.1 10.1z'/%3E%3C/svg%3E");
}

/* Halaman detail artikel */
.pkp_structure_main .obj_article_details .item.authors .orcid {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  line-height: 1.5;
}

.pkp_structure_main .obj_article_details .item.authors .orcid a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #6c8a1f;
  text-decoration: none;
  word-break: break-all;
}

.pkp_structure_main .obj_article_details .item.authors .orcid a:hover {
  color: #4f6816;
  text-decoration: underline;
}

.pkp_structure_main .obj_article_details .item.authors .orcid a::before,
.pkp_structure_main .cess_author .orcid a::before {
  content: "";
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  background: var(--cess-orcid-icon) center / contain no-repeat;
}

/* Bila OJS sudah mencetak ikon ORCID resmi ($orcidIcon), jangan dobel */
.pkp_structure_main .item.authors .orcid:has(svg) a::before {
  display: none;
}

.pkp_structure_main .item.authors .orcid svg {
  width: 15px;
  height: 15px;
  vertical-align: -3px;
  margin-right: 4px;
}

/* Daftar artikel (article_summary.tpl): tautan "ORCID" di kolom teks */
.pkp_structure_main .cess_author .orcid a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  justify-self: start;
  font-size: 12px;
  font-weight: 600;
  color: #6c8a1f;
}

.pkp_structure_main .cess_author .orcid a::before {
  width: 13px;
  height: 13px;
}

/* =========================================================
   24. CESSMUDS - JARAK KANAN KOLOM UTAMA (2026-11-05)
   Tema memberi padding kiri ~30px tapi kanan 0 pada setiap .item
   di .main_entry, sehingga abstrak/keywords/referensi menempel ke
   garis pemisah kolom kanan. Samakan jarak kanan dengan kiri.
   ========================================================= */

.pkp_structure_main .obj_article_details .main_entry > .item {
  padding-right: 30px;
}

.pkp_structure_main .obj_article_details .main_entry .item.abstract,
.pkp_structure_main .obj_article_details .main_entry .item.references {
  overflow-wrap: break-word;
}

@media screen and (max-width: 767px) {
  .pkp_structure_main .obj_article_details .main_entry > .item {
    padding-right: 16px;
  }
}

/* =========================================================
   25. CESSMUDS - PERATAAN KIRI HALAMAN DETAIL (2026-11-05)
   Teks judul, ikon penulis, metrik, DOI, keywords, abstrak
   semuanya mulai di garis kiri yang sama (padding 30px).
   ========================================================= */

/* Judul: tanpa kotak latar & padding, teks rata dengan ikon penulis */
.pkp_structure_main .obj_article_details > .page_title {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* Blok penulis 28px -> 30px, sama dengan blok lain */
.pkp_structure_main .obj_article_details .main_entry > .item.authors {
  padding-left: 30px;
}

/* DOI: template menyisipkan &nbsp; beruntun; font-size:0 menghilangkan
   spasi itu, lalu ukuran huruf label & nilai dikembalikan */
.pkp_structure_main .obj_article_details .main_entry > .item.doi {
  display: block;
  padding-left: 30px;
  font-size: 0;
}

.pkp_structure_main .obj_article_details .main_entry > .item.doi .label {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  font-size: 14px;
}

.pkp_structure_main .obj_article_details .main_entry > .item.doi .value {
  font-size: 15px;
  word-break: break-all;
}

@media screen and (max-width: 767px) {
  .pkp_structure_main .obj_article_details .main_entry > .item.authors,
  .pkp_structure_main .obj_article_details .main_entry > .item.doi {
    padding-left: 16px;
  }
}

/* =========================================================
   26. CESSMUDS - ORCID SEJAJAR IKON PENULIS (2026-11-05)
   Daftar artikel: ikon ORCID di kolom ikon (18px) yang sama
   dengan ikon penulis & afiliasi; teks "ORCID" di kolom teks.
   ========================================================= */

.pkp_structure_main .cess_author {
  align-content: start;        /* jangan ikut meregang setinggi kartu sebelah */
  text-align: left;            /* afiliasi tidak lagi rata kanan-kiri */
}

/* Tautan membentang kedua kolom; ikon (::before) selebar kolom ikon 18px
   dengan gambar 13px di tengah, sehingga teks "ORCID" mulai tepat di
   kolom teks. Tanpa flex/grid agar tidak terpengaruh "gap" aturan lama. */
.pkp_structure_main .cess_authors .cess_author .orcid a {
  grid-column: 1 / -1;
  justify-self: start;
  display: block;
  margin: 1px 0 0;
  padding: 0;
}

.pkp_structure_main .cess_authors .cess_author .orcid a::before {
  display: inline-block;
  width: 18px;
  height: 13px;
  margin: 0;
  vertical-align: -2px;
  background-size: 13px 13px;
  background-position: center;
}

/* =========================================================
   27. CESSMUDS - JARAK KANAN SIDEBAR (2026-11-06)
   Blok sidebar punya padding kiri 20px tapi kanan 0, sehingga
   kotak menu (The Boards, Journal Policy, dst.) menempel ke tepi
   kanan. Samakan jarak kanan dengan kiri.
   ========================================================= */

.pkp_structure_sidebar .pkp_block {
  padding-right: 20px;
}

/* =========================================================
   28. CESSMUDS - PENULIS BERNOMOR + IKON ORCID (2026-11-06)
   Markup baru article_summary.tpl: li.cess_au > .cess_au_name
   (+ a.cess_au_orcid) + .cess_au_aff. Nomor urut dari CSS counter.
   ========================================================= */

.pkp_structure_main .cess_authors {
  counter-reset: cess-au;
}

.pkp_structure_main .cess_au {
  counter-increment: cess-au;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.4;
  text-align: left;
}

/* Baris nama: [ikon user] Nama(1) [iD] */
.pkp_structure_main .cess_au_name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 0;
  font-size: 14.5px;
  font-weight: 600;
  color: #2a6496;
}

.pkp_structure_main .cess_au_name::before {
  content: "\f007";            /* fa-user */
  font-family: "FontAwesome";
  font-weight: normal;
  flex: 0 0 18px;
  width: 18px;
  text-align: center;
  color: var(--juktisi-navy);
}

/* Nomor urut DI BELAKANG nama, superskrip dalam kurung: Nama⁽¹⁾ [iD] */
.pkp_structure_main .cess_au_text::after {
  content: "(" counter(cess-au) ")";
  position: relative;
  top: -0.45em;
  margin-left: 2px;
  font-size: 0.72em;
  font-weight: 700;
  line-height: 0;
  color: var(--juktisi-navy);
}

.pkp_structure_main a.cess_au_orcid {
  flex: 0 0 auto;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 0 0 6px;
  padding: 0;
  background: var(--cess-orcid-icon) center / contain no-repeat;
  border: 0;
  text-decoration: none;
  transition: transform .15s ease;
}

.pkp_structure_main a.cess_au_orcid:hover {
  transform: scale(1.15);
}

/* Afiliasi: ikon gedung di kolom 18px yang sama dengan ikon user */
.pkp_structure_main .cess_au_aff {
  position: relative;
  padding-left: 18px;
  margin-top: 1px;
  font-size: 12.5px;
  color: var(--juktisi-muted);
}

.pkp_structure_main .cess_au_aff::before {
  content: "\f19c";            /* fa-university */
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  text-align: center;
  font-size: 11px;
  line-height: 1.6;
  color: var(--juktisi-gold);
}

/* =========================================================
   29. CESSMUDS - TATA LETAK PENUH LAYAR & RESPONSIF (2026-11-06)
   Gaya situs konferensi IEEE: pita header biru selebar layar,
   isi melebar mengikuti layar (maks. 1600px agar tetap terbaca),
   sidebar 320px. Tablet/HP: header & logo menyesuaikan.
   ========================================================= */

:root {
  --cess-max: 1600px;                     /* lebar isi maksimum */
  --cess-gutter: clamp(16px, 3vw, 48px);  /* jarak tepi layar */
  --cess-sidebar: 320px;
}

/* ---------- Desktop (>= 992px) ---------- */
@media (min-width: 992px) {
  .pkp_structure_page {
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 0;
  }

  /* Header: lebar sama dengan isi */
  .pkp_structure_head .pkp_head_wrapper {
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 2 * var(--cess-gutter));
    max-width: var(--cess-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .pkp_structure_head .pkp_site_name_wrapper {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .pkp_structure_head .pkp_site_name img {
    width: auto !important;
    max-width: min(100%, 1200px) !important;
    height: auto;
    max-height: none;
  }

  .pkp_structure_head .pkp_site_nav_menu {
    position: static;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .pkp_structure_head .pkp_navigation_primary_row {
    width: auto;
  }

  /* Register / Login: rata kanan header (tema mengunci ke lebar lama
     dengan left + translateX) */
  .pkp_structure_head .pkp_navigation_user_wrapper {
    top: 5px;
    right: 0;
    left: auto;
    width: auto;
    max-width: none;
    padding-right: 0;
    transform: none;
  }

  .pkp_structure_head .pkp_navigation_user {
    width: auto;
    margin: 0;
    padding: 0;
  }

  /* Isi: grid 2 kolom (utama fleksibel + sidebar) */
  .pkp_structure_content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--cess-sidebar);
    width: calc(100% - 2 * var(--cess-gutter));
    max-width: var(--cess-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .pkp_structure_content::before,
  .pkp_structure_content::after,
  .pkp_structure_main::before,
  .pkp_structure_main::after {
    display: none;                          /* clearfix & garis kolom lama */
  }

  .pkp_structure_main {
    float: none;
    width: auto;
    min-width: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .pkp_structure_sidebar {
    float: none;
    width: auto;
    min-width: 0;
    border-left: 1px solid #ddd;
  }

  /* Footer: lebar sama dengan isi */
  .pkp_structure_footer {
    box-sizing: border-box;
    width: calc(100% - 2 * var(--cess-gutter));
    max-width: var(--cess-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

/* ---------- Tablet & HP (< 992px) ---------- */
@media (max-width: 991px) {
  /* Header: tombol menu di atas, logo penuh di bawahnya */
  .pkp_structure_head .pkp_head_wrapper {
    height: auto;
    padding-top: 44px;
    padding-bottom: 10px;
  }

  .pkp_structure_head .pkp_site_name_wrapper {
    height: auto;
    padding: 0 12px;
  }

  .pkp_structure_head .pkp_site_name,
  .pkp_structure_head .pkp_site_name .is_img {
    height: auto !important;
    min-height: 0 !important;
    margin: 0;
    padding: 0;
    line-height: 0;
  }

  .pkp_structure_head .pkp_site_name img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto;
  }

  .pkp_structure_head .pkp_site_name_wrapper .pkp_site_nav_toggle {
    top: -42px;
    left: 4px;
    margin: 0;
    transform: none;
  }
}

/* ---------- HP (<= 600px): teks rata kiri agar tidak berongga ---------- */
@media (max-width: 600px) {
  .pkp_structure_main,
  .pkp_structure_main p,
  .pkp_structure_main .description {
    text-align: left;
  }
}

/* Halaman detail artikel: kolom isi ikut melebar (tema mengunci 560px),
   kolom sampul/PDF tetap 300px */
@media (min-width: 768px) {
  .pkp_structure_main .obj_article_details > .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    width: auto;
  }

  .pkp_structure_main .obj_article_details > .row::before,
  .pkp_structure_main .obj_article_details > .row::after {
    display: none;
  }

  .pkp_structure_main .obj_article_details .main_entry {
    float: none;
    width: auto;
    min-width: 0;
  }

  .pkp_structure_main .obj_article_details .entry_details {
    float: none;
    width: auto;
    min-width: 0;
    margin-left: 0;
    border-left: 0;                 /* garis pemisah cukup dari .main_entry */
  }
}

/* =========================================================
   30. CESSMUDS - NAMA (1) [EMAIL] [ORCID] (2026-11-09)
   Nomor "(1)" kini dicetak template (.cess_au_num), bukan CSS
   counter. Ikon email (primary contact) & ORCID iD di belakangnya.
   Berlaku di daftar artikel dan halaman detail artikel.
   ========================================================= */

/* Matikan nomor CSS counter lama (bagian 28) */
.pkp_structure_main .cess_au_text::after {
  content: none !important;
}

.pkp_structure_main .cess_au_num {
  position: relative;
  top: -0.45em;
  margin-left: 2px;
  font-size: 0.72em;
  font-weight: 700;
  line-height: 0;
  color: var(--juktisi-navy);
}

/* Ikon email & ORCID: ukuran dan jarak seragam */
.pkp_structure_main a.cess_au_icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin: 0 0 0 5px;
  padding: 0;
  border: 0;
  text-decoration: none;
  transition: transform .15s ease;
}

.pkp_structure_main a.cess_au_icon:hover {
  transform: scale(1.15);
  text-decoration: none;
}

.pkp_structure_main a.cess_au_email::before {
  content: "\f0e0";            /* fa-envelope */
  font-family: "FontAwesome";
  font-weight: normal;
  font-size: 13px;
  line-height: 1;
  color: var(--juktisi-navy);
}

.pkp_structure_main a.cess_au_email:hover::before {
  color: var(--juktisi-gold);
}

.pkp_structure_main a.cess_au_orcid {
  background: var(--cess-orcid-icon) center / contain no-repeat;
}

/* ---------- Halaman detail artikel ---------- */
.pkp_structure_main .obj_article_details .item.authors ul.cess_detail_authors {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pkp_structure_main .obj_article_details .item.authors .cess_detail_authors > li.cess_au {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pkp_structure_main .obj_article_details .item.authors .cess_detail_authors > li.cess_au::before {
  content: none;
}

.pkp_structure_main .obj_article_details .cess_detail_authors .cess_au_name {
  font-size: 15px;
}

.pkp_structure_main .obj_article_details .cess_detail_authors .cess_au_aff {
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.5;
}

.pkp_structure_main .obj_article_details .cess_detail_authors .cess_au_aff::before {
  line-height: 1.75;
}

@media screen and (max-width: 600px) {
  .pkp_structure_main .obj_article_details .item.authors ul.cess_detail_authors {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   31. CESSMUDS - NEGARA SETELAH AFILIASI (2026-11-09)
   ========================================================= */

.pkp_structure_main .cess_au_aff .cess_au_country {
  font-weight: 600;
  color: #4a5568;
}

/* =========================================================
   32. IKOSSTEMI - PERBAIKAN KHUSUS (2026-11-09)
   ========================================================= */

/* bg_header.jpg dari site stylesheet tidak ada di server (404).
   Site stylesheet dimuat setelah stylesheet jurnal -> !important. */
.pkp_structure_head .pkp_head_wrapper {
  background-image: none !important;
}

/* Peta Google Maps di footer (width="600") membuat halaman HP
   melebar ke 640px; batasi ke lebar layar. */
.pkp_structure_footer iframe {
  max-width: 100%;
}

/* =========================================================
   33. IKOSSTEMI - BLOK SIDEBAR "REGISTER" PREMIUM (2026-11-09)
   Isi blok: customblock-register.html (Website > Custom Blocks
   > register). Selector memakai id blok agar tidak mengenai
   blok lain; kelas ikp-* berasal dari HTML blok tersebut.
   ========================================================= */

.pkp_structure_sidebar #customblock-register {
  --ikp-navy: #1f4e79;
  --ikp-blue: #2f6f9f;
  --ikp-gold: #c8923b;
  --ikp-gold-soft: #f7c65f;
  --ikp-text: #24304f;
  --ikp-muted: #667085;
  --ikp-line: #dbe6f3;
  --ikp-soft: #f6f9fc;
}

.pkp_structure_sidebar #customblock-register .content {
  position: relative;
  overflow: hidden;
  padding: 22px 18px 18px;
  background: #fff;
  border: 1px solid var(--ikp-line);
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(31, 78, 121, 0.10);
  text-align: center;
}

/* garis aksen navy -> emas di atas kartu */
.pkp_structure_sidebar #customblock-register .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ikp-navy), var(--ikp-blue) 55%, var(--ikp-gold));
}

#customblock-register .content p {
  margin: 0;                      /* specificity rendah: kelas ikp-* boleh menimpa */
}

.pkp_structure_sidebar #customblock-register img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* --- Label kecil --- */
.pkp_structure_sidebar #customblock-register .ikp-kicker {
  display: block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ikp-gold);
}

/* --- Kepala: Online ISSN + nomor --- */
.pkp_structure_sidebar #customblock-register .ikp-head {
  margin-bottom: 12px;
}

.pkp_structure_sidebar #customblock-register .ikp-issn {
  display: inline-block;
  margin-top: 2px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--ikp-navy);
  text-decoration: none;
}

.pkp_structure_sidebar #customblock-register .ikp-issn:hover,
.pkp_structure_sidebar #customblock-register .ikp-issn:focus {
  color: var(--ikp-gold);
}

/* --- Barcode dalam panel --- */
.pkp_structure_sidebar #customblock-register .ikp-barcode a {
  display: block;
  padding: 12px 10px;
  background: var(--ikp-soft);
  border: 1px solid var(--ikp-line);
  border-radius: 10px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.pkp_structure_sidebar #customblock-register .ikp-barcode a:hover,
.pkp_structure_sidebar #customblock-register .ikp-barcode a:focus {
  border-color: var(--ikp-gold);
  box-shadow: 0 6px 16px rgba(200, 146, 59, 0.18);
}

.pkp_structure_sidebar #customblock-register .ikp-barcode img {
  width: 100%;
  max-width: 206px;
  mix-blend-mode: multiply;
}

/* --- Tombol Submit --- */
.pkp_structure_sidebar #customblock-register .ikp-cta {
  margin-top: 16px;
}

.pkp_structure_sidebar #customblock-register .ikp-cta a {
  position: relative;
  display: block;
  padding: 13px 44px 13px 52px;
  text-align: left;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, var(--ikp-navy) 0%, var(--ikp-blue) 100%);
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(31, 78, 121, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transition: transform .2s ease, box-shadow .2s ease;
}

/* ikon pesawat kertas dalam lingkaran emas */
.pkp_structure_sidebar #customblock-register .ikp-cta a::before {
  content: "\f1d8";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: var(--ikp-navy);
  background: var(--ikp-gold-soft);
  border-radius: 50%;
}

/* panah kanan */
.pkp_structure_sidebar #customblock-register .ikp-cta a::after {
  content: "\f061";
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  font-family: FontAwesome;
  font-size: 14px;
  line-height: 16px;
  color: var(--ikp-gold-soft);
  transition: transform .2s ease;
}

.pkp_structure_sidebar #customblock-register .ikp-cta a:hover,
.pkp_structure_sidebar #customblock-register .ikp-cta a:focus {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(31, 78, 121, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.pkp_structure_sidebar #customblock-register .ikp-cta a:hover::after,
.pkp_structure_sidebar #customblock-register .ikp-cta a:focus::after {
  transform: translateX(4px);
}

.pkp_structure_sidebar #customblock-register .ikp-cta-title {
  display: block;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.02em;
}

.pkp_structure_sidebar #customblock-register .ikp-cta-sub {
  display: block;
  margin-top: 2px;
  font-size: 11.5px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.78);
}

/* --- Judul daftar indeks dengan garis kiri-kanan --- */
.pkp_structure_sidebar #customblock-register .ikp-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0 12px;
}

.pkp_structure_sidebar #customblock-register .ikp-divider::before,
.pkp_structure_sidebar #customblock-register .ikp-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--ikp-line);
}

/* --- Tile logo indeks --- */
.pkp_structure_sidebar #customblock-register .ikp-logo + .ikp-logo {
  margin-top: 10px;
}

.pkp_structure_sidebar #customblock-register .ikp-logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 66px;
  padding: 8px 14px;
  background: #fff;
  border: 1px solid var(--ikp-line);
  border-radius: 10px;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.pkp_structure_sidebar #customblock-register .ikp-logo img {
  width: auto;
  max-width: 100%;
  max-height: 48px;
  object-fit: contain;
}

.pkp_structure_sidebar #customblock-register .ikp-logo a:hover,
.pkp_structure_sidebar #customblock-register .ikp-logo a:focus {
  transform: translateY(-2px);
  border-color: var(--ikp-gold);
  box-shadow: 0 8px 18px rgba(31, 78, 121, 0.12);
}

@media (prefers-reduced-motion: reduce) {
  .pkp_structure_sidebar #customblock-register a,
  .pkp_structure_sidebar #customblock-register a::after {
    transition: none;
  }
  .pkp_structure_sidebar #customblock-register a:hover {
    transform: none;
  }
}