/* @import wajib di baris paling atas, kalau tidak browser mengabaikannya */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,500;0,6..72,600;1,6..72,500&family=Public+Sans:wght@400;500;600&display=swap');

/* VERSI v14: garis hijau di bawah judul halaman (Login), tombol Login hijau, hijau tua sidebar sama dengan hijau header (--forest, #1a4a30). Cari tulisan --footer-bg di CSS yang dimuat browser untuk memastikan file ini yang dipakai */

/* ============================================================
   PALET. Ubah warna cukup di blok ini saja.
   Diambil dari logo: hijau tua banner, hijau lime daun.
   ============================================================ */
:root {
  --forest: #1a4a30;        /* hijau tua: bar atas, menu utama, judul, footer */
  --forest-soft: #e9f2e4;   /* hijau sangat muda: hover dropdown menu */
  --footer-bg: #c6dbbb;     /* hijau muda agak gelap: latar footer (alamat kampus), beda dari latar halaman #eef5ee */
  --leaf: #2c7a3f;          /* hijau tombol dan link hover */
  --leaf-dark: #1f5c2e;
  --lime: #9bc92a;          /* hijau lime logo: garis aksen dan hover */
  --side-bg: #a6d12e;       /* hijau lime: latar pilihan menu sidebar (sama dengan HTML) */
  --side-text: #493d18;     /* cokelat tua: huruf pilihan menu sidebar (sama dengan HTML) */
  --side-bg-hover: var(--forest); /* hijau tua header (#1a4a30): warna pilihan menu saat disorot */
  --side-line: #ffffff;     /* garis pemisah antar pilihan menu sidebar */
  --group-bg: var(--forest);  /* hijau tua header (#1a4a30): judul kelompok sidebar (PEOPLE, TOOLS, dst) */
  --group-text: #d3d39f;    /* krem: huruf judul kelompok sidebar */
  --img-bg: #faf9fc;        /* latar sel gambar (template, Turnitin, Grammarly, dst) */
  --page-bg: #f3f7f4;
  --paper: #ffffff;
  --line: #cfdcd3;
  --text: #1c2a24;
  --muted: #52645a;
  --font-head: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-body: 'Public Sans', Helvetica, Arial, sans-serif;

  --deep: #0f2e1d;          /* hijau paling tua: latar di luar halaman */
  --pattern-ribbon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Crect width='16' height='8' fill='%231a4a30'/%3E%3Cpolygon points='0,8 4,0 8,8' fill='%239bc92a'/%3E%3Cpolygon points='8,8 12,0 16,8' fill='%232c7a3f'/%3E%3C/svg%3E");  /* pita segitiga di atas kartu sidebar */
  --pattern-deep: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg opacity='.17'%3E%3Cg transform='translate(52 52) rotate(-35)'%3E%3Cpath d='M-40,0 L40,0' fill='none' stroke='%239bc92a' stroke-width='1.6'/%3E%3Cg fill='%239bc92a'%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(-30 0) rotate(-42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(-30 0) rotate(42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(-12 0) rotate(-42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(-12 0) rotate(42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(6 0) rotate(-42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(6 0) rotate(42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(24 0) rotate(-42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(24 0) rotate(42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(38 0)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(108 108) rotate(145)'%3E%3Cpath d='M-40,0 L40,0' fill='none' stroke='%239bc92a' stroke-width='1.6'/%3E%3Cg fill='%239bc92a'%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(-30 0) rotate(-42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(-30 0) rotate(42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(-12 0) rotate(-42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(-12 0) rotate(42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(6 0) rotate(-42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(6 0) rotate(42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(24 0) rotate(-42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(24 0) rotate(42)'/%3E%3Cpath d='M0,0 Q10,-8 22,0 Q10,8 0,0Z' transform='translate(38 0)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg fill='%239bc92a' opacity='.30'%3E%3Ccircle cx='122' cy='38' r='2.2'/%3E%3Ccircle cx='38' cy='122' r='2.2'/%3E%3Ccircle cx='80' cy='80' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
  --pattern-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%232c7a3f' stroke-width='1' opacity='.30'%3E%3Cpath d='M0,-14 Q11,0 0,14 Q-11,0 0,-14Z M0,-14 L0,14' transform='translate(16 16) rotate(45)'/%3E%3Cpath d='M0,-14 Q11,0 0,14 Q-11,0 0,-14Z M0,-14 L0,14' transform='translate(48 48) rotate(45)'/%3E%3C/g%3E%3Cg fill='%239bc92a' opacity='.5'%3E%3Ccircle cx='48' cy='16' r='2'/%3E%3Ccircle cx='16' cy='48' r='2'/%3E%3C/g%3E%3C/svg%3E");
}

/* ============================================================
   DASAR
   ============================================================ */
body {
  font-family: var(--font-body);
  color: var(--text);
  line-height: 1.6;
  background-color: var(--deep) !important;
  background-image:
    radial-gradient(ellipse 60% 50% at 8% 0%, rgba(155, 201, 42, .32), transparent 70%),
    radial-gradient(ellipse 55% 45% at 95% 100%, rgba(44, 122, 63, .6), transparent 70%),
    var(--pattern-deep),
    linear-gradient(165deg, #0b2416 0%, #1a4a30 48%, #0d2a1a 100%) !important;
  background-attachment: fixed, fixed, scroll, fixed !important;
}
input, select, textarea, button { font-family: inherit; }

h1, h2, h3, h4, h5, h6,
.pkp_structure_sidebar .pkp_block .title {
  font-family: var(--font-head);
  color: var(--forest);
  font-weight: 600;
}

/* garis hijau di bawah judul halaman (Login, Register, dst), seperti garis marun di stylesheet cokelat */
.pkp_structure_main h1,
.pkp_structure_main h2.page_title,
.page_title {
  padding-bottom: 8px;
  border-bottom: 2px solid var(--forest);
}

a { color: var(--forest); }
a:hover { color: var(--leaf); }
a:focus-visible,
button:focus-visible {
  outline: 3px solid var(--leaf);
  outline-offset: 2px;
}

.journals ul .body .description a { display: inline; }

/* ============================================================
   RANGKA HALAMAN
   ============================================================ */
.pkp_structure_page {
  margin: 0 auto;
  width: 100%;
  max-width: 1180px;
  padding-bottom: 0 !important;
  background-color: #eef5ee;
  background-image: var(--pattern-paper);
  border-left: 1px solid var(--lime);
  border-right: 1px solid var(--lime);
}
.pkp_structure_content { padding-top: 0; }

/* ============================================================
   HEADER DAN LOGO
   ============================================================ */
.pkp_site_name { padding-top: 0; padding-bottom: 0; }
.pkp_site_name_wrapper { padding-left: 0; padding-right: 0; }
.pkp_site_name .is_img img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  margin-bottom: 0;
}

/* ============================================================
   SUSUNAN HEADER DI DESKTOP
   Bar user dipindah ke aliran normal halaman (bukan melayang),
   jadi lebarnya otomatis sama dengan lebar logo.
   Urutan: bar user, logo, menu utama.
   ============================================================ */
@media (min-width: 992px) {
  .pkp_head_wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 0 !important;
  }
  .pkp_site_nav_menu { display: contents; }

  .pkp_navigation_user_wrapper {
    order: -1;
    position: static !important;
    transform: none !important;
    float: none !important;
    width: 100%;
    margin: 0;
    padding: 0;
    background: var(--forest);
  }
  .pkp_navigation_user {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0 8px;
    background: var(--forest);
    border-bottom: 0;
  }
  .pkp_navigation_primary_row { order: 1; }
}

/* ============================================================
   MENU USER (Register, Login, profil)
   ============================================================ */
.pkp_navigation_user { font-weight: 400; }
.pkp_navigation_user > li > a,
.pkp_navigation_user > li.in_focus > a,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus { color: #fff; }
.pkp_navigation_user > li > a:hover { background: rgba(255, 255, 255, .14); }
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile { background: var(--leaf); color: #fff; }
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > a {
  font-weight: 500 !important;
  padding-right: 10px;
  color: #fff;
}
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile > ul.dropdown-menu { border-radius: 0 !important; }

/* ============================================================
   MENU UTAMA (Current, Archives, About) berwarna hijau
   ============================================================ */
.pkp_navigation_primary_row {
  background: var(--forest) !important;
  border-bottom: 3px solid var(--lime);
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li { padding: 0 !important; margin: 0 !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  margin: 0 !important;
  padding: 0 16px !important;
  line-height: 44px !important;
  color: #fff !important;
  font-weight: 500 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:focus {
  background: rgba(255, 255, 255, .12) !important;
  color: #fff !important;
  box-shadow: inset 0 -3px 0 var(--lime);
}
/* dropdown (isi menu About): latar putih, teks hijau tua */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: var(--paper) !important;
  border: 1px solid var(--line);
  border-radius: 0 !important;
  box-shadow: 0 6px 16px rgba(26, 74, 48, .18);
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a {
  color: var(--forest) !important;
  line-height: 40px !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:focus {
  background: var(--forest-soft) !important;
  color: var(--leaf-dark) !important;
  box-shadow: inset 4px 0 0 var(--lime);
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li { border-bottom: 1px solid var(--line) !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child { border-bottom: none !important; }
.pkp_navigation_primary_row .pkp_navigation_search_wrapper a,
.pkp_navigation_primary_row .pkp_search a { color: #fff !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] { font-family: var(--font-body); }

/* ============================================================
   DAFTAR ARTIKEL
   ============================================================ */
.obj_article_summary {
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  background: none !important;
}
.obj_article_summary .title,
.obj_article_summary .title a {
  font-family: var(--font-head);
  font-size: 1.25em;
  line-height: 1.3;
  color: var(--forest);
}
.obj_article_summary .title a:hover { color: var(--leaf); }
.obj_article_summary .authors,
.obj_article_summary .meta { color: var(--muted); }

/* tombol hijau: Login (halaman login, button.submit), tombol kirim formulir, dan tautan galley */
.cmp_button_wire,
.obj_galley_link,
button.submit {
  background: var(--leaf);
  border: 1px solid var(--leaf);
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
}
.cmp_button_wire:hover,
.cmp_button_wire:focus,
.obj_galley_link:hover,
.obj_galley_link:focus,
button.submit:hover,
button.submit:focus {
  background: var(--forest);
  border-color: var(--forest);
  color: #fff;
}

/* ikon statistik (FontAwesome sudah dimuat tema OJS) */
.obj_article_summary .item.stats .abstract,
.obj_article_summary .item.stats .galley { position: relative; }
.obj_article_summary .item.stats .abstract { margin-left: 20px; margin-right: 10px; }
.obj_article_summary .item.stats .galley { margin-left: 25px; }
.obj_article_summary .item.stats .abstract:before { content: "\f080"; font-family: FontAwesome; left: -15px; position: absolute; top: 0; }
.obj_article_summary .item.stats .galley:before { content: "\f1c1"; font-family: FontAwesome; left: -15px; position: absolute; top: 0; }

/* ============================================================
   SIDEBAR: tiga tingkat warna, supaya judul dan pilihan menu jelas beda.
   1. Judul blok (Information, Additional Menu): hijau tua, huruf lime, serif
   2. Judul kelompok (MAKE A SUBMISSION, PEOPLE, JOURNAL POLICIES, dst): hijau tua header #1a4a30, huruf krem #d3d39f
   3. Pilihan menu (termasuk PRESS HERE): hijau lime #a6d12e, huruf cokelat #493d18, garis putih antar baris
   Saat disorot, pilihan menu jadi hijau tua dengan huruf krem, bar kiri melebar,
   dan panah kecil muncul di kanan.
   Ada tiga bentuk isi blok di situs ini:
   1. daftar ul li      (blok Information)
   2. tabel             (blok Additional Menu, isi custom HTML berwarna inline)
   3. tombol tunggal    (Make a Submission bawaan OJS)
   Ubah warna lewat blok PALET di atas (--side-bg, --side-bg-hover, --side-line, --side-text, --group-bg, --group-text).
   ============================================================ */
.pkp_structure_sidebar .pkp_block {
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(15, 46, 29, .14);
}
/* pita motif segitiga hijau tua, lime, dan hijau daun di atas tiap kartu */
.pkp_structure_sidebar .pkp_block::before {
  content: "";
  display: block;
  height: 8px;
  background: var(--pattern-ribbon) repeat-x left top;
  background-size: 16px 8px;
}

/* tingkat 1: judul blok */
.pkp_structure_sidebar .pkp_block .title:not(.pkp_screen_reader) {
  margin: 0;
  padding: 11px 14px;
  background: linear-gradient(100deg, var(--deep) 0%, var(--forest) 60%, var(--leaf-dark) 100%);
  color: var(--lime);
  font-family: var(--font-head);
  font-size: 1.25em;
  font-weight: 600;
  letter-spacing: .03em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .35);
  border: 0;
  border-bottom: 3px solid var(--lime);
}

.pkp_structure_sidebar .pkp_block .content { margin: 0 !important; padding: 0 !important; }
.pkp_structure_sidebar .pkp_block .content > p { margin: 0; padding: 10px 14px; }

/* --- bentuk 1: daftar ul li --- */
.pkp_structure_sidebar .pkp_block ul { margin: 0 !important; padding: 0 !important; list-style: none; }
.pkp_structure_sidebar .pkp_block ul li {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--side-bg);
  border-bottom: 1px solid var(--side-line);
}
.pkp_structure_sidebar .pkp_block ul li:last-child { border-bottom: 0; }

/* --- bentuk 2: tabel (blok Additional Menu), disusun jadi kolom tunggal.
   HTML-nya membawa warna inline (background-color, color, border-radius,
   width, height), jadi aturan di bawah memakai !important supaya tampilan
   selalu mengikuti blok PALET di atas. --- */
.pkp_structure_sidebar .pkp_block .content table {
  float: none !important;
  margin: 0 !important;
}
.pkp_structure_sidebar .pkp_block .content table,
.pkp_structure_sidebar .pkp_block .content table :is(thead, tbody, tfoot, tr, th, td) {
  display: block !important;
  width: 100% !important;
}
.pkp_structure_sidebar .pkp_block .content table colgroup { display: none; }
.pkp_structure_sidebar .pkp_block .content table :is(th, td) {
  height: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: center !important;
}
.pkp_structure_sidebar .pkp_block .content table p { margin: 0 !important; padding: 0 !important; }

/* baris pemisah antar kelompok (isinya cuma  ) dibuat tipis */
.pkp_structure_sidebar .pkp_block .content table td:not(:has(*)) {
  height: 8px !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

/* tingkat 2: judul kelompok (PEOPLE, JOURNAL POLICIES, SUBMISSION, ARTICLE TEMPLATE, TOOLS, PAGE VIEWS).
   Hijau tua header #1a4a30, huruf krem #d3d39f, diapit dua belah ketupat lime.
   Berlaku untuk SEMUA teks tebal di dalam tabel yang tidak berisi dan tidak berada di dalam tautan
   yang punya href, jadi tidak peduli dibungkus td, p, span, atau <a> kosong tanpa href
   (seperti MAKE A SUBMISSION, PEOPLE, JOURNAL POLICIES, SUBMISSION di HTML). Menu bertautan
   (Editorial Team, Peer Reviewers, Contact Us, dst) tidak ikut, karena itu pilihan menu */
.pkp_structure_sidebar .pkp_block .content table strong:not(:has(a)):not(a[href] strong) {
  display: block;
  margin: 0;
  padding: 9px 16px;
  background: var(--group-bg);
  color: var(--group-text) !important;
  border-bottom: 1px solid #fdfdfd;
  font-family: var(--font-body);
  font-size: .78em;
  font-weight: 700;
  letter-spacing: .14em;
  text-indent: .14em;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}
.pkp_structure_sidebar .pkp_block .content table strong:not(:has(a)):not(a[href] strong)::before,
.pkp_structure_sidebar .pkp_block .content table strong:not(:has(a)):not(a[href] strong)::after {
  content: "\25C6";
  display: inline-block;
  color: var(--lime);
  font-size: .7em;
  vertical-align: .1em;
}
.pkp_structure_sidebar .pkp_block .content table strong:not(:has(a)):not(a[href] strong)::before { margin-right: .9em; }
.pkp_structure_sidebar .pkp_block .content table strong:not(:has(a)):not(a[href] strong)::after { margin-left: .9em; }

/* tingkat 3: pilihan menu, dipakai bentuk 1 dan 2.
   Latar lime #a6d12e, huruf cokelat #493d18, garis kiri hijau tua.
   Saat disorot jadi hijau tua dengan huruf krem */
.pkp_structure_sidebar .pkp_block ul li a,
.pkp_structure_sidebar .pkp_block .content table a {
  position: relative;
  display: block;
  background: var(--side-bg) !important;
  color: var(--side-text) !important;
  border-left: 6px solid var(--group-bg);
  box-shadow: inset 0 -1px 0 var(--side-line);
  line-height: 40px;
  padding: 0 12px 0 16px;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  transition: background .18s ease, color .18s ease, padding-left .18s ease, border-left-width .18s ease;
}
/* panah kecil di kanan, muncul saat disorot */
.pkp_structure_sidebar .pkp_block ul li a::after,
.pkp_structure_sidebar .pkp_block .content table a::after {
  content: "\203A";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translate(-6px, -52%);
  opacity: 0;
  color: var(--lime);
  font-size: 1.5em;
  line-height: 1;
  transition: opacity .18s ease, transform .18s ease;
}
/* bullet belah ketupat untuk daftar ul (blok Information) */
.pkp_structure_sidebar .pkp_block ul li a::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  background: var(--group-bg);
  transform: rotate(45deg);
  vertical-align: middle;
  transition: background .18s ease;
}
.pkp_structure_sidebar .pkp_block ul li a:hover,
.pkp_structure_sidebar .pkp_block ul li a:focus,
.pkp_structure_sidebar .pkp_block .content table a:hover,
.pkp_structure_sidebar .pkp_block .content table a:focus {
  background: var(--side-bg-hover) !important;
  color: var(--group-text) !important;
  padding-left: 20px;
  border-left: 8px solid var(--lime);
}
.pkp_structure_sidebar .pkp_block ul li a:hover::after,
.pkp_structure_sidebar .pkp_block ul li a:focus::after,
.pkp_structure_sidebar .pkp_block .content table a:hover::after,
.pkp_structure_sidebar .pkp_block .content table a:focus::after {
  opacity: 1;
  transform: translate(0, -52%);
}
.pkp_structure_sidebar .pkp_block ul li a:hover::before,
.pkp_structure_sidebar .pkp_block ul li a:focus::before { background: var(--lime); }
.pkp_structure_sidebar .pkp_block ul li a:active,
.pkp_structure_sidebar .pkp_block .content table a:active {
  background: var(--deep) !important;
  color: var(--group-text) !important;
}
.pkp_structure_sidebar .pkp_block ul li a:focus-visible,
.pkp_structure_sidebar .pkp_block .content table a:focus-visible {
  outline: 3px solid var(--group-text);
  outline-offset: -3px;
}
/* warna teks inline (span putih) ikut warna tautan, supaya hover bisa berubah */
.pkp_structure_sidebar .pkp_block .content table a span { color: inherit !important; }
.pkp_structure_sidebar .pkp_block .content table a strong { font-weight: 600; letter-spacing: .02em; }
/* menu yang ditulis <strong><a> tampil sama dengan menu yang ditulis <a><strong> */
.pkp_structure_sidebar .pkp_block .content table strong > a { font-weight: 600; letter-spacing: .02em; }

/* teks menu di tabel Additional Menu rata tengah, mengikuti text-align center di HTML.
   Padding kiri 12px dan kanan 18px sengaja tidak sama, untuk mengimbangi garis kiri
   6px supaya teks benar-benar di tengah. Daftar ul (blok Information) tetap rata kiri. */
.pkp_structure_sidebar .pkp_block .content table a {
  text-align: center;
  padding: 0 18px 0 12px;
}
.pkp_structure_sidebar .pkp_block .content table a:hover,
.pkp_structure_sidebar .pkp_block .content table a:focus {
  padding-left: 12px;
}

/* <a> tanpa href (pembungkus judul kelompok di HTML: MAKE A SUBMISSION, PEOPLE, JOURNAL POLICIES,
   SUBMISSION) bukan pilihan menu. Dibuat rata tanpa bar kiri dan tanpa panah, warnanya
   sama dengan judul kelompok lain. Tombol PRESS HERE ikut warna menu biasa (lime dan cokelat). */
.pkp_structure_sidebar .pkp_block .content table a:not([href]),
.pkp_structure_sidebar .pkp_block .content table a:not([href]):hover,
.pkp_structure_sidebar .pkp_block .content table a:not([href]):focus,
.pkp_structure_sidebar .pkp_block .content table a:not([href]):active {
  background: var(--group-bg) !important;
  color: var(--group-text) !important;
  border-left: 0;
  box-shadow: none;
  line-height: normal;
  padding: 0;
  cursor: default;
}
.pkp_structure_sidebar .pkp_block .content table a:not([href])::before,
.pkp_structure_sidebar .pkp_block .content table a:not([href])::after { display: none; }

/* sel yang berisi gambar memakai latar #faf9fc seperti di HTML */
.pkp_structure_sidebar .pkp_block .content table td:has(img) { background: var(--img-bg) !important; }

/* gambar: template artikel, logo Turnitin, Grammarly, Mendeley, Flag Counter.
   Ukuran dibatasi per jenis supaya logo besar tidak memenuhi kartu */
.pkp_structure_sidebar .pkp_block .content table img {
  display: block;
  max-width: 85% !important;
  height: auto !important;
  margin: 12px auto;
}
.pkp_structure_sidebar .pkp_block .content table td > p > a > img { max-width: 90% !important; }  /* template artikel */
.pkp_structure_sidebar .pkp_block .content table td > img { max-width: 55% !important; }          /* Grammarly, Mendeley */
.pkp_structure_sidebar .pkp_block .content table a:has(img),
.pkp_structure_sidebar .pkp_block .content table a:has(img):hover,
.pkp_structure_sidebar .pkp_block .content table a:has(img):focus {
  background: transparent !important;
  border-left: 0;
  box-shadow: none;
  line-height: normal;
  padding: 0;
}
.pkp_structure_sidebar .pkp_block .content table a:has(img)::after { display: none; }

/* --- bentuk 3: tombol Make a Submission bawaan OJS --- */
.pkp_block.block_make_submission .content { text-align: center !important; }
.pkp_block.block_make_submission .content a {
  display: block;
  background: var(--side-bg);
  border-bottom: 4px solid var(--group-bg);
  line-height: 46px;
  color: var(--side-text);
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
  transition: background .18s ease, color .18s ease;
}
.pkp_block.block_make_submission .content a:hover,
.pkp_block.block_make_submission .content a:focus {
  background: var(--side-bg-hover) !important;
  color: var(--group-text);
}

/* kotak sorotan buatan sendiri (kalau dipakai di HTML blok) */
.sidebar-block {
  background: var(--side-bg);
  border-left: 6px solid var(--group-bg);
  padding: 5px 2px 5px 10px;
  color: var(--side-text);
  margin: 10px 0;
}

#customblock-Tools .content > .content div { width: 80% !important; margin: auto; }
#customblock-Tools .content > .content div a img { width: 100% !important; }
#customblock-Visitor_statistics .content > .content .supercounter,
#customblock-Visitor_statistics .content > .content .statcounter { text-align: center; }

/* ============================================================
   PENGUMUMAN
   ============================================================ */
.cmp_announcements .obj_announcement_summary.full_width { width: 100% !important; }
.cmp_announcements .obj_announcement_summary .summary p { line-height: 1.5em; margin-top: 0 !important; margin-bottom: 1em !important; }

/* ============================================================
   FOOTER
   ============================================================ */
.pkp_structure_footer_wrapper { border-bottom: none !important; }
.pkp_structure_footer .pkp_footer_content {
  background-color: var(--footer-bg);
  background-image: var(--pattern-paper);
  border-top: 3px solid var(--lime);
  padding: 14px !important;
  color: var(--text);
}
.pkp_structure_footer .pkp_footer_content p { margin: 0; }
.pkp_structure_footer .pkp_brand_footer { background: var(--forest); height: auto !important; padding: 0; }
.pkp_structure_footer .pkp_brand_footer img { width: 48px !important; height: auto; }
.pkp_structure_footer .pkp_footer_content img { max-width: 100%; height: auto; }

/* ============================================================
   RESPONSIF
   ============================================================ */
@media (max-width: 1000px) {
  .pkp_structure_page { border-left: 0; border-right: 0; }
}