/* ==========================================================
   Gaya lengkap jurnal OJS 3.4 (Default Theme) - prpcjournal.org
   Versi FINAL (rapi): EthnoSciEd Journal (biru toska), dengan sidebar

   Cara pakai: Settings > Website > Appearance > Advanced >
   Journal style sheet > Upload file ini > Save.

   GANTI WARNA DI SINI SAJA (bagian :root):
   --utama      : warna utama (bar menu, tombol PDF, bingkai)
   --utama-muda : warna saat kursor diarahkan
   --gelap      : warna ujung gradasi judul blok
   ========================================================== */

:root {
  --utama: #1a6a8a;
  --utama-muda: #2b93b8;
  --gelap: #0b3445;
  --abu: #f2f2f2;
  --abu-tua: #ebebeb;
  --garis: #dddddd;
  --teks: #071a2e;
}

/* ==========================================================
   1. LATAR & BINGKAI HALAMAN
   ========================================================== */
html,
body {
  background: #f4f4f4 url(/public/site/images/papualawreview/pettrn.png);
}

.pkp_structure_page {
  max-width: 1160px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}

@media (min-width: 1200px) {
  .pkp_structure_page {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

/* ==========================================================
   2. HEADER / BANNER
   ========================================================== */
.pkp_head_wrapper,
.has_site_logo .pkp_head_wrapper {
  position: relative;
  padding-top: 0;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.pkp_site_name_wrapper {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
}

.pkp_site_name {
  margin: 0 !important;
  padding: 0;
}

.pkp_site_name > a {
  margin: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pkp_site_name .is_img,
.pkp_site_name .is_img img {
  display: block;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
}

/* Tombol Register / Login / akun */
.pkp_navigation_user_wrapper {
  padding: 10px 30px 0 0;
}

.pkp_navigation_user .profile > a,
.profile a {
  background: var(--utama);
  color: #fff !important;
  border-radius: 15px !important;
  padding-left: 10px;
  padding-right: 10px;
}

.dropdown-menu {
  background: var(--utama) !important;
}

.dropdown-menu li a:hover {
  color: var(--utama) !important;
}

/* ==========================================================
   3. MENU UTAMA (bar berwarna)
   ========================================================== */
.pkp_navigation_primary_row,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper,
.pkp_head_wrapper .pkp_navigation_primary_row {
  background: var(--utama) !important;
  background-image: none !important;
}

.pkp_navigation_primary_row {
  border-top: none !important;
  padding-left: 30px;
  padding-right: 30px;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  margin: 0 !important;
  padding: 0 15px !important;
  line-height: 40px !important;
  color: #fff !important;
  font-weight: bold !important;
  transition: 0.2s;
}

.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(--abu);
  color: var(--utama) !important;
  border-radius: 20px !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
  background: var(--utama) !important;
  border-radius: 0 !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
  border-bottom: 1px solid #fff !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
  border-bottom: none !important;
}

.pkp_site_nav_toggle {
  background: var(--utama) !important;
}

/* Kotak Search */
.pkp_navigation_search_wrapper {
  background: var(--abu);
  border-radius: 20px;
  transition: 0.4s;
}

.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover {
  color: var(--utama);
}

/* ==========================================================
   4. KONTEN UMUM
   ========================================================== */
.pkp_structure_content.has_sidebar {
  padding-top: 0;
}

.pkp_structure_main .page {
  padding-top: 20px;
}

.pkp_structure_main h1 {
  font-size: 20px;
  font-weight: 600;
}

/* Judul halaman (About, Archives, Announcements, dll.) */
.pkp_structure_main .page > h1,
.pkp_structure_main .page_title {
  color: var(--teks);
  padding-bottom: 8px;
  border-bottom: 3px solid var(--utama);
}

.pkp_structure_main a {
  color: var(--utama) !important;
}

.pkp_structure_main a:hover {
  color: var(--utama-muda) !important;
}

.description,
.main_entry .item.abstract {
  text-align: justify;
}

/* Breadcrumb */
.cmp_breadcrumbs a {
  font-weight: 600;
}

/* Tombol umum (Submit, Search, dll.) */
.cmp_button,
.pkp_button.submit,
.page_search .submit button,
.cmp_form .buttons button,
.page_submissions .cmp_notification a {
  background: var(--utama) !important;
  border-color: var(--utama) !important;
  color: #fff !important;
  border-radius: 4px;
  box-shadow: none !important;
}

.cmp_button:hover,
.pkp_button.submit:hover,
.page_search .submit button:hover,
.cmp_form .buttons button:hover {
  background: var(--gelap) !important;
}

/* ==========================================================
   5. BERANDA: ABOUT THE JOURNAL + SAMPUL
   ========================================================== */
@media (min-width: 992px) {
  .page_index_journal {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 27%;
    column-gap: 24px;
    align-items: start;
  }

  .page_index_journal > * {
    grid-column: 1 / -1;
  }

  .page_index_journal > .homepage_about {
    grid-column: 1;
    grid-row: 1;
  }

  .page_index_journal > .homepage_image {
    grid-column: 2;
    grid-row: 1;
  }
}

.homepage_about {
  display: block;
  width: auto;
  margin: 0 !important;
  text-align: justify;
}

.homepage_about h2 {
  /* Tinggi judul dibuat tetap (40px + 12px jarak = 52px),
     supaya kotak sampul bisa sejajar persis dengan tabel */
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  margin: 0 0 12px !important;
  padding: 0 !important;
  overflow: hidden;
}

.homepage_about > p:empty,
.homepage_about > p:first-of-type:has(> br:only-child) {
  display: none;
}

.homepage_about table {
  margin-top: 0 !important;
}

/* Sampul berdiri sendiri di kanan tabel (seperti Papua Law Review):
   tanpa bingkai tambahan, tepi atas sejajar tabel, ber-bayangan.   */
.homepage_image {
  float: none !important;
  width: auto !important;
  box-sizing: border-box;
  align-self: start;
  margin: 52px 0 0 0 !important; /* = tinggi judul About + jarak */
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  text-align: center;
}

.homepage_image img {
  display: block;
  width: 100%;
  max-width: 280px;
  height: auto;
  margin: 0 auto !important;
  box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.45) !important;
}

/* Tabel info jurnal: kartu rapi dengan jarak dalam yang lega,
   garis aksen di atas & kiri, baris berselang warna, garis tipis
   pemisah antarbaris. */
.homepage_about table,
table.deskripsi {
  width: 100%;
  box-sizing: border-box;
  border-collapse: separate !important;
  border-spacing: 0;
  margin: 0 !important;
  padding: 10px 0;
  background: #ffffff;
  border: 1px solid #d6e3e9 !important;
  border-top: 5px solid var(--utama) !important;
  border-left: 5px solid var(--utama) !important;
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(11, 52, 69, 0.12);
  text-align: left;
  font-size: 14.5px;
  line-height: 1.5;
}

.homepage_about table td,
table.deskripsi td {
  vertical-align: top;
  padding: 9px 18px !important;
  border: none !important;
  border-bottom: 1px solid #e6eef2 !important;
}

.homepage_about table tr:last-child td,
table.deskripsi tr:last-child td {
  border-bottom: none !important;
}

.homepage_about table tr:nth-child(even) td,
table.deskripsi tr:nth-child(even) td {
  background: #f3f8fa;
}

/* Kolom label (kiri) */
.homepage_about table td:first-child,
table.deskripsi td.label {
  width: 34%;
  font-weight: 700;
  color: var(--gelap);
  white-space: nowrap;
}

/* Kolom titik dua (jika ada) dibuat sempit */
.homepage_about table td:nth-child(2):not(:last-child) {
  width: 1%;
  padding-left: 0 !important;
  padding-right: 6px !important;
}

/* Kolom isi (kanan) */
.homepage_about table td:last-child {
  color: var(--teks);
}

.homepage_about table td:last-child a {
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dotted var(--utama);
}

.homepage_about table td:last-child a:hover {
  border-bottom-style: solid;
}

.homepage_about > *:last-child {
  margin-bottom: 0 !important;
}

/* Sampul: bingkai putih tipis supaya serasi dengan kartu tabel */
.homepage_image img {
  border: 6px solid #ffffff;
  border-radius: 4px;
  box-shadow: 0 3px 12px rgba(11, 52, 69, 0.28) !important;
}

@media (max-width: 600px) {
  .homepage_about table td:first-child {
    white-space: normal;
    width: 40%;
  }
  .homepage_about table td,
  table.deskripsi td {
    padding: 8px 12px !important;
  }
}

/* ==========================================================
   6. PENGUMUMAN
   ========================================================== */
.cmp_announcements {
  margin-top: 32px;
  border: 1px solid #d6e3e9;
  border-top: 4px solid var(--utama);
  border-radius: 6px;
  background: #f7fafb;
  box-shadow: 0 3px 10px rgba(11, 52, 69, 0.08);
  overflow: hidden;
}

.cmp_announcements.highlight_first {
  background: #f7fafb;
}

.cmp_announcements .obj_announcement_summary {
  padding: 22px 26px !important;
}

.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a,
.obj_announcement_summary h4 a {
  color: var(--utama) !important;
  font-weight: 700;
}

.obj_announcement_summary .date {
  color: #777;
}

.obj_announcement_summary .read_more {
  font-weight: 700;
}

/* ==========================================================
   7. TERBITAN (Current Issue / Archives)
   ========================================================== */
/* Judul bagian "Current Issue" di beranda */
.current_issue > h2 {
  color: var(--teks);
  padding-bottom: 8px;
  border-bottom: 3px solid var(--utama);
}

/* Judul terbitan, misal "Vol. 1 No. 1 (2026)" */
.current_issue_title,
.obj_issue_toc .heading .title {
  font-weight: 700;
  color: var(--utama);
}

/* Sampul terbitan */
.obj_issue_toc .heading .cover img,
.obj_issue_summary .cover img {
  box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.35);
}

/* Judul seksi "Articles" memakai gaya bawaan (abu-abu dengan garis) */
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
  margin-bottom: 25px;
}

