/* @import wajib di baris paling atas, kalau tidak browser mengabaikannya */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

/* VERSI v7: footer satu lapis warna selebar halaman, motif ikut motif halaman. Cari tulisan --footer-bg di CSS yang dimuat browser untuk memastikan file ini yang dipakai */

/* ============================================================
   PALET. Ubah warna cukup di blok ini saja.
   Lima warna utama dari kamu, tiga turunan untuk teks dan garis.
   ============================================================ */
:root {
  --earth: #8B5E3C;        /* cokelat tanah: bar atas, item menu sidebar */
  --earth-dark: #6F4A2E;   /* turunan: hover cokelat */
  --beige: #D2B48C;        /* cokelat muda: menu utama, footer, garis aksen */
  --maroon: #800000;       /* merah marun: judul, garis, hover */
  --wine: #A52A2A;         /* merah tua: tombol, aksen motif */
  --gray: #F6EEDF;         /* latar halaman: warna perkamen hangat, bukan abu atau putih polos */
  --paper: #FFFCF6;        /* latar kartu sidebar: kertas krem */
  --bark: #3A2314;         /* cokelat kulit kayu: latar di luar halaman */
  --ink: #2B1D14;          /* turunan: teks isi, cokelat sangat tua */
  --muted: #6B5A4C;        /* turunan: teks sekunder */
  --brown-dark: #4B2E05;   /* cokelat tua: bayangan kartu, item sidebar saat ditekan */
  --chestnut: #7B3F00;     /* chestnut: garis pemisah antar item menu sidebar */
  --line: #DCC9A9;         /* turunan: garis pemisah beige muda */
  --footer-bg: rgba(139, 94, 60, .30);  /* cokelat tanah transparan: latar footer, lebih gelap dari latar halaman tapi motif tetap tembus */
  --img-bg: #FBF5E8;       /* latar sel gambar di sidebar (template, Turnitin, Grammarly, dst) */

  /* tinggi maksimal banner di header (desktop). Banner baru berukuran 1180 x 260,
     jadi 260px sudah pas. Kecilkan angka ini kalau mau lebih ramping lagi */
  --banner-h: 260px;

  --font-head: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Source Sans 3', Helvetica, Arial, sans-serif;

  /* motif belah ketupat cokelat untuk bar user: dasar cokelat tanah, rantai belah ketupat beige dan marun */
  --pattern-earth: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect width='40' height='40' fill='%238B5E3C'/%3E%3Cpolygon points='20,4 36,20 20,36 4,20' fill='none' stroke='%23D2B48C' stroke-width='1.5' opacity='.6'/%3E%3Cpolygon points='20,11 29,20 20,29 11,20' fill='%23800000' opacity='.9'/%3E%3Cpolygon points='20,16 24,20 20,24 16,20' fill='%23D2B48C'/%3E%3Cpolygon points='0,-6 6,0 0,6 -6,0' fill='%23A52A2A'/%3E%3Cpolygon points='40,-6 46,0 40,6 34,0' fill='%23A52A2A'/%3E%3Cpolygon points='0,34 6,40 0,46 -6,40' fill='%23A52A2A'/%3E%3Cpolygon points='40,34 46,40 40,46 34,40' fill='%23A52A2A'/%3E%3C/svg%3E");

  /* tekstur perkamen: belah ketupat tenun sangat tipis, tanpa warna dasar (warna dasar diatur terpisah lewat background-color) */
  --pattern-parchment: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpolygon points='32,8 56,32 32,56 8,32' fill='none' stroke='%238B5E3C' stroke-width='1' opacity='.13'/%3E%3Cpolygon points='32,24 40,32 32,40 24,32' fill='%23A52A2A' opacity='.07'/%3E%3Cpolygon points='0,-5 5,0 0,5 -5,0' fill='%238B5E3C' opacity='.10'/%3E%3Cpolygon points='64,-5 69,0 64,5 59,0' fill='%238B5E3C' opacity='.10'/%3E%3Cpolygon points='0,59 5,64 0,69 -5,64' fill='%238B5E3C' opacity='.10'/%3E%3Cpolygon points='64,59 69,64 64,69 59,64' fill='%238B5E3C' opacity='.10'/%3E%3C/svg%3E");

  /* tekstur gelap untuk area di luar halaman, seirama dengan sisi banner */
  --pattern-bark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Crect width='44' height='44' fill='%233A2314'/%3E%3Cpolygon points='22,8 36,22 22,36 8,22' fill='none' stroke='%23D2B48C' stroke-width='1' opacity='.14'/%3E%3Cpolygon points='22,17 27,22 22,27 17,22' fill='%23A52A2A' opacity='.22'/%3E%3C/svg%3E");

  /* pita motif segitiga dan belah ketupat, mengikuti border sampul */
  --pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Crect width='40' height='20' fill='%23800000'/%3E%3Cpolygon points='0,20 20,2 40,20' fill='%23D2B48C'/%3E%3Cpolygon points='8,20 20,8 32,20' fill='%238B5E3C'/%3E%3Cpolygon points='20,11 24,15 20,19 16,15' fill='%23A52A2A'/%3E%3C/svg%3E");
}

