/* ==========================================================================
   E-Commerce: Journal of Digitalization Process in Islamic Business
   Tampilan ala Cost Journal, warna orange, untuk OJS 3.5 (tema Default) - versi 9 (disamakan dengan Assets Journal: beranda, daftar artikel + bendera, sidebar, Archives, menu About, halaman artikel)
   Upload di: Settings > Website > Appearance > Advanced > Journal style sheet
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Pathway+Gothic+One&family=Noto+Serif:wght@700&display=swap");

:root {
  --c-top: #431407;        /* strip paling atas & footer */
  --c-head: #9a3412;       /* area judul */
  --c-nav: #c2410c;        /* navbar */
  --c-nav-active: #ea580c; /* menu aktif */
  --c-accent: #fbbf24;     /* kuning/emas */
  --c-bright: #f97316;     /* orange terang */
  --c-bg: #fff7ed;         /* latar halaman */
  --c-card: #ffffff;
  --c-border: #fed7aa;
  --c-line: #fdebd6;
  --c-text: #2a1a10;
  --c-muted: #7c5a45;
  --c-link: #c2410c;
}

/* ---------- Teks header (ubah di sini bila perlu) ---------- */
.pkp_structure_head::before {
  content: "\1F3DB\00a0 Lembaga Pusat Kajian Ekonomi dan Bisnis Islam   \2022   Open Access Academic Journal";
}
.pkp_site_name .is_text::before { content: "EC"; }
.pkp_site_name::after {
  content: "Published by Lembaga Pusat Kajian Ekonomi dan Bisnis Islam   \2022   Double-blind peer review";
}

