/* ==========================================================================
   Assets Journal: Journal of Economic and Business
   Tampilan ala E-Commerce / Cost Journal, warna navy + tembaga (mengikuti sampul), untuk OJS 3.3 (tema Default) - versi 13 (Archives: kartu bersampul + asal penulis)
   Upload di: Settings > Website > Appearance > Advanced > Journal style sheet
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap");

:root {
  --c-top: #141c2e;        /* strip paling atas & footer */
  --c-head: #1e2a45;       /* area judul */
  --c-nav: #2a3858;        /* navbar */
  --c-nav-active: #36476f; /* menu aktif */
  --c-accent: #e2a587;     /* tembaga muda (aksen) */
  --c-bright: #c27c5c;     /* tembaga */
  --c-bg: #f3f4f8;         /* latar halaman */
  --c-card: #ffffff;
  --c-border: #d8dce7;
  --c-line: #e7e9f0;
  --c-text: #1b2236;
  --c-muted: #5b647a;
  --c-link: #9c5a3c;
}

/* ---------- Teks header (ubah di sini bila perlu) ---------- */
.pkp_structure_head::before {
  content: "\1F3DB\00a0 Al-Qalam Institute, Probolinggo   \2022   Open Access Academic Journal";
}
.pkp_site_name .is_text::before,
.pkp_site_name .is_img::before { content: "AJ"; }
.pkp_site_name .is_img::after { content: "Assets Journal: Journal of Economic and Business"; }
.pkp_site_name::after {
  content: "Published by Al-Qalam Institute   \2022   DOI: 10.61887/assets";
}

/* ---------- Dasar ---------- */
html, body {
  background: var(--c-bg);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: var(--c-text);
}
a { color: var(--c-link); }
a:hover, a:focus { color: var(--c-bright); }
.pkp_structure_page { background: transparent; }