/* ============================================================
   DASAR
   ============================================================ */
body {
  font-family: var(--font-body);
  color: var(--ink);
  line-height: 1.6;
  background-color: var(--bark) !important;
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(139, 94, 60, .38), transparent 65%),
    var(--pattern-bark) !important;
  background-attachment: fixed, scroll !important;
}
input, select, textarea, button { font-family: inherit; }
::selection { background: var(--beige); color: var(--maroon); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-head);
  color: var(--maroon);
  font-weight: 700;
}
.pkp_structure_main h1,
.pkp_structure_main h2.page_title,
.page_title {
  padding-bottom: 8px;
  border-bottom: 2px solid var(--maroon);
}

a { color: var(--maroon); }
a:hover { color: var(--wine); }
a:focus-visible,
button:focus-visible {
  outline: 3px solid var(--wine);
  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: var(--gray);
  background-image: var(--pattern-parchment);
  border-left: 1px solid var(--beige);
  border-right: 1px solid var(--beige);
  box-shadow: 0 0 36px rgba(0, 0, 0, .45);
}
/* garis pemisah bawaan OJS antara konten dan sidebar diberi warna cokelat muda */
.pkp_structure_main::before,
.pkp_structure_main::after { background: var(--line) !important; }
.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;
}

/* pita motif paling atas, satu-satunya elemen dekoratif besar di header */
.pkp_head_wrapper::before {
  content: "";
  display: block;
  height: 20px;
  background: var(--pattern) repeat-x left top;
}

/* ============================================================
   SUSUNAN HEADER DI DESKTOP
   Urutan: pita motif, bar user, logo, menu utama.
   Bar user masuk aliran normal halaman jadi selebar logo.
   ============================================================ */
@media (min-width: 992px) {
  .pkp_head_wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 0 !important;
  }
  .pkp_head_wrapper::before { order: -2; }
  .pkp_site_nav_menu { display: contents; }

  .pkp_navigation_user_wrapper {
    order: -1;
    position: static !important;
    transform: none !important;
    float: none !important;
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 0;
    background: var(--earth) var(--pattern-earth) repeat-x left center;
  }
  .pkp_navigation_user {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0 8px;
    background: transparent;
    border-bottom: 0;
  }
  /* tiap item bar user diberi latar cokelat tua supaya teks putih tetap terbaca di atas motif */
  .pkp_navigation_user > li { background: var(--brown-dark); }

  /* logo di header: tinggi dibatasi, lebar menyesuaikan, di tengah.
     Sisa lebar di kiri dan kanan diisi cokelat tua. */
  .pkp_site_name { text-align: center; background: var(--brown-dark); }
  .pkp_site_name .is_img { display: block; }
  .pkp_site_name .is_img img {
    width: 100%;
    max-width: 100%;
    max-height: var(--banner-h);
    height: auto;
    margin: 0 auto;
    object-fit: contain;   /* gambar tidak pernah terpotong, sisa ruang diisi cokelat tua */
  }
  .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(0, 0, 0, .18); }