/* Daftar terbitan di halaman Archives */
.obj_issue_summary {
  background: var(--abu);
  border-bottom: 4px solid var(--utama);
  border-radius: 8px;
  padding: 15px;
}

.obj_issue_summary .title {
  font-weight: 700;
}

.obj_issue_summary .series {
  color: var(--teks);
  font-weight: 600;
}

.page_issue_archive .issues_archive > li {
  margin-bottom: 18px;
}

/* ==========================================================
   8. DAFTAR ARTIKEL (Current Issue / Archives)
   Gaya daftar bersih: tanpa kotak, judul KAPITAL tebal gelap,
   ikon penulis, tombol PDF bergaris di bawahnya.
   ========================================================== */
.obj_issue_toc .articles > li,
.cmp_article_list > li {
  margin: 0 0 42px !important;
  padding: 0 !important;
  border: none !important;
}

.obj_article_summary {
  position: relative;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-size: 15px;
}

/* Judul artikel: huruf kapital, tebal, warna gelap */
.obj_article_summary > .title,
.obj_article_summary > h3,
.obj_article_summary > h4 {
  margin: 0 0 14px !important;
  font-size: 19px;
  line-height: 1.42;
}

.pkp_structure_main .obj_article_summary > .title a,
.pkp_structure_main .obj_article_summary > h3 a,
.pkp_structure_main .obj_article_summary > h4 a {
  color: #16202b !important;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.01em;
}