/* ---------- Header ---------- */
.pkp_structure_head {
  background: var(--c-head);
  border-bottom: 0;
}
.pkp_structure_head::before {
  display: block;
  padding: 0 max(15px, calc(50% - 580px));
  background: var(--c-top);
  color: #e8b49a;
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Logo gambar disembunyikan, diganti badge + judul teks (logonya tidak terhapus) */
.pkp_site_name .is_img img { display: none !important; }
.pkp_site_name .is_text,
.pkp_site_name .is_img {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -.3px;
}
.pkp_site_name .is_text::before,
.pkp_site_name .is_img::before {
  flex: none;
  background: var(--c-accent);
  color: var(--c-top);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .5px;
  line-height: 1.4;
  padding: 3px 10px;
  border-radius: 4px;
}
.pkp_site_name .is_text:hover,
.pkp_site_name .is_img:hover { color: var(--c-accent); text-decoration: none; }
.pkp_site_name::after {
  display: none;
  white-space: pre-wrap;
  color: #f2d8ca;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}

/* Menu Register / Login: di strip paling atas */
.pkp_navigation_user > li > a { color: #e2b9a4; }
.pkp_navigation_user > li > a:hover { color: var(--c-accent); }

/* Tombol menu di HP */
.pkp_site_nav_toggle { background: var(--c-top); color: #fff; }
.pkp_site_nav_menu { background: var(--c-head); }

/* ---------- Navbar ---------- */
.pkp_navigation_primary_row {
  background: var(--c-nav);
  border-top: 3px solid var(--c-accent);
}

/* ---------- Area isi ---------- */
.pkp_structure_main::before,
.pkp_structure_main::after { display: none; }

.cmp_breadcrumbs {
  margin: 0 0 22px;
  padding: 0 0 8px;
  border-bottom: 1px dotted var(--c-muted);
  font-size: 14px;
}
.cmp_breadcrumbs a { color: var(--c-head); }
.cmp_breadcrumbs .current, .cmp_breadcrumbs .current span { color: var(--c-head); font-weight: 700; }

.page_title,
.pkp_structure_main > div > h1:first-child {
  margin: 0 0 20px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--c-head);
}

.pkp_structure_main h2,
.pkp_structure_main h3 { color: var(--c-head); }

/* Judul bagian (Current Issue, Articles, dll.) */
.current_issue > h2,
.obj_issue_toc .sections .section > h2,
.obj_issue_toc .sections .section > h3,
.obj_issue_toc .galleys > h2,
.obj_issue_toc .galleys > h3,
.homepage_about > h2,
.cmp_announcements > h2 {
  margin: 28px 0 14px;
  padding: 0 0 8px;
  background: none;
  border-bottom: 2px solid var(--c-accent);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--c-head);
}
.obj_issue_toc .sections .section > h2::after,
.obj_issue_toc .sections .section > h3::after { display: none; }
.current_issue_title { color: var(--c-muted); font-weight: 600; }

/* Daftar artikel */
.obj_issue_toc .sections:not(:first-child) { margin-top: 10px; }
.obj_issue_toc .sections .section { margin: 0; padding: 0; }
.obj_issue_toc .sections .section::before { display: none; }
.cmp_article_list > li { margin-bottom: 14px; }
.obj_article_summary {
  padding: 14px 16px;
  background: #fff;
  border: 1px solid var(--c-line);
  border-left: 4px solid var(--c-bright);
  border-radius: 6px;
}
.obj_article_summary > .title a,
.obj_article_summary > h3 a,
.obj_article_summary > h4 a { color: var(--c-text); font-weight: 700; }
.obj_article_summary > .title a:hover,
.obj_article_summary > h3 a:hover,
.obj_article_summary > h4 a:hover { color: var(--c-link); }
.obj_article_summary .authors { color: var(--c-muted); }

.obj_galley_link {
  color: var(--c-link);
  border-color: var(--c-bright);
  border-radius: 4px;
}
.obj_galley_link:hover, .obj_galley_link:focus {
  background: var(--c-nav);
  border-color: var(--c-nav);
  color: #fff;
}

/* Tombol */
.cmp_button, .read_more, .cmp_form .buttons button, .pkp_button_primary,
.cmp_form .buttons .submit, .obj_issue_summary .read_more {
  background: var(--c-nav);
  border: 0;
  border-radius: 5px;
  box-shadow: none;
  color: #fff;
  font-weight: 700;
  text-shadow: none;
}
.cmp_button:hover, .read_more:hover, .cmp_form .buttons button:hover, .pkp_button_primary:hover,
.cmp_form .buttons .submit:hover {
  background: var(--c-accent);
  color: var(--c-top);
}
.pkp_page_index .current_issue .read_more,
.read_more { display: inline-block; margin-top: 10px; padding: 7px 16px; color: #fff; }
.pkp_page_index .current_issue .read_more:hover { color: var(--c-top); }
.read_more:after { border-color: currentColor; }

/* Detail artikel */
.obj_article_details .main_entry .item .label,
.obj_article_details .entry_details .item .label { color: var(--c-head); font-weight: 700; }
.obj_article_details .entry_details { border-color: var(--c-line); }
.obj_article_details .entry_details .item { border-color: var(--c-line); }

/* ---------- Sidebar kanan ---------- */
.pkp_structure_sidebar .pkp_block {
  margin: 0 0 20px;
  padding: 0 18px 16px;
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-top: 3px solid var(--c-accent);
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(20, 28, 46, .06);
  overflow: hidden;
  font-size: 13.5px;
}
.pkp_structure_sidebar .pkp_block > .title:not(.pkp_screen_reader) {
  display: block;
  margin: 0 -18px 14px;
  padding: 13px 18px;
  background: var(--c-head);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #fff;
}
.pkp_structure_sidebar .pkp_block > .title.pkp_screen_reader + .content { padding-top: 16px; }
.pkp_structure_sidebar .pkp_block .content ul li {
  padding: 0;
  border-bottom: 1px dashed var(--c-line);
}
.pkp_structure_sidebar .pkp_block .content ul li:last-child { border-bottom: 0; }
.pkp_structure_sidebar .pkp_block .content ul li a {
  display: block;
  position: relative;
  padding: 8px 0 8px 16px;
  color: var(--c-link);
}
.pkp_structure_sidebar .pkp_block .content ul li a::before {
  content: "\203A";
  position: absolute;
  left: 3px;
  color: var(--c-accent);
  font-weight: 700;
}
.pkp_structure_sidebar .pkp_block .content ul li a:hover { color: var(--c-head); padding-left: 20px; }
.pkp_structure_sidebar .pkp_block img { max-width: 100%; height: auto; }

/* Tombol Make a Submission */
.block_make_submission a {
  display: block;
  padding: 10px;
  background: var(--c-nav);
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.block_make_submission a:hover { background: var(--c-accent); color: var(--c-top); }

/* ---------- Blok sidebar baru: Main Menu, Template, Indexed By ---------- */
.pkp_structure_sidebar .pkp_block:has(.cmm),
.pkp_structure_sidebar .pkp_block:has(.csb) {
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  overflow: visible;
}
.pkp_structure_sidebar .pkp_block:has(.cmm) > .title,
.pkp_structure_sidebar .pkp_block:has(.csb) > .title { display: none; }
.pkp_structure_sidebar .pkp_block:has(.cmm) .content,
.pkp_structure_sidebar .pkp_block:has(.csb) .content { padding: 0; }
.cmm, .csb {
  margin: 0 0 20px;
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(20, 28, 46, .06);
  overflow: hidden;
}
.csb { border-top: 3px solid var(--c-accent); border-radius: 6px; }
.csb-head {
  display: block;
  padding: 13px 18px;
  background: var(--c-head);
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.4;
  text-transform: uppercase;
}
.csb-body { padding: 14px 18px; text-align: center; }
.csb-body p { margin: 0; }
.csb-body img { display: inline-block; max-width: 100%; height: auto; margin: 4px 0; vertical-align: middle; }
.csb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: center; }
.csb-grid img { margin: 0; border: 1px solid var(--c-line); border-radius: 4px; }
.cmm-head {
  display: block;
  padding: 13px 18px;
  background: linear-gradient(90deg, var(--c-head), var(--c-bright));
  border-left: 4px solid var(--c-accent);
  color: #fff;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.cmm-box { margin: 14px; border: 1px solid var(--c-border); border-radius: 12px; overflow: hidden; background: #fff; }
.cmm-box p { margin: 0; }
.cmm details { border-bottom: 1px solid var(--c-border); }
.cmm details:last-child { border-bottom: 0; }
.cmm summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  padding: 14px 40px 14px 15px;
  font-weight: 800;
  font-size: 13.5px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--c-head);
}
.cmm summary::-webkit-details-marker { display: none; }
.cmm summary::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s;
}
.cmm details[open] > summary {
  color: var(--c-bright);
  border-left: 3px solid var(--c-accent);
  border-bottom: 1px solid var(--c-border);
}
.cmm details[open] > summary::after { transform: rotate(-135deg); margin-top: -2px; }
.pkp_structure_sidebar .cmm ul { margin: 0; padding: 0; list-style: none; }
.pkp_structure_sidebar .pkp_block .cmm ul li { border-bottom: 1px solid #eef0f5; }
.pkp_structure_sidebar .pkp_block .cmm ul li a {
  padding: 11px 14px 11px 30px;
  color: #1b2236;
  font-size: 14.5px;
  line-height: 1.4;
}
.pkp_structure_sidebar .pkp_block .cmm ul li a::before {
  content: "";
  left: 14px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-right: 2px solid var(--c-bright);
  border-top: 2px solid var(--c-bright);
  transform: rotate(45deg);
}
.pkp_structure_sidebar .pkp_block .cmm ul li a:hover {
  padding-left: 30px;
  background: #f3f4f8;
  color: var(--c-bright);
}

/* ---------- Beranda: sampul kiri, tabel info kanan ---------- */
.pkp_page_index .homepage_image,
.pkp_page_index .additional_content { margin: 0; }
.additional_content > p:first-child {
  margin: 0 0 18px;
  padding: 0 0 14px;
  border-bottom: 1px solid var(--c-border);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--c-head);
}
.additional_content table { width: 100%; border-collapse: collapse; margin: 0 0 14px; font-size: 14px; }
.additional_content th, .additional_content td {
  padding: 6px 10px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
  line-height: 1.45;
}
.additional_content tr:first-child th, .additional_content tr:first-child td { border-top: 0; }
.additional_content th { width: 1%; padding-right: 22px; font-weight: 700; color: var(--c-head); white-space: nowrap; }
.additional_content td a { word-break: break-all; }
.additional_content > p:last-child { margin: 0; text-align: justify; font-weight: 500; }

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper {
  background: var(--c-top);
  border-top: 3px solid var(--c-accent);
  color: #e8b49a;
  font-size: 13px;
}
.pkp_structure_footer_wrapper a { color: #f2d8ca; text-decoration: none; }
.pkp_structure_footer_wrapper a:hover { color: var(--c-accent); }
.pkp_footer_content { padding: 28px 0 0; }
.jf-cols { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 30px; padding-bottom: 20px; }
.jf-col h4 { margin: 0 0 10px; color: #fff; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
.jf-col p { margin: 0 0 8px; line-height: 1.6; }
.jf-col ul { list-style: none; margin: 0; padding: 0; }
.jf-col li { margin: 0 0 6px; }
.jf-col li a::before { content: "\203A\00a0"; color: var(--c-accent); }
.jf-badge { display: inline-block; margin-right: 6px; padding: 1px 8px; background: var(--c-accent); border-radius: 3px; color: var(--c-top); font-weight: 800; }
.jf-bottom { padding: 12px 0 4px; border-top: 1px solid rgba(255, 255, 255, .1); color: #e8b49a; font-size: 12px; text-align: center; }
.pkp_brand_footer { padding: 10px 0 18px; }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: .6; }

/* ---------- Komputer (layar lebar) ---------- */
@media (min-width: 992px) {
  .pkp_head_wrapper { padding-top: 22px; }
  .pkp_navigation_user_wrapper { top: -32px; }
  .pkp_navigation_user > li > a { padding-top: 0; padding-bottom: 0; line-height: 32px; font-size: 12px; }

  .pkp_site_name { padding-bottom: 20px; }
  .pkp_site_name .is_text,
  .pkp_site_name .is_img { font-size: 26px; line-height: 1.3; }
  .pkp_site_name::after { display: block; margin-top: 8px; }

  .pkp_navigation_primary > li > a {
    margin: 0;
    padding: 0 16px;
    line-height: 47px;
    border-bottom: 3px solid transparent;
    color: #fff;
    font-weight: 600;
  }
  .pkp_navigation_primary > li:first-child a { margin-left: 0; }
  .pkp_navigation_primary > li > a:hover {
    background: rgba(255, 255, 255, .08);
    border-color: transparent;
    color: var(--c-accent);
  }
  .pkp_navigation_primary > li > a:focus { background: var(--c-nav-active); color: var(--c-accent); }
  .pkp_navigation_search_wrapper a {
    margin: 0;
    padding: 0 16px;
    line-height: 47px;
    border-bottom: 3px solid transparent;
    font-weight: 600;
  }
  .pkp_navigation_search_wrapper a:hover { border-color: transparent; color: var(--c-accent); }

  /* Menu aktif (kuning), menurut halaman yang sedang dibuka */
  .pkp_page_index.pkp_op_index .pkp_navigation_primary > li:first-child > a,
  .pkp_page_issue.pkp_op_current .pkp_navigation_primary a[href$="/issue/current"],
  .pkp_page_issue.pkp_op_archive .pkp_navigation_primary a[href$="/issue/archive"],
  .pkp_page_about.pkp_op_contact .pkp_navigation_primary a[href$="/about/contact"],
  .pkp_page_about.pkp_op_index .pkp_navigation_primary a[href$="/about"],
  .pkp_page_announcement .pkp_navigation_primary a[href$="/announcement"],
  .pkp_page_search .pkp_navigation_primary a[href$="/search"] {
    background: var(--c-nav-active);
    border-bottom-color: var(--c-accent);
    color: var(--c-accent);
  }
  .pkp_navigation_primary a[href$="/assets"]::before,
  .pkp_navigation_primary a[href$="/assets/index"]::before { content: "\2302\00a0"; }

  /* Isi utama sebagai kartu putih, sidebar kanan */
  .pkp_structure_content { padding-top: 30px; padding-bottom: 40px; }
  .pkp_structure_main {
    box-sizing: border-box;
    width: calc(100% - 340px);
    padding: 26px 28px 30px;
    background: var(--c-card);
    border: 1px solid var(--c-border);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(20, 28, 46, .06);
  }
  .pkp_structure_main:first-child:last-child { width: 100%; margin-top: 0; }
  .pkp_structure_sidebar { width: 318px; }

  /* Beranda: kartu dengan garis gradasi di atas */
  .pkp_page_index .pkp_structure_main {
    border-radius: 16px;
    background: linear-gradient(90deg, var(--c-head), var(--c-bright) 55%, var(--c-accent)) top / 100% 5px no-repeat, var(--c-card);
  }
  .page_index_journal:has(.homepage_image):has(.additional_content) {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    column-gap: 30px;
    align-items: start;
  }
  .page_index_journal:has(.homepage_image):has(.additional_content) > * { grid-column: 1 / -1; }
  .page_index_journal:has(.homepage_image):has(.additional_content) > .homepage_image {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
  }
  .page_index_journal:has(.homepage_image):has(.additional_content) > .additional_content {
    grid-column: 2;
    grid-row: 1;
    padding: 0;
  }
  .homepage_image img {
    display: block;
    width: 100%;
    border: 1px solid var(--c-border);
    border-radius: 4px;
    box-shadow: 0 14px 22px -14px rgba(20, 28, 46, .5);
  }
}

/* ---------- HP & tablet ---------- */
@media (max-width: 991px) {
  .pkp_structure_head::before { padding: 0 15px; white-space: nowrap; }
  .pkp_site_name .is_text::before,
  .pkp_site_name .is_img::before { font-size: 13px; padding: 1px 6px; }
  .pkp_structure_main { background: var(--c-card); }
  .pkp_page_index .homepage_image { max-width: 240px; margin: 0 auto 20px; }
  .pkp_page_index .homepage_image img { border-radius: 4px; box-shadow: 0 14px 22px -14px rgba(20, 28, 46, .5); }
  .additional_content th { white-space: normal; }
  .jf-cols { grid-template-columns: 1fr; gap: 18px; }
  .pkp_footer_content { padding: 24px 15px 0; }
}

/* ==========================================================================
   Halaman Editorial Team (Static Page "EditorialTeam")
   ========================================================================== */
.et-section { margin: 0 0 30px; }
.pkp_structure_main .et-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 16px;
  padding: 0 0 0 12px;
  border-left: 4px solid var(--c-nav);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--c-text);
}
.pkp_structure_main .et-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--c-border);
}
.et-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.et-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0;
  padding: 16px 16px 16px 16px;
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 10px;
}
.et-card p { margin: 0; }
.et-card img.et-flag,
.et-flag {
  flex: none;
  display: block;
  width: 40px;
  height: 27px;
  margin: 2px 0 0;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .12);
}
.pkp_structure_main .et-name {
  margin: 0 0 4px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--c-text);
}
.et-aff { color: var(--c-muted); font-size: 13px; line-height: 1.45; }
.et-country { margin-top: 2px !important; color: var(--c-head); font-size: 13px; font-weight: 700; }
.et-ids { margin-top: 8px !important; }
.et-ids a {
  display: inline-block;
  margin: 0 4px 4px 0;
  padding: 1px 8px;
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  border-radius: 20px;
  color: var(--c-link);
  font-size: 11.5px;
  font-weight: 600;
  text-decoration: none;
}
.et-ids a:hover { background: var(--c-nav); border-color: var(--c-nav); color: #fff; }

/* Editor in Chief: kartu besar bergradasi */
.et-card.et-chief {
  align-items: center;
  gap: 20px;
  padding: 24px 24px;
  background: linear-gradient(120deg, var(--c-top), var(--c-head) 55%, var(--c-nav));
  border: 0;
  border-radius: 12px;
  box-shadow: 0 10px 24px -10px rgba(20, 28, 46, .55);
}
.et-chief img.et-flag { width: 52px; height: 35px; }
.pkp_structure_main .et-chief .et-name { color: #fff; font-size: 20px; }
.et-chief .et-aff { color: #f2d8ca; }
.et-chief .et-country { color: var(--c-accent); }
.et-chief .et-ids a { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .25); color: #fff; }
.et-chief .et-ids a:hover { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-top); }

@media (max-width: 767px) {
  .et-grid { grid-template-columns: 1fr; }
}

/* ---------- Kotak Template di sidebar ---------- */
.csb-template .csb-body { padding: 14px; }
.csb-tpl-box { padding: 14px; border: 1px solid var(--c-border); border-radius: 10px; }
.csb-tpl-box img { display: block; max-width: 100%; margin: 0 auto 12px; }
.pkp_structure_sidebar .csb-body a.csb-btn {
  display: block;
  padding: 9px 12px;
  background: var(--c-nav);
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .8px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}
.pkp_structure_sidebar .csb-body a.csb-btn:hover { background: var(--c-accent); color: var(--c-top); }

/* Perapian kecil (versi 3) */
.pkp_structure_main nav.cmp_breadcrumbs { display: block; }
.cmp_breadcrumbs ol { margin: 0; padding: 0; }
.pkp_structure_main .page .page_title,
.pkp_structure_main .page_title {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  color: var(--c-head);
}
.et-card p { line-height: 1.45; }

/* ==========================================================================
   Versi 4: kartu editor ringkas, berwarna, 3 kolom
   ========================================================================== */
.et-section { margin: 0 0 22px; }
.pkp_structure_main .et-title { margin: 0 0 12px; font-size: 15px; }
.et-grid,
.et-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.et-card {
  gap: 10px;
  padding: 11px 12px;
  border-radius: 8px;
  border: 1px solid transparent;
}
.et-card p { line-height: 1.3; }
.pkp_structure_main .et-name { margin: 0 0 2px; font-size: 13.5px; line-height: 1.25; }
.et-aff { font-size: 12px; line-height: 1.3; }
.et-country { margin-top: 1px !important; font-size: 12px; }
.et-ids { margin-top: 5px !important; }
.et-ids a { margin: 0 3px 3px 0; padding: 0 7px; font-size: 10.5px; line-height: 1.7; }
.et-role {
  display: inline-block;
  margin: 0 0 4px !important;
  padding: 1px 7px;
  border-radius: 3px;
  background: var(--c-nav);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .6px;
  line-height: 1.6 !important;
  text-transform: uppercase;
}
.et-card img.et-flag,
.et-flag {
  width: 34px;
  height: 23px;
  border-radius: 3px;
  border: 1.5px solid #fff;
  box-shadow: 0 0 0 1px rgba(20, 28, 46, .35), 0 2px 4px rgba(0, 0, 0, .15);
}

/* Warna kotak berbeda-beda, supaya putih bendera terlihat */
.et-c1 { background: #f8ebe4; border-color: #e6bea9; }  /* tembaga muda */
.et-c2 { background: #eef1f7; border-color: #c4cce0; }  /* navy muda */
.et-c3 { background: #fbf1ec; border-color: #ecc8b5; }  /* peach */
.et-c4 { background: #f2f3f6; border-color: #d3d7e0; }  /* abu */
.et-c2 .et-role { background: #36476f; }
.et-c3 .et-role { background: #9c5a3c; }
.et-c1 .et-ids a, .et-c2 .et-ids a, .et-c3 .et-ids a, .et-c4 .et-ids a { background: #fff; }

/* Editor in Chief tetap satu kartu besar */
.et-card.et-chief { gap: 16px; padding: 16px 20px; border: 0; }
.et-chief img.et-flag { width: 46px; height: 31px; border-width: 2px; }
.pkp_structure_main .et-chief .et-name { font-size: 18px; margin-bottom: 3px; }
.et-chief .et-aff, .et-chief .et-country { font-size: 13px; }
.et-chief .et-ids a { background: rgba(255, 255, 255, .12); }

@media (max-width: 991px) {
  .et-grid, .et-grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .et-grid, .et-grid3 { grid-template-columns: 1fr; }
}

/* Judul halaman Static Pages (Editorial Team, Reviewers, dll.) */
.pkp_structure_main .page > h2:first-child {
  margin: 0 0 20px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--c-head);
}

/* ==========================================================================
   Assets: tambahan untuk OJS 3.3
   ========================================================================== */

/* Indexed By: logo bisa diklik */
.csb-grid a { display: block; }
.csb-grid a img { display: block; width: 100%; }
.csb-grid a:hover img { border-color: var(--c-bright); }

/* Beranda: kotak info (Additional Content) dipindah ke paling atas */
.pkp_page_index .page_index_journal { display: flex; flex-direction: column; }
.pkp_page_index .page_index_journal > .additional_content { order: -1; margin: 0 0 6px; padding: 0; border-top: 0; }
.pkp_site_name .is_img { text-decoration: none; }
.ah-grid { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 26px; align-items: start; }
.ah-cover img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--c-border);
  border-radius: 4px;
  box-shadow: 0 14px 22px -14px rgba(20, 28, 46, .5);
}
.additional_content .ah-info > p:first-child,
.additional_content p.ah-title {
  margin: 0 0 14px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--c-border);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--c-head);
}
.additional_content .ah-info table { margin: 0; }
.additional_content p.ah-desc {
  margin: 20px 0 0;
  padding: 14px 16px;
  background: var(--c-bg);
  border-left: 4px solid var(--c-bright);
  border-radius: 6px;
  text-align: justify;
  font-weight: 500;
}
@media (max-width: 991px) {
  .pkp_site_name .is_img::after { content: "Assets Journal"; }
  .pkp_site_name .is_text { display: inline-block; max-width: calc(100vw - 90px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
  .pkp_site_name .is_text::before { display: inline-block; margin-right: 8px; line-height: 1.6; }
}
@media (max-width: 767px) {
  .ah-grid { grid-template-columns: 1fr; gap: 18px; }
  .ah-cover { max-width: 220px; margin: 0 auto; }
}

/* Editorial Team bawaan OJS 3.3 (About > Editorial Team) */
.page_editorial_team .et-section:first-of-type { margin-top: 4px; }

/* ==========================================================================
   Versi 2: gaya sampul (navy + tembaga, huruf Montserrat)
   ========================================================================== */
.pkp_structure_head {
  background:
    radial-gradient(circle at 85% 20%, rgba(226, 165, 135, .10), transparent 45%),
    linear-gradient(180deg, var(--c-head), #18223a);
}
/* Badge AJ bergradasi tembaga seperti huruf C di sampul */
.pkp_site_name .is_text::before,
.pkp_site_name .is_img::before,
.jf-badge {
  background: linear-gradient(135deg, #f0c4ad, #c27c5c 60%, #9c5a3c);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}
.pkp_site_name .is_text,
.pkp_site_name .is_img { font-weight: 300; letter-spacing: .5px; }
.pkp_site_name::after { color: var(--c-accent); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-size: 11.5px; }
.pkp_navigation_primary_row { border-top: 2px solid var(--c-bright); }
.pkp_structure_footer_wrapper { border-top: 3px solid var(--c-bright); }

/* Judul halaman: tipis dan berjarak, seperti tulisan "JOURNAL" di sampul */
.page_title,
.pkp_structure_main .page .page_title,
.pkp_structure_main .page_title,
.pkp_structure_main > div > h1:first-child,
.pkp_structure_main .page > h2:first-child {
  font-weight: 300;
  font-size: 28px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--c-head);
}
.current_issue > h2,
.obj_issue_toc .sections .section > h2,
.obj_issue_toc .sections .section > h3,
.homepage_about > h2,
.cmp_announcements > h2 { letter-spacing: 3px; color: var(--c-bright); border-bottom-color: var(--c-bright); }
.csb-head, .pkp_structure_sidebar .pkp_block > .title:not(.pkp_screen_reader) { letter-spacing: 2.5px; }
.cmm-head { background: linear-gradient(90deg, var(--c-head), var(--c-nav)); border-left-color: var(--c-bright); letter-spacing: 3px; font-weight: 600; }
.cmm details[open] > summary { color: var(--c-bright); border-left-color: var(--c-bright); }
.additional_content .ah-info > p:first-child,
.additional_content p.ah-title { font-weight: 600; color: var(--c-head); }
.pkp_structure_main .et-name { font-weight: 700; }
.et-chief .et-country { color: var(--c-accent); }
.pkp_page_index .pkp_structure_main {
  background: linear-gradient(90deg, var(--c-head), var(--c-bright) 55%, var(--c-accent)) top / 100% 5px no-repeat, var(--c-card);
}

/* ==========================================================================
   Versi 3: lebar halaman dikunci & judul rata kiri seperti Cost Journal
   ========================================================================== */
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_navigation_primary { text-align: left !important; }
.pkp_site_name { display: block; }
@media (min-width: 992px) {
  .pkp_head_wrapper,
  .has_site_logo .pkp_head_wrapper,
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_structure_content,
  .pkp_structure_footer {
    box-sizing: border-box;
    width: min(1160px, calc(100% - 30px)) !important;
    max-width: 1160px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper { width: 100% !important; }
  .pkp_site_name { position: relative; left: auto; right: auto; width: auto; padding-left: 0; }
  .pkp_structure_main { float: left; }
  .pkp_structure_sidebar { float: right; }

  /* Beranda: tanpa kartu besar; judul + breadcrumb di atas, lalu kartu-kartu */
  .pkp_page_index .pkp_structure_main {
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
  }
  .pkp_page_index .pkp_structure_main::before {
    content: "Home  \203A  Assets Journal";
    display: block;
    position: static;
    width: auto;
    height: auto;
    margin: 0 0 18px;
    padding: 0 0 8px;
    background: none;
    border-bottom: 1px dotted var(--c-muted);
    color: var(--c-head);
    font-size: 14px;
    font-weight: 600;
    white-space: pre;
  }
}
.pkp_page_index .page_index_journal::before {
  content: "Assets Journal";
  order: -2;
  display: block;
  margin: 0 0 18px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--c-head);
}
.pkp_page_index .page_index_journal > .additional_content,
.pkp_page_index .page_index_journal > .current_issue {
  margin: 0 0 24px;
  padding: 24px 28px 26px;
  background: linear-gradient(90deg, var(--c-head), var(--c-bright) 55%, var(--c-accent)) top / 100% 5px no-repeat, var(--c-card);
  border: 1px solid var(--c-border);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(20, 28, 46, .06);
}
.pkp_page_index .page_index_journal > .current_issue > h2:first-of-type { margin-top: 0; }
.ah-grid { grid-template-columns: 300px minmax(0, 1fr); gap: 28px; }
.additional_content .ah-info table { margin: 0 0 14px; }
.additional_content p.ah-desc {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  text-align: justify;
  font-weight: 400;
  line-height: 1.65;
}
@media (max-width: 991px) {
  .pkp_page_index .page_index_journal > .additional_content,
  .pkp_page_index .page_index_journal > .current_issue { padding: 18px 16px; }
  .ah-grid { grid-template-columns: 1fr; }
}
@media (max-width: 991px) {
  .pkp_page_index .pkp_structure_main { background: none; border: 0; box-shadow: none; }
}

/* ==========================================================================
   Versi 4: p-ISSN dan e-ISSN di kanan atas header, bersusun
   ========================================================================== */
@media (min-width: 992px) {
  .pkp_site_name_wrapper { position: relative; }
  .pkp_site_name_wrapper::after {
    content: "p-ISSN  3021-7326\A e-ISSN  3021-7318";
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 14px;
    border: 1px solid rgba(226, 165, 135, .45);
    border-left: 3px solid var(--c-bright);
    border-radius: 6px;
    background: rgba(255, 255, 255, .04);
    color: #fff;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1.7;
    text-align: right;
    white-space: pre;
  }
  .pkp_site_name { padding-right: 230px; }
}

/* ==========================================================================
   Versi 5: About the Journal disembunyikan; narasi di bawah tabel,
   ujung bawahnya sejajar dengan bagian bawah sampul
   ========================================================================== */
.pkp_page_index .homepage_about { display: none !important; }
.additional_content .ah-info table { margin: 0 0 12px; font-size: 13px; }
.additional_content .ah-info th, .additional_content .ah-info td { padding: 4px 8px; }
.additional_content p.ah-desc { font-size: 13px; line-height: 1.55; }
/* Layar komputer: sampul dan kolom kanan sama tinggi, narasi menempel di bawah */
@media (min-width: 1200px) {
  .ah-grid { grid-template-columns: 360px minmax(0, 1fr); gap: 26px; align-items: stretch; }
  .ah-cover { display: flex; }
  .ah-cover img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .ah-info { display: flex; flex-direction: column; }
  .additional_content p.ah-desc { margin-top: 0; font-size: 12.5px; }
}

/* ==========================================================================
   Versi 6: Current Issue & daftar artikel lebih rapat; bendera di kanan PDF
   ========================================================================== */
.pkp_page_index .current_issue > h2 { margin: 0 0 10px !important; }
.pkp_page_index .current_issue .current_issue_title { margin: 0 0 4px !important; }
.obj_issue_toc .heading,
.obj_issue_toc .published,
.obj_issue_toc .pub_id { margin: 0 0 4px !important; }
.obj_issue_toc .sections:not(:first-child) { margin-top: 10px !important; }
.obj_issue_toc .galleys,
.obj_issue_toc .section { margin: 14px 0 0 !important; padding: 0 !important; }
.obj_issue_toc .galleys::before,
.obj_issue_toc .section::before { display: none !important; }
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3,
.obj_issue_toc .section > h4 { display: block !important; position: static !important; left: auto !important; margin: 0 0 12px !important; padding: 0 0 6px !important; background: none !important; }
.obj_issue_toc .articles { margin-top: 0 !important; }
.cmp_article_list > li { margin-bottom: 10px !important; }
.obj_article_summary { padding: 10px 14px !important; }
.obj_article_summary .meta { margin-top: 2px; }
.obj_article_summary .galleys_links { margin-top: 6px !important; }
.pkp_page_index .current_issue .read_more { margin: 4px 0 0; }

/* Bendera asal penulis (Indonesia) di kanan tombol PDF, setinggi tombolnya.
   Untuk negara lain ganti "id" (mis. "my" Malaysia). */
.obj_article_summary .galleys_links,
.obj_issue_toc .galleys_links {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
}
.obj_article_summary .galleys_links li { margin: 0 !important; }
.obj_article_summary .galleys_links .obj_galley_link { display: inline-flex; align-items: center; height: 100%; box-sizing: border-box; }
.obj_article_summary .galleys_links::after {
  content: "";
  flex: none;
  width: 46px;
  min-height: 28px;
  background: url("https://flagcdn.com/w80/id.png") center / cover no-repeat;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(20, 28, 46, .2);
}

/* ==========================================================================
   Versi 7: sidebar (Template, visitors, Indexed By) lebih kecil dan rapat
   ========================================================================== */
.cmm, .csb, .pkp_structure_sidebar .pkp_block { margin-bottom: 12px !important; }
.csb-head, .pkp_structure_sidebar .pkp_block > .title:not(.pkp_screen_reader) { padding: 9px 14px !important; font-size: 11.5px !important; }
.pkp_structure_sidebar .pkp_block > .title:not(.pkp_screen_reader) { margin: 0 -14px 10px !important; }
.csb-template .csb-body { padding: 10px !important; }
.csb-tpl-box { padding: 10px !important; }
.csb-tpl-box p { margin: 0 !important; }
.csb-tpl-box img { max-width: 90px !important; margin: 0 auto 8px !important; }
.pkp_structure_sidebar .csb-body a.csb-btn { padding: 7px 10px !important; font-size: 11.5px !important; }
.csb-body { padding: 10px 12px !important; }
.csb-grid { gap: 6px !important; }
/* Blok biasa (visitors) */
.pkp_structure_sidebar .pkp_block { padding: 0 14px 10px !important; }
.pkp_structure_sidebar .pkp_block:has(.cmm),
.pkp_structure_sidebar .pkp_block:has(.csb) { padding: 0 !important; }
.pkp_structure_sidebar .pkp_block > .title.pkp_screen_reader + .content { padding-top: 10px !important; }
.pkp_structure_sidebar .pkp_block .content p { margin: 0 0 6px; }
.pkp_structure_sidebar .pkp_block .content p:last-child { margin-bottom: 0; }
.pkp_structure_sidebar .pkp_block .content hr { margin: 6px 0; }
.pkp_structure_sidebar .block_custom:not(:has(.cmm)):not(:has(.csb)) .content { text-align: center; font-size: 12.5px; }
.pkp_structure_sidebar .block_custom:not(:has(.cmm)):not(:has(.csb)) .content img { max-width: 75%; }

/* ==========================================================================
   Versi 9: halaman Archives berbentuk kartu, rapat, terbitan terbaru menonjol
   ========================================================================== */
.page_issue_archive > h1 {
  margin: 0 0 16px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--c-head);
}
.page_issue_archive .issues_archive {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 !important;
  padding: 0;
  border: 0 !important;
  list-style: none;
}
.page_issue_archive .issues_archive > li {
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
}
.page_issue_archive .obj_issue_summary {
  height: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-left: 4px solid var(--c-bright);
  border-radius: 8px;
  transition: box-shadow .2s, transform .2s;
}
.page_issue_archive .obj_issue_summary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px -10px rgba(20, 28, 46, .45);
}
.page_issue_archive .obj_issue_summary h2 {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
}
.page_issue_archive .obj_issue_summary .series {
  margin: 0;
  padding: 2px 10px;
  background: var(--c-head);
  border-radius: 20px;
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.6;
  text-transform: uppercase;
}
.page_issue_archive .obj_issue_summary .title {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--c-text);
}
.page_issue_archive .obj_issue_summary .title:hover { color: var(--c-bright); }
.page_issue_archive .obj_issue_summary .description:empty { display: none; }
.page_issue_archive .obj_issue_summary .description { margin-top: 6px; font-size: 13px; color: var(--c-muted); }
.page_issue_archive .obj_issue_summary .cover { float: left; width: 70px; margin: 0 12px 0 0; }
.page_issue_archive .obj_issue_summary .cover img { width: 100%; max-height: none; border-radius: 3px; }

/* Terbitan terbaru: kartu lebar navy */
.page_issue_archive .issues_archive > li:first-child { grid-column: 1 / -1; }
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary {
  padding: 18px 20px;
  background: linear-gradient(120deg, var(--c-top), var(--c-head) 60%, var(--c-nav));
  border: 0;
  border-left: 4px solid var(--c-accent);
}
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary .title { color: #fff; font-size: 17px; }
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary .title:hover { color: var(--c-accent); }
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary .series {
  background: linear-gradient(135deg, #f0c4ad, #c27c5c 60%, #9c5a3c);
}
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary .series::before { content: "Latest \2022  "; }
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary .description { color: var(--c-accent); }
.page_issue_archive .cmp_pagination { margin-top: 14px; }
@media (max-width: 767px) {
  .page_issue_archive .issues_archive { grid-template-columns: 1fr; }
}

/* Versi 10: Archives satu kolom, terbaru di atas sampai terbitan pertama di bawah */
.page_issue_archive .issues_archive { grid-template-columns: 1fr !important; gap: 10px; }

/* ==========================================================================
   Versi 11: semua halaman di menu About (About the Journal, Submissions,
   Editorial Team, Privacy Statement, Contact) + halaman statis
   ========================================================================== */
/* Judul halaman: tipis, huruf besar, berjarak */
.pkp_structure_main .page > h1,
.pkp_structure_main .page_contact > h1,
.pkp_structure_main .page_about > h1,
.pkp_structure_main .page_submissions > h1,
.pkp_structure_main .page_editorial_team > h1,
.pkp_structure_main .page_privacy > h1 {
  margin: 0 0 18px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 3px;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--c-head);
}
/* Tombol Edit (hanya terlihat saat login) */
.pkp_structure_main .page > .cmp_edit_link,
.pkp_structure_main .page h2 .cmp_edit_link {
  float: right;
  margin: 2px 0 0 10px;
  padding: 0 10px;
  border: 1px solid var(--c-border);
  border-radius: 20px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .5px;
  line-height: 24px;
  text-transform: none;
}
/* Sub judul di dalam halaman */
.page_about h2, .page_about h3,
.page_submissions h2,
.page_privacy h2, .page_privacy h3,
.page_editorial_team h2:not(.et-title), .page_editorial_team h3:not(.et-title),
.pkp_structure_main .page > h2:not(:first-child),
.pkp_structure_main .page > h3 {
  margin: 22px 0 10px;
  padding: 0 0 6px;
  border-bottom: 2px solid var(--c-bright);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--c-bright);
}
.page_about p, .page_submissions p, .page_privacy p, .pkp_structure_main .page > p { text-align: justify; line-height: 1.7; }
.page_about ul li::marker, .page_about ol li::marker,
.page_submissions ul li::marker, .page_submissions ol li::marker { color: var(--c-bright); }
.page_about table, .pkp_structure_main .page > table { width: 100%; border-collapse: collapse; }
.page_about td, .page_about th { padding: 6px 10px; border: 1px solid var(--c-border); }

/* ---------- Contact: dua kartu ---------- */
.page_contact .contact_section {
  clear: both;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.page_contact .contact_section::before,
.page_contact .contact_section::after { display: none !important; }
.page_contact .address {
  grid-column: 1 / -1;
  padding: 12px 16px;
  background: var(--c-bg);
  border-left: 4px solid var(--c-bright);
  border-radius: 6px;
}
.page_contact .contact {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 0 14px !important;
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-radius: 10px;
  overflow: hidden;
}
.page_contact .contact > h3 {
  margin: 0 0 12px;
  padding: 11px 16px;
  background: linear-gradient(90deg, var(--c-head), var(--c-nav));
  border-left: 4px solid var(--c-bright);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
}
.page_contact .contact > div { margin: 0 16px 8px !important; font-size: 14px; }
.page_contact .contact .name { font-weight: 700; font-size: 15px !important; color: var(--c-text); }
.page_contact .contact .title,
.page_contact .contact .affiliation { color: var(--c-muted); }
.page_contact .contact .phone .label { display: inline; margin-right: 6px; color: var(--c-head); font-size: 12px; letter-spacing: .5px; text-transform: uppercase; }
.page_contact .contact .phone::before { content: "\260E\00a0"; color: var(--c-bright); }
.page_contact .contact .email::before { content: "\2709\00a0"; color: var(--c-bright); }
.page_contact .contact .email a { color: var(--c-link); font-weight: 600; text-decoration: none; word-break: break-all; }
.page_contact .contact .email a:hover { color: var(--c-bright); text-decoration: underline; }
@media (max-width: 767px) {
  .page_contact .contact_section { grid-template-columns: 1fr; }
}

/* ---------- Submissions ---------- */
.page_submissions .cmp_notification {
  margin: 0 0 16px;
  padding: 12px 16px;
  background: var(--c-bg);
  border: 0;
  border-left: 4px solid var(--c-bright);
  border-radius: 6px;
}
.page_submissions .submission_checklist ul { margin: 0 !important; padding: 0; list-style: none; border: 0 !important; }
.page_submissions .submission_checklist li {
  position: relative;
  margin: 0 0 8px;
  padding: 10px 12px 10px 42px !important;
  background: var(--c-card);
  border: 1px solid var(--c-border) !important;
  border-left: 3px solid var(--c-bright) !important;
  border-radius: 8px;
  line-height: 1.55;
}
.page_submissions .submission_checklist li .fa { display: none !important; }
.page_submissions .submission_checklist li::before {
  content: "\2713";
  position: absolute;
  left: 12px;
  top: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--c-bright);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}
.page_submissions .author_guidelines,
.page_submissions .copyright_notice,
.page_submissions .privacy_statement,
.page_submissions .section_policy,
.page_submissions .submission_checklist { margin: 0 0 6px; }

/* ==========================================================================
   Versi 12: halaman detail artikel (article/view)
   ========================================================================== */
.pkp_structure_main .obj_article_details .page_title {
  margin: 0 0 6px;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
  color: var(--c-head);
}
.obj_article_details .subtitle { margin: 0 0 6px; font-size: 16px; font-weight: 500; color: var(--c-muted); }
.obj_article_details > .page_title::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  margin-top: 12px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--c-bright), var(--c-accent));
}
/* Dua kolom: isi (kiri) + info (kanan) */
.obj_article_details .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 22px;
  margin: 18px 0 0 !important;
  border: 0 !important;
}
.obj_article_details .row::before, .obj_article_details .row::after { display: none !important; }
.obj_article_details .main_entry,
.obj_article_details .entry_details {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  border: 0 !important;
}
.obj_article_details .main_entry .item { padding: 0 0 18px !important; }
.obj_article_details .main_entry .item .label {
  margin: 0 0 10px;
  padding: 0 0 6px;
  border-bottom: 2px solid var(--c-bright);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--c-bright);
}
.obj_article_details .main_entry .item.doi .label,
.obj_article_details .main_entry .item.keywords .label {
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  letter-spacing: 1px;
}
.obj_article_details .main_entry .item.doi,
.obj_article_details .main_entry .item.keywords {
  padding: 10px 14px !important;
  margin: 0 0 10px;
  background: var(--c-bg);
  border-radius: 6px;
}
.obj_article_details .item.abstract .value,
.obj_article_details .item.abstract p { text-align: justify; line-height: 1.75; }
/* Penulis: kartu kecil */
.obj_article_details .item.authors ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.obj_article_details .authors li {
  margin: 0 !important;
  padding: 8px 12px 8px 40px;
  position: relative;
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-left: 3px solid var(--c-bright);
  border-radius: 8px;
}
.obj_article_details .authors li::before {
  content: "\1F464";
  position: absolute;
  left: 10px;
  top: 9px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--c-head);
  color: #fff;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
}
.obj_article_details .authors .name { font-size: 14px; text-transform: capitalize; color: var(--c-text); }
.obj_article_details .authors .affiliation { font-size: 12.5px; color: var(--c-muted); }
/* Kolom info kanan */
.obj_article_details .entry_details {
  align-self: start;
  background: var(--c-card);
  border: 1px solid var(--c-border) !important;
  border-top: 4px solid var(--c-bright) !important;
  border-radius: 10px;
  overflow: hidden;
}
.obj_article_details .entry_details .item {
  margin: 0 !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--c-line) !important;
}
.obj_article_details .entry_details .item:last-child { border-bottom: 0 !important; }
.obj_article_details .entry_details .item .label {
  margin: 0 0 4px !important;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--c-head) !important;
}
.obj_article_details .entry_details .item .value { font-size: 13.5px; }
.obj_article_details .entry_details .cover_image img { display: block; width: 100%; border-radius: 4px; }
.obj_article_details .entry_details .item.galleys { background: var(--c-head); }
.obj_article_details .entry_details .galleys_links { display: block; margin: 0; padding: 0; list-style: none; }
.obj_article_details .entry_details .galleys_links li { display: block; margin: 0 0 6px; }
.obj_article_details .entry_details .galleys_links li:last-child { margin-bottom: 0; }
.obj_article_details .entry_details .obj_galley_link {
  display: block;
  padding: 9px 12px;
  background: linear-gradient(135deg, #f0c4ad, #c27c5c 60%, #9c5a3c);
  border: 0;
  border-radius: 6px;
  color: #fff !important;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}
.obj_article_details .entry_details .obj_galley_link:hover { filter: brightness(1.08); }
.obj_article_details .citation_display .citation_formats { border-color: var(--c-border); border-radius: 6px; }
.obj_article_details .copyright { font-size: 12.5px; }
@media (max-width: 991px) {
  .obj_article_details .row { grid-template-columns: 1fr; }
  .obj_article_details .item.authors ul { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Versi 13: Archives seperti contoh (sampul kiri, judul, keterangan penulis)
   - Sampul: memakai Cover Image tiap terbitan; kalau kosong, memakai
     sampul jurnal (thumbnail).
   - Keterangan: kalau Description terbitan kosong, otomatis tampil
     kalimat "authors from Indonesia". Kalau ada penulis luar negeri,
     tulis sendiri di Issue Data > Description (lihat panduan).
   ========================================================================== */
.page_issue_archive .issues_archive { grid-template-columns: 1fr !important; gap: 14px !important; }
.page_issue_archive .issues_archive > li:first-child { grid-column: auto; }
.page_issue_archive .issues_archive .obj_issue_summary,
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 20px;
  align-items: start;
  padding: 16px 18px;
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-left: 1px solid var(--c-border);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(20, 28, 46, .06);
}
.page_issue_archive .obj_issue_summary::before,
.page_issue_archive .obj_issue_summary::after { display: none; content: none; }
/* Sampul */
.page_issue_archive .obj_issue_summary .cover {
  grid-column: 1;
  grid-row: 1 / span 2;
  float: none;
  width: 110px;
  margin: 0;
}
.page_issue_archive .obj_issue_summary .cover img,
.page_issue_archive .obj_issue_summary:not(:has(.cover))::before {
  display: block;
  width: 110px;
  aspect-ratio: 210 / 297;
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 8px 16px -8px rgba(20, 28, 46, .55);
}
.page_issue_archive .obj_issue_summary:not(:has(.cover))::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 2;
  background: url("https://serambi.org/public/journals/11/journalThumbnail_en_US.png") center / cover no-repeat, var(--c-head);
}
/* Judul: "Vol. 4 No. 2: Judul terbitan" dalam satu baris */
.page_issue_archive .obj_issue_summary h2,
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary h2 {
  grid-column: 2;
  display: block;
  margin: 0 0 8px;
}
.page_issue_archive .obj_issue_summary h2 .series,
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary .series {
  display: inline;
  margin: 0;
  padding: 0;
  background: none !important;
  border-radius: 0;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: var(--c-bright);
}
.page_issue_archive .obj_issue_summary h2 .series::after { content: ": "; }
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary .series::before { content: none; }
.page_issue_archive .obj_issue_summary h2,
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary h2 { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: baseline; }
.page_issue_archive .obj_issue_summary h2 .series { order: -1; white-space: pre; }
.page_issue_archive .obj_issue_summary .title,
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary .title {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--c-head);
}
.page_issue_archive .obj_issue_summary .title:hover { color: var(--c-bright) !important; }
/* Keterangan penulis */
.page_issue_archive .obj_issue_summary .description,
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary .description {
  display: block !important;
  grid-column: 2;
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: var(--c-text);
}
.page_issue_archive .obj_issue_summary .description:not(:has(*))::before {
  content: "The articles within this issue are contributed by authors from Indonesia.";
}
.page_issue_archive .obj_issue_summary .description p { margin: 0 0 6px; }
.page_issue_archive .obj_issue_summary .description ul { margin: 4px 0 0; padding-left: 20px; }
.page_issue_archive .obj_issue_summary .description li::marker { color: var(--c-bright); }
/* Terbitan terbaru: label kecil LATEST */
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary { border-top: 4px solid var(--c-bright); }
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary h2::before {
  content: "LATEST";
  order: -2;
  flex-basis: 100%;
  width: max-content;
  max-width: max-content;
  margin: 0 0 6px;
  padding: 1px 10px;
  border-radius: 20px;
  background: linear-gradient(135deg, #f0c4ad, #c27c5c 60%, #9c5a3c);
  color: #fff;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 1.7;
}
@media (max-width: 560px) {
  .page_issue_archive .issues_archive .obj_issue_summary { grid-template-columns: 80px minmax(0, 1fr); column-gap: 14px; }
  .page_issue_archive .obj_issue_summary .cover,
  .page_issue_archive .obj_issue_summary .cover img,
  .page_issue_archive .obj_issue_summary:not(:has(.cover))::before { width: 80px; }
}

/* ==========================================================================
   Versi 14: judul tahun di Archives (2026, 2025, ...)
   Urutan Archives: terbaru di atas, 2 nomor per tahun.
   Kalau terbit volume baru, tambahkan satu baris di paling atas daftar ini
   dan geser tahunnya (lihat PANDUAN.md).
   ========================================================================== */
.page_issue_archive .issues_archive > li:nth-child(1)::before { content: "2026"; }
.page_issue_archive .issues_archive > li:nth-child(3)::before { content: "2025"; }
.page_issue_archive .issues_archive > li:nth-child(5)::before { content: "2024"; }
.page_issue_archive .issues_archive > li:nth-child(7)::before { content: "2023"; }
.page_issue_archive .issues_archive > li:nth-child(1)::before,
.page_issue_archive .issues_archive > li:nth-child(3)::before,
.page_issue_archive .issues_archive > li:nth-child(5)::before,
.page_issue_archive .issues_archive > li:nth-child(7)::before {
  display: block;
  margin: 0 0 12px;
  padding: 9px 14px;
  background: #eef1f6;
  border-left: 5px solid var(--c-accent2, #c27c5c);
  border-radius: 0 6px 6px 0;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .5px;
  color: #1e2a45;
  line-height: 1.2;
}
.page_issue_archive .issues_archive > li:nth-child(3),
.page_issue_archive .issues_archive > li:nth-child(5),
.page_issue_archive .issues_archive > li:nth-child(7) { margin-top: 10px !important; }

/* Perbaikan 14b: di situs asli tulisan Vol/No berisi spasi & baris baru,
   jadi tidak boleh pakai white-space: pre (membuatnya bergeser ke tengah) */
.page_issue_archive .obj_issue_summary h2 .series,
.page_issue_archive .issues_archive > li:first-child .obj_issue_summary .series {
  display: inline-flex !important;
  align-items: baseline;
  white-space: normal !important;
  margin: 0 0 4px !important;
}
.page_issue_archive .obj_issue_summary h2 .series::after { content: ":"; margin-left: 1px; }
.page_issue_archive .obj_issue_summary h2 .title {
  flex: 0 0 100%;
  white-space: normal;
}

/* ==========================================================================
   Perapian tampilan HP (layar kecil)
   ========================================================================== */
@media (max-width: 767px) {
  /* Sampul di halaman artikel tidak terlalu besar */
  .obj_article_details .entry_details .cover_image { text-align: center; }
  .obj_article_details .entry_details .cover_image img { width: auto !important; max-width: 170px; max-height: 240px; margin: 0 auto; }
  /* Teks rata kiri supaya tidak ada celah besar antar kata */
  .pkp_structure_main p, .additional_content p, .obj_article_details .abstract p { text-align: left !important; }
  /* Judul halaman sedikit lebih kecil */
  .pkp_structure_main .page > h1, .page_issue_archive > h1, .pkp_structure_main .page > h2:first-child { font-size: 24px !important; letter-spacing: 2px !important; }
  .obj_article_details .page_title { font-size: 20px !important; }
}