.pkp_navigation_user_wrapper .pkp_navigation_user > li.profile { background: var(--maroon); 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): pita beige dengan
   teks marun, seperti label "JOURNAL" di sampul
   ============================================================ */
.pkp_navigation_primary_row {
  background: var(--beige) !important;
  border-bottom: 0;
}
.pkp_navigation_primary_row::after {
  content: "";
  display: block;
  height: 10px;
  background: var(--pattern) repeat-x left top;
  background-size: 20px 10px;
}
.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: var(--maroon) !important;
  font-weight: 600 !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: var(--maroon) !important;
  color: var(--beige) !important;
  box-shadow: none;
}
/* dropdown (isi menu About): latar abu terang, teks marun */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: var(--gray) !important;
  border: 1px solid var(--line);
  border-top: 3px solid var(--maroon);
  border-radius: 0 !important;
  box-shadow: 0 6px 16px rgba(43, 29, 20, .18);
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a {
  color: var(--maroon) !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(--beige) !important;
  color: var(--maroon) !important;
}
.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: var(--maroon) !important; }
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper .pkp_search.is_open input[type=text] { font-family: var(--font-body); }

/* ============================================================
   DAFTAR ARTIKEL DAN ISI TERBITAN
   ============================================================ */
.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.35em;
  line-height: 1.25;
  font-weight: 700;
  color: var(--maroon);
}
.obj_article_summary .title a:hover { color: var(--wine); }
.obj_article_summary .authors,
.obj_article_summary .meta { color: var(--muted); }

/* judul rubrik di halaman terbitan */
.obj_issue_toc .section > h2,
.current_issue .section > h2 {
  padding: 4px 0 4px 12px;
  border-left: 6px solid var(--beige);
  border-bottom: 1px solid var(--line);
  font-size: 1.4em;
}

.cmp_button_wire,
.obj_galley_link,
button.submit {
  background: var(--wine);
  border: 1px solid var(--wine);
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
}
.cmp_button_wire:hover,
.cmp_button_wire:focus,
.obj_galley_link:hover,
.obj_galley_link:focus,
button.submit:hover,
button.submit:focus {
  background: var(--maroon);
  border-color: var(--maroon);
  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
   Setiap blok jadi kartu putih dengan pita motif di atas dan
   judul marun. 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)
   Semuanya memakai palet yang sama, tiga tingkat:
   1. judul blok: gradasi kulit kayu ke marun, huruf beige
   2. judul kelompok: marun, huruf beige, diapit belah ketupat
   3. item menu: cokelat tanah, huruf putih, garis kiri beige, garis pemisah chestnut
   Saat disorot, item menu jadi marun dengan huruf beige.
   ============================================================ */
.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(75, 46, 5, .14);
}
.pkp_structure_sidebar .pkp_block::before {
  content: "";
  display: block;
  height: 8px;
  background: var(--pattern) repeat-x left top;
  background-size: 16px 8px;
}

/* tingkat 1: judul blok (Information, Additional Menu): gradasi cokelat kulit kayu ke marun, huruf beige, serif */
.pkp_structure_sidebar .pkp_block .title:not(.pkp_screen_reader) {
  margin: 0;
  padding: 11px 14px;
  background: linear-gradient(100deg, var(--bark) 0%, var(--maroon) 60%, var(--wine) 100%);
  color: var(--beige);
  font-family: var(--font-head);
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: .03em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .35);
  border: 0;
  border-bottom: 3px solid var(--beige);
}

.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(--earth);
  border-bottom: 1px solid var(--chestnut);
}
.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), baik versi hijau lama maupun versi earth brown, 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 (MAKE A SUBMISSION, PEOPLE, JOURNAL POLICIES, SUBMISSION, ARTICLE TEMPLATE, TOOLS, PAGE VIEWS).
   Marun dengan huruf beige, diapit dua belah ketupat.
   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.
   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(--maroon);
  color: var(--beige) !important;
  border-bottom: 2px solid var(--beige);
  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(--beige);
  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.
   Cokelat tanah, huruf putih, garis kiri beige.
   Saat disorot jadi marun dengan huruf beige, bar kiri melebar, dan panah muncul di kanan */