.pkp_structure_main .obj_article_summary > .title a:hover,
.pkp_structure_main .obj_article_summary > h3 a:hover,
.pkp_structure_main .obj_article_summary > h4 a:hover {
  color: var(--utama) !important;
}

.obj_article_summary .title .subtitle {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  color: #3a4552;
}

/* Penulis dengan ikon orang (FontAwesome, tanpa gambar luar) */
.obj_article_summary .meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4px 16px;
  margin: 0 0 18px;
  padding: 0;
  border: none;
}

.obj_article_summary .meta .authors {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0;
  background: none !important;
  font-weight: 400;
  font-size: 15px;
  color: #2a3340;
}

.obj_article_summary .meta .authors::before {
  content: "\f0c0";
  margin-right: 10px;
  font-family: FontAwesome;
  font-size: 15px;
  color: #2a3340;
}

.obj_article_summary .meta .pages {
  color: #555;
  white-space: nowrap;
}

/* Tombol PDF: kotak bergaris warna utama, latar putih */
.obj_article_summary .galleys_links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 !important;
  padding: 0;
}

.obj_article_summary .galleys_links li {
  margin: 0 !important;
}

.pkp_structure_main .obj_galley_link,
.obj_galley_link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 160px;
  justify-content: center;
  background: #ffffff !important;
  border: 1.5px solid var(--utama) !important;
  border-radius: 2px !important;
  color: var(--utama) !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 18px 28px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s;
}