/* ---------- Dasar ---------- */
html, body {
  background: var(--c-bg);
  font-family: "Inter", "Noto Sans", 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: #fdba74;
  font-size: 12px;
  font-weight: 500;
  line-height: 32px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pkp_site_name .is_text {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-family: "Inter", Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -.3px;
}
.pkp_site_name .is_text::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 { color: var(--c-accent); text-decoration: none; }
.pkp_site_name::after {
  display: none;
  white-space: pre-wrap;
  color: #ffedd5;
  font-family: "Inter", 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: #fed7aa; }
.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: "Pathway Gothic One", "Arial Narrow", 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: "Inter", 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(67, 20, 7, .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: "Inter", 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-menu": Main Menu + Submit Here + Tools + Indexed By ---------- */
.pkp_structure_sidebar .pkp_block:has(.cmm) {
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  overflow: visible;
}
.pkp_structure_sidebar .pkp_block:has(.cmm) > .title { display: none; }
.pkp_structure_sidebar .pkp_block:has(.cmm) > .title + .content,
.pkp_structure_sidebar .pkp_block:has(.cmm) .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(67, 20, 7, .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 #fdf0e2; }
.pkp_structure_sidebar .pkp_block .cmm ul li a {
  padding: 11px 14px 11px 30px;
  color: #2a1a10;
  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: #fff7ed;
  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: "Noto Serif", Georgia, 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: #fdba74;
  font-size: 13px;
}
.pkp_structure_footer_wrapper a { color: #ffedd5; 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: #f6ad7b; 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 { 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$="/ecommerce"]::before,
  .pkp_navigation_primary a[href$="/ecommerce/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(67, 20, 7, .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(67, 20, 7, .5);
  }
}

/* ---------- HP & tablet ---------- */
@media (max-width: 991px) {
  .pkp_structure_head::before { padding: 0 15px; white-space: nowrap; }
  .pkp_site_name .is_text::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(67, 20, 7, .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: "Inter", 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: "Noto Serif", Georgia, 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(67, 20, 7, .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: #ffedd5; }
.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: "Pathway Gothic One", "Arial Narrow", 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(67, 20, 7, .35), 0 2px 4px rgba(0, 0, 0, .15);
}

/* Warna kotak berbeda-beda, supaya putih bendera terlihat */
.et-c1 { background: #ffedd5; border-color: #fdba74; }  /* orange muda */
.et-c2 { background: #fef3c7; border-color: #fcd34d; }  /* kuning muda */
.et-c3 { background: #fde2d4; border-color: #f8b195; }  /* peach */
.et-c4 { background: #f5ede6; border-color: #dcc3ad; }  /* krem */
.et-c2 .et-role { background: #b45309; }
.et-c3 .et-role { background: #c2410c; }
.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: "Pathway Gothic One", "Arial Narrow", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--c-head);
}

/* ==========================================================================
   Versi 5: ISSN di kanan atas header, bersusun
   (p-ISSN belum diketahui; kalau ada, ubah baris content di bawah menjadi
    "p-ISSN  xxxx-xxxx\A e-ISSN  3123-9765")
   ========================================================================== */
@media (min-width: 992px) {
  .pkp_site_name_wrapper { position: relative; }
  .pkp_site_name_wrapper::after {
    content: "e-ISSN  3123-9765";
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 14px;
    border: 1px solid rgba(251, 191, 36, .45);
    border-left: 3px solid var(--c-accent);
    border-radius: 6px;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.7;
    text-align: right;
    white-space: pre;
  }
  .pkp_site_name { padding-right: 230px; }
}

/* ##########################################################################
   VERSI 6: disamakan dengan perubahan di Assets Journal
   ########################################################################## */

/* ==========================================================================
   Beranda: About the Journal disembunyikan; tabel + narasi di kanan sampul,
   ujung bawah narasi sejajar dengan bagian bawah sampul
   ========================================================================== */
.pkp_page_index .homepage_about { display: none !important; }
.additional_content > p:first-child { margin: 0 0 12px; padding: 0 0 10px; font-size: 18px; }
.additional_content table { margin: 0 0 12px; font-size: 13px; }
.additional_content th, .additional_content td { padding: 4px 8px; }
.additional_content > p:last-child { margin: 0; font-size: 13px; line-height: 1.55; }
@media (min-width: 992px) {
  .page_index_journal:has(.homepage_image):has(.additional_content) { column-gap: 26px; margin-bottom: 4px; }
  .page_index_journal:has(.homepage_image):has(.additional_content) > .current_issue { margin-top: 26px; }
}
/* Layar komputer: sampul setinggi kolom kanan, narasi menempel di bawah */
@media (min-width: 1200px) {
  .page_index_journal:has(.homepage_image):has(.additional_content) { grid-template-columns: 320px minmax(0, 1fr); align-items: stretch; }
  .page_index_journal:has(.homepage_image):has(.additional_content) > .homepage_image { position: relative; align-self: stretch; min-height: 380px; }
  .page_index_journal:has(.homepage_image):has(.additional_content) > .homepage_image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
  .page_index_journal:has(.homepage_image):has(.additional_content) > .additional_content { display: flex; flex-direction: column; align-self: stretch; }
  .additional_content > p:last-child { font-size: 12.5px; }
}

/* ==========================================================================
   Bagian A: 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(67, 20, 7, .2);
}

/* ==========================================================================
   Bagian B: 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%; }

/* ==========================================================================
   Bagian 9: halaman Archives berbentuk kartu, rapat, terbitan terbaru menonjol
   ========================================================================== */
.page_issue_archive > h1 {
  margin: 0 0 16px;
  font-family: "Inter", 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(67, 20, 7, .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: "Inter", 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:has(a.title[href$="/issue/view/8"]) { grid-column: 1 / -1; }
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"]) .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:has(a.title[href$="/issue/view/8"]) .obj_issue_summary .title { color: #fff; font-size: 17px; }
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"]) .obj_issue_summary .title:hover { color: var(--c-accent); }
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"]) .obj_issue_summary .series {
  background: linear-gradient(135deg, #fdba74, #ea580c 60%, #9a3412);
}
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"]) .obj_issue_summary .series::before { content: "Latest \2022  "; }
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"]) .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; }
}

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

/* ==========================================================================
   Bagian 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: "Inter", 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: "Inter", 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: "Inter", 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; }

/* ==========================================================================
   Bagian 12: halaman detail artikel (article/view)
   ========================================================================== */
.pkp_structure_main .obj_article_details .page_title {
  margin: 0 0 6px;
  font-family: "Inter", 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: "Inter", 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: "Inter", 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, #fdba74, #ea580c 60%, #9a3412);
  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; }
}

/* ==========================================================================
   Bagian 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:has(a.title[href$="/issue/view/8"]) { grid-column: auto; }
.page_issue_archive .issues_archive .obj_issue_summary,
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"]) .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(67, 20, 7, .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(67, 20, 7, .55);
}
.page_issue_archive .obj_issue_summary:not(:has(.cover))::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 2;
  background: url("https://www.journal.lpkebis.or.id/public/journals/2/homepageImage_en.jpg") 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:has(a.title[href$="/issue/view/8"]) .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:has(a.title[href$="/issue/view/8"]) .obj_issue_summary .series {
  display: inline;
  margin: 0;
  padding: 0;
  background: none !important;
  border-radius: 0;
  font-family: "Inter", 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:has(a.title[href$="/issue/view/8"]) .obj_issue_summary .series::before { content: none; }
.page_issue_archive .obj_issue_summary h2,
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"]) .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:has(a.title[href$="/issue/view/8"]) .obj_issue_summary .title {
  font-family: "Inter", 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:has(a.title[href$="/issue/view/8"]) .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:has(a.title[href$="/issue/view/8"]) .obj_issue_summary { border-top: 4px solid var(--c-bright); }
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"]) .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, #fdba74, #ea580c 60%, #9a3412);
  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; }
}

/* 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:has(a.title[href$="/issue/view/8"]) .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;
}

/* ==========================================================================
   Archives: terbitan terbaru di atas + judul tahun
   Diatur menurut nomor terbitan di alamatnya (issue/view/8 = Vol 2 No 1, issue/view/5 = Vol 1 No 1).
   Terbitan baru otomatis tampil paling atas. Cara menambah tahun: lihat PANDUAN-v9.md.
   ========================================================================== */
.page_issue_archive .issues_archive { display: flex !important; flex-direction: column; }
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"]) { order: 8; }
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/5"]) { order: 9; }
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"])::before { content: "2026"; }
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/5"])::before { content: "2025"; }
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/8"])::before,
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/5"])::before {
  display: block;
  margin: 0 0 12px;
  padding: 9px 14px;
  background: #fff1e3;
  border-left: 5px solid #ea580c;
  border-radius: 0 6px 6px 0;
  font-family: "Inter", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .5px;
  color: var(--c-head);
  line-height: 1.2;
}
.page_issue_archive .issues_archive > li:has(a.title[href$="/issue/view/5"]) { margin-top: 10px !important; }
/* Keterangan asal penulis menggantikan deskripsi panjang terbitan */
.page_issue_archive .obj_issue_summary .description > * { display: none !important; }
.page_issue_archive .obj_issue_summary .description::before {
  content: "The articles within this issue are contributed by authors from Indonesia.";
}

/* ==========================================================================
   Versi 7: halaman Contact untuk OJS 3.5 (judul kotak memakai h2, bukan h3)
   ========================================================================== */
.page_contact .contact_section { gap: 16px; margin-top: 6px; }
.page_contact .contact {
  position: relative;
  padding: 0 0 16px !important;
  border: 1px solid var(--c-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px -10px rgba(67, 20, 7, .35);
  transition: transform .15s, box-shadow .15s;
}
.page_contact .contact:hover { transform: translateY(-2px); box-shadow: 0 12px 24px -12px rgba(67, 20, 7, .45); }
.page_contact .contact > h2,
.page_contact .contact > h3 {
  display: block !important;
  margin: 0 0 14px !important;
  padding: 12px 16px !important;
  background: linear-gradient(90deg, var(--c-head), var(--c-nav)) !important;
  border: 0 !important;
  border-left: 4px solid var(--c-accent) !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
  color: #fff !important;
}
.page_contact .contact > h2::after,
.page_contact .contact > h3::after { display: none !important; }
.page_contact .contact.primary > h2::before { content: "\2605\00a0\00a0"; color: var(--c-accent); }
.page_contact .contact.support > h2::before { content: "\2699\00a0\00a0"; color: var(--c-accent); }
.page_contact .contact > div { margin: 0 16px 8px !important; }
.page_contact .contact .name {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px !important;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--c-border);
  font-size: 15px !important;
}
.page_contact .contact .name::before {
  content: "\1F464";
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--c-bright), var(--c-head));
  font-size: 15px;
}
.page_contact .contact .phone,
.page_contact .contact .email {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  background: var(--c-bg);
  border-radius: 8px;
}
.page_contact .contact .phone::before,
.page_contact .contact .email::before { font-size: 15px; }
.page_contact .contact .phone .label { margin-right: 2px !important; }
.page_contact .contact .phone .value { font-weight: 600; }

/* Versi 8: ikon orang di Contact diganti bendera Indonesia bulat kecil */
.page_contact .contact .name::before {
  content: "" !important;
  width: 26px !important;
  height: 26px !important;
  background: url("https://flagcdn.com/w80/id.png") center / cover no-repeat !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--c-border);
}

/* ==========================================================================
   Versi 9: halaman statis (Focus and Scope, Publication Ethics, Author
   Guidelines, dll.): judul seperti ARCHIVES, paragraf pembuka berbingkai,
   daftar poin menjadi kartu 2 kolom bertanda centang
   ========================================================================== */
.pkp_structure_main .page:has(> h2:first-child) > h2:first-child {
  margin: 0 0 18px !important;
  padding: 0 0 12px;
  border-bottom: 1px dotted var(--c-head);
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--c-head);
}
.pkp_structure_main .page:has(> h2:first-child) > h2:first-child + p {
  margin: 0 0 16px;
  padding: 14px 18px;
  background: linear-gradient(90deg, #fff1e3, #fff 85%);
  border-left: 4px solid #ea580c;
  border-radius: 0 10px 10px 0;
  line-height: 1.75;
}
.pkp_structure_main .page:has(> h2:first-child) > h2:first-child + p strong { color: var(--c-head); }
.pkp_structure_main .page:has(> h2:first-child) > p:has(+ ul) {
  margin: 18px 0 10px;
  font-weight: 700;
  color: var(--c-head);
  text-align: left;
}
.pkp_structure_main .page:has(> h2:first-child) > ul,
.pkp_structure_main .page:has(> h2:first-child) > ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}
.pkp_structure_main .page:has(> h2:first-child) > ol { counter-reset: n; }
.pkp_structure_main .page:has(> h2:first-child) > ul > li,
.pkp_structure_main .page:has(> h2:first-child) > ol > li {
  position: relative;
  margin: 0;
  padding: 10px 12px 10px 44px;
  background: var(--c-card);
  border: 1px solid var(--c-border);
  border-radius: 10px;
  box-shadow: 0 4px 12px -8px rgba(67, 20, 7, .35);
  font-size: 13.5px;
  line-height: 1.5;
  transition: border-color .15s, transform .15s;
}
.pkp_structure_main .page:has(> h2:first-child) > ul > li:hover,
.pkp_structure_main .page:has(> h2:first-child) > ol > li:hover { border-color: #ea580c; transform: translateY(-1px); }
.pkp_structure_main .page:has(> h2:first-child) > ul > li::before,
.pkp_structure_main .page:has(> h2:first-child) > ol > li::before {
  content: "\2713";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f97316, var(--c-head));
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}
.pkp_structure_main .page:has(> h2:first-child) > ol > li { counter-increment: n; }
.pkp_structure_main .page:has(> h2:first-child) > ol > li::before { content: counter(n); }
.pkp_structure_main .page:has(> h2:first-child) > ul + p:last-child,
.pkp_structure_main .page:has(> h2:first-child) > ol + p:last-child {
  margin: 0;
  padding: 12px 16px;
  background: var(--c-bg);
  border: 1px dashed #fdba74;
  border-radius: 10px;
  font-style: italic;
}
@media (max-width: 767px) {
  .pkp_structure_main .page:has(> h2:first-child) > ul,
  .pkp_structure_main .page:has(> h2:first-child) > ol { grid-template-columns: 1fr; }
}

/* ==========================================================================
   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; }
}
@media (max-width: 560px) {
  .page_issue_archive .issues_archive > li .obj_issue_summary { grid-template-columns: 80px minmax(0, 1fr) !important; column-gap: 14px !important; }
}