.pkp_structure_sidebar .pkp_block ul li a,
.pkp_structure_sidebar .pkp_block .content table a {
  position: relative;
  display: block;
  background: var(--earth) !important;
  color: #fff !important;
  border-left: 6px solid var(--beige);
  box-shadow: inset 0 -1px 0 var(--chestnut);
  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(--beige);
  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(--beige);
  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(--maroon) !important;
  color: var(--beige) !important;
  padding-left: 20px;
  border-left: 8px solid var(--beige);
}
.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: #fff; }
.pkp_structure_sidebar .pkp_block ul li a:active,
.pkp_structure_sidebar .pkp_block .content table a:active {
  background: var(--brown-dark) !important;
  color: var(--beige) !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(--beige);
  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) bukan pilihan menu.
   Dibuat rata tanpa bar kiri dan tanpa panah, warnanya sama dengan judul kelompok lain.
   Tombol PRESS HERE ikut warna menu biasa (cokelat tanah dan putih). */
.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(--maroon) !important;
  color: var(--beige) !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 krem muda */
.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(--earth);
  border-bottom: 4px solid var(--beige);
  line-height: 46px;
  color: #fff;
  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(--maroon) !important;
  color: var(--beige);
}

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

/* ============================================================
   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: pita motif di atas, isi cokelat tanah transparan (lebih gelap
   dari latar halaman, motif tetap tembus), brand OJS marun.
   Supaya footer menyatu dan tidak terpecah:
   - warna transparan dipasang SATU kali di pembungkus terluar (selebar halaman),
     bagian dalamnya dibuat bening dan tanpa lebar maksimal
   - motif perkamen TIDAK digambar ulang di footer, jadi yang terlihat adalah motif
     halaman yang sama, kotaknya lurus dengan motif di atasnya
   - baris brand OJS dibuat selebar footer
   ============================================================ */
.pkp_structure_footer_wrapper {
  background-color: var(--footer-bg) !important;
  background-image: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pkp_structure_footer_wrapper::before {
  content: "";
  display: block;
  height: 14px;
  background: var(--pattern) repeat-x left top;
  background-size: 28px 14px;
}
.pkp_structure_footer {
  background: transparent !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.pkp_structure_footer .pkp_footer_content {
  background: transparent !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box;
  padding: 18px 14px !important;
  color: var(--ink);
}
.pkp_structure_footer .pkp_footer_content a { color: var(--maroon); font-weight: 600; }
.pkp_structure_footer .pkp_footer_content a:hover { color: var(--wine); }
.pkp_structure_footer .pkp_footer_content p { margin: 0 0 8px; }
.pkp_structure_footer .pkp_footer_content p:last-child { margin-bottom: 0; }
.pkp_structure_footer .pkp_footer_content img { max-width: 100%; height: auto; border-radius: 3px; }
.pkp_structure_footer .pkp_brand_footer {
  background: var(--maroon);
  float: none !important;
  clear: both;
  width: 100% !important;
  box-sizing: border-box;
  height: auto !important;
  margin: 0 !important;
  padding: 0;
  text-align: right;
}
.pkp_structure_footer .pkp_brand_footer img { width: 48px !important; height: auto; border-radius: 0; }

/* ============================================================
   RESPONSIF
   ============================================================ */
@media (max-width: 991px) {
  .pkp_site_name { background: var(--brown-dark); }
  .pkp_site_name .is_img img {
    width: 100%;
    height: auto;
    min-height: 110px;
    object-fit: cover;       /* di HP, sisi cokelat dipotong dulu, bagian utama banner tetap utuh */
    object-position: center;
  }
}
@media (max-width: 1000px) {
  .pkp_structure_page { border-left: 0; border-right: 0; box-shadow: none; }
  .pkp_structure_sidebar .pkp_block { border-radius: 0; }
}