.pkp_structure_main .obj_galley_link::before,
.obj_galley_link::before {
  color: var(--utama) !important;
}

.pkp_structure_main .obj_galley_link:hover,
.pkp_structure_main .obj_galley_link:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--utama) !important;
  color: #ffffff !important;
}

.pkp_structure_main .obj_galley_link:hover::before,
.pkp_structure_main .obj_galley_link:focus::before,
.obj_galley_link:hover::before,
.obj_galley_link:focus::before {
  color: #ffffff !important;
}

/* Statistik & DOI (jika kode template ditambahkan) */
.obj_article_summary .article_stats {
  display: flex;
  justify-content: space-between;
  margin: -6px 0 16px;
  color: #2a3340;
}

.obj_article_summary .article_stats .abstract_views::before,
.obj_article_summary .article_stats .pdf_views::before {
  margin-right: 8px;
  font-family: FontAwesome;
}

.obj_article_summary .article_stats .abstract_views::before { content: "\f201"; }
.obj_article_summary .article_stats .pdf_views::before { content: "\f019"; }

.obj_article_summary .doi {
  margin-top: 12px;
  font-size: 15px;
  color: #2a3340;
}

/* "View All Issues" */
.current_issue .read_more {
  font-weight: 700;
}

@media (max-width: 600px) {
  .obj_article_summary > .title,
  .obj_article_summary > h3,
  .obj_article_summary > h4 {
    font-size: 16px;
  }
  .pkp_structure_main .obj_galley_link,
  .obj_galley_link {
    min-width: 0;
    padding: 12px 20px !important;
    font-size: 15px;
  }
}

/* ==========================================================
   9. HALAMAN DETAIL ARTIKEL
   ========================================================== */
.obj_article_details .page_title {
  background: var(--abu);
  border: none;
  border-left: 6px solid var(--utama);
  border-radius: 6px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
  padding: 15px;
  color: var(--teks);
  line-height: 1.4;
}

.obj_article_details .subtitle {
  color: #555;
}

/* Label tiap bagian (Abstract, Keywords, References, dll.) */
.obj_article_details .item .label,
.obj_article_details .main_entry .item > h2,
.obj_article_details .entry_details .item .label {
  color: var(--utama);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.03em;
}

/* Daftar penulis */
.obj_article_details .authors li {
  padding-left: 0;
}

.obj_article_details .authors .name {
  font-weight: 700;
  color: var(--teks);
}

.obj_article_details .authors .affiliation {
  color: #555;
}

/* Kolom kanan detail artikel (sampul, PDF, terbitan, dll.) */
.obj_article_details .entry_details {
  background: var(--abu);
  border-radius: 6px;
  border-top: 4px solid var(--utama);
}

.obj_article_details .entry_details .item {
  border-bottom: 1px solid #ffffff;
}

/* Abstrak & referensi */
.obj_article_details .item.abstract,
.obj_article_details .item.references {
  text-align: justify;
}

.obj_article_details .item.keywords .value {
  font-style: italic;
}

/* ==========================================================
   10. SIDEBAR
   ========================================================== */
.pkp_structure_sidebar .pkp_block {
  border-left: none !important;
}

.pkp_block.block_custom {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Isi blok selebar judul blok (tanpa jarak dalam tambahan) */
.pkp_structure_sidebar .block_custom .content {
  padding: 0 !important;
  margin: 0 !important;
}

.pkp_structure_sidebar .block_custom .content > *:first-child {
  margin-top: 0 !important;
}

/* Judul bawaan blok (TOOLS, PARTNER, dll.) */
.pkp_structure_sidebar .pkp_block .title {
  display: block;
  margin: 0 0 12px;
  padding: 0.8rem 1rem;
  background: linear-gradient(178deg, var(--utama) 0%, var(--gelap) 100%);
  border-bottom: 0.3rem solid var(--utama);
  color: #fff !important;
  font-weight: bold;
  text-transform: uppercase;
}

/* Logo-logo di blok (Mendeley, Turnitin, dll.) jadi ubin abu-abu */
.pkp_structure_sidebar .block_custom .content > p {
  margin: 0 0 6px;
  padding: 10px;
  background: var(--abu);
  text-align: center;
  transition: background 0.3s;
}

.pkp_structure_sidebar .block_custom .content > p:hover {
  background: var(--abu-tua);
}

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

/* Blok menu dengan struktur kepala/badan */
.kepala {
  background: linear-gradient(178deg, var(--utama) 0%, var(--gelap) 100%);
  border-bottom: 0.3rem solid var(--utama);
  color: #fff;
  font-weight: bold;
  padding: 1rem;
}

.kepala,
.badan {
  box-sizing: border-box;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.kepala {
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0.03em;
}

.badan {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}

.badan > p {
  margin: 0;
}

.badan a {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0.65rem 1rem;
  background: var(--abu);
  border-bottom: 0.2rem solid #fff;
  color: var(--teks);
  font-size: 14px;
  line-height: 1.35;
  text-decoration: none;
  transition: 0.4s;
}

.badan a:hover {
  background: #fafafa;
  box-shadow: 0 0 1px gray;
  color: var(--utama);
}

/* Ikon menu otomatis berdasarkan alamat tautan */
.badan i.fa {
  display: none;
}

.badan a::before {
  display: inline-block;
  flex: 0 0 1.6em;
  width: 1.6em;
  text-align: center;
  margin-right: 0.5em;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: var(--utama);
  content: "\f105";
}

.badan a[href*="FocusandScope"]::before,
.badan a[href*="focus-and-scope"]::before   { content: "\f06e"; }
.badan a[href*="ditorialTeam"]::before      { content: "\f0c0"; }
.badan a[href*="eviewer"]::before           { content: "\f2bd"; }
.badan a[href*="uthorGuidelines"]::before   { content: "\f02d"; }
.badan a[href*="PeerReview"]::before        { content: "\f021"; }
.badan a[href*="PublicationEthics"]::before { content: "\f24e"; }
.badan a[href*="Copyright"]::before         { content: "\f1f9"; }
.badan a[href*="OpenAccess"]::before        { content: "\f09c"; }
.badan a[href*="Plagiarism"]::before        { content: "\f0c5"; }
.badan a[href*="Archiving"]::before         { content: "\f187"; }
.badan a[href*="Crossmark"]::before         { content: "\f00c"; }
.badan a[href*="Fee"]::before,
.badan a[href*="Charges"]::before           { content: "\f0d6"; }
.badan a[href*="Retraction"]::before        { content: "\f0e2"; }
.badan a[href*="Indexing"]::before,
.badan a[href*="indexing"]::before          { content: "\f002"; }
.badan a[href*="ConflictofInterest"]::before { content: "\f071"; }
.badan a[href*="ArtificialIntelligence"]::before { content: "\f085"; }
.badan a[href*="about/submissions"]::before { content: "\f1d8"; }
.badan a[href*="Template"]::before          { content: "\f1c2"; }

.badan a:hover::before {
  color: inherit;
}

.badan a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  background: var(--utama);
  transform: scaleX(0);
  transform-origin: left;
  transition: 800ms;
}

.badan a:hover::after {
  transform: scaleX(1);
}

/* ==========================================================
   11. FOOTER
   ========================================================== */
.pkp_structure_footer_wrapper {
  background: var(--abu);
  border-top: 4px solid var(--utama);
  border-bottom: 20px solid var(--utama);
}

.pkp_footer_content {
  color: var(--teks);
}

.pkp_footer_content a {
  color: var(--utama);
}

.pkp_brand_footer {
  display: none;
}

/* ==========================================================
   12. TAMPILAN HP / TABLET
   ========================================================== */
@media (max-width: 991px) {
  .homepage_about {
    width: 100%;
    margin-top: 20px !important;
  }

  .homepage_image {
    width: 100% !important;
    margin: 0 0 20px !important;
  }

  .homepage_image img {
    max-width: 240px;
  }

  .pkp_navigation_primary_row {
    padding-left: 0;
    padding-right: 0;
  }

  .pkp_navigation_search_wrapper {
    padding: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .badan a,
  .badan a::after,
  .obj_article_summary,
  .obj_galley_link,
  .pkp_navigation_primary_row a {
    transition: none !important;
  }
}