@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap');

/* ==========================================================================
   JURNAL BISNIS MAHASISWA — OJS 3.3 / 3.4 (Default Theme)
   Pasang : Settings > Website > Appearance > Advanced > Journal style sheet
   Catatan: file ini SUDAH mencakup semua aturan dari styleSheet.css lama.
   Ganti warna cukup di bagian :root.
   ========================================================================== */

:root {
  --j-primary:      #000B36;   /* warna utama jurnal                    */
  --j-primary-2:    #0a1a52;   /* sedikit lebih terang (hover, strip)   */
  --j-link:         #1f3b9a;   /* warna tautan agar terbedakan dari teks */
  --j-soft:         #eef1f8;   /* latar hover / label                   */
  --j-accent:       #f7bc4a;   /* kuning identitas jurnal               */
  --j-accent-dark:  #e5a524;
  --j-text:         #1c2333;
  --j-muted:        #5b6476;
  --j-border:       #e4e7ef;
  --j-radius:       12px;
  --j-shadow:       0 1px 2px rgba(0,11,54,.04), 0 4px 16px rgba(0,11,54,.06);
  --j-shadow-hover: 0 2px 6px rgba(0,11,54,.08), 0 12px 28px rgba(0,11,54,.12);
  --j-font:         'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --j-serif:        'Source Serif 4', Georgia, 'Times New Roman', serif;
}

/* ==========================================================================
   DASAR
   ========================================================================== */
html, body {
  background-color: #f8fafc !important;   /* latar luar abu-abu sangat muda (seperti SSIJ) */
  background-image: none !important;
  /* Ingin motif lama lagi? Hapus baris "background-image: none" di atas,
     lalu aktifkan baris berikut:
  background-image: url("https://jurnalbisnismahasiswa.com/public/site/images/ikhlash/motif-background.jpg") !important; */
}
body {
  font-family: var(--j-font);
  font-size: 14px;
  line-height: 1.65;
  color: var(--j-text);
  -webkit-font-smoothing: antialiased;
}
.pkp_structure_page { background: transparent; }

a { color: var(--j-link); }
a:hover, a:focus { color: var(--j-primary); }

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_block .title { font-family: var(--j-font); }

.pkp_structure_main p { line-height: 1.7; }

/* ==========================================================================
   HEADER
   ========================================================================== */
.pkp_structure_head {
  position: relative;
  background: var(--j-primary) !important;
  border-bottom: 0 !important;
  box-shadow: 0 2px 14px rgba(0, 11, 54, .25);
}

/* Logo (dari CSS lama: tanpa jarak tambahan) */
.pkp_site_name_wrapper { padding-top: 0; padding-bottom: 0; }
.pkp_site_name { margin: 0; }
.pkp_site_name > a { margin-top: 0; margin-bottom: 0; }
.pkp_site_name .is_img { display: block; margin: 0; padding: 0; }
.pkp_site_name .is_img img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}

/* ---------- Header gambar dibuat PENUH selebar area header ---------- */
.has_site_logo .pkp_site_name,
.pkp_site_name { width: 100% !important; }
.pkp_site_name > a.is_img { display: block; width: 100%; }
.pkp_site_name .is_img img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

/* Judul jurnal bila tidak memakai logo */
.pkp_site_name .is_text {
  color: #fff !important;
  font-weight: 800;
  letter-spacing: -.01em;
  text-decoration: none;
}

/* Menu pengguna (nama login, Register, Login) */
.pkp_navigation_user a { text-decoration: none; }

/* ---------- Desktop ---------- */
@media (min-width: 992px) {
  .pkp_site_name > a.is_text { padding-top: 22px; padding-bottom: 22px; font-size: 30px; line-height: 1.25; }

  /* Menu pengguna (admin + notifikasi) jadi "pil" solid agar terbaca di atas gambar header */
  .pkp_navigation_user_wrapper { top: 10px !important; }
  .pkp_navigation_user > li > a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    margin-right: 0 !important;
    padding: 6px 8px 6px 16px !important;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 999px;
    background: #000B36 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.35);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
  }
  .pkp_navigation_user > li > a:hover,
  .pkp_navigation_user > li:hover > a { border-color: var(--j-accent); color: #fff !important; }
  .pkp_navigation_user > li > a .task_count {
    position: static !important;
    min-width: 26px;
    width: auto !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--j-accent) !important;
    color: #000B36 !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 22px !important;
    text-align: center;
  }
  .pkp_navigation_user ul a { color: var(--j-text) !important; font-size: 14px; }

  /* Baris menu utama */
  .pkp_navigation_primary_row {
    background: transparent;
    border-top: 1px solid rgba(255,255,255,.12);
  }
  .pkp_navigation_primary_wrapper { text-align: center; padding-top: 6px; padding-bottom: 6px; }

  .pkp_navigation_primary > li > a {
    margin: 0 2px !important;
    padding: 10px 14px !important;
    border: 0 !important;
    border-radius: 8px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02em;
    transition: background-color .2s ease;
  }
  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus,
  .pkp_navigation_primary > li:hover > a {
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
  }
  .pkp_navigation_primary > li > a .fa { color: var(--j-accent); margin-right: 3px; }

  /* Dropdown */
  .pkp_navigation_primary ul {
    border: 0 !important;
    border-radius: 10px !important;
    padding: 6px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(0,11,54,.22) !important;
    text-align: left;
  }
  .pkp_navigation_primary ul a {
    border: 0 !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    color: var(--j-text) !important;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
  }
  .pkp_navigation_primary ul a:hover,
  .pkp_navigation_primary ul a:focus {
    background: var(--j-soft) !important;
    color: var(--j-primary) !important;
  }

  /* Tombol Search */
  .pkp_navigation_search_wrapper a {
    margin-top: 4px !important;
    padding: 8px 18px !important;
    border: 1px solid rgba(255,255,255,.40) !important;
    border-radius: 999px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease;
  }
  .pkp_navigation_search_wrapper a:hover {
    background: var(--j-accent) !important;
    border-color: var(--j-accent) !important;
    color: var(--j-primary) !important;
  }
}

/* ---------- HP & tablet: header tidak lagi menimpa konten ---------- */
@media (max-width: 991px) {
  .pkp_site_name_wrapper {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: auto !important;
    min-height: 60px;
    padding: 8px 12px 8px 60px !important;
  }
  .pkp_site_name {
    position: static !important;
    left: auto;
    right: auto;
    width: 100%;
    padding: 0 !important;
    white-space: normal;
    overflow: visible;
  }
}
@media (min-width: 600px) and (max-width: 991px) {
  .pkp_site_name_wrapper { min-height: 76px; }
}
@media (max-width: 991px) {
  .pkp_site_name > a.is_text { font-size: 18px; line-height: 1.3; padding: 6px 0; }

  /* Tombol menu (☰) setinggi header dan tetap di kiri */
  .pkp_site_nav_toggle {
    width: 52px !important;
    height: 100% !important;
    box-shadow: 1px 0 0 rgba(255,255,255,.15) !important;
  }

  /* Panel menu hamburger */
  .pkp_site_nav_menu {
    background: var(--j-primary) !important;
    padding: 12px 16px 18px !important;
    box-shadow: 0 12px 24px rgba(0,11,54,.25);
  }
  .pkp_site_nav_menu a {
    display: block !important;
    padding: 9px 4px !important;
    color: #fff !important;
    font-size: 15px;
    text-decoration: none !important;
  }
  .pkp_site_nav_menu a:hover { color: var(--j-accent) !important; }
  .pkp_site_nav_menu ul ul a { font-size: 14px; color: rgba(255,255,255,.8) !important; }
}

/* ==========================================================================
   AREA KONTEN
   ========================================================================== */
@media (min-width: 992px) {
  .pkp_structure_content { padding-top: 32px; }
}

/* Garis pemisah tema dipertahankan, dibuat lebih halus */
.pkp_structure_main::before,
.pkp_structure_main::after { background: #e6e9f0 !important; }

/* Breadcrumb */
.cmp_breadcrumbs { font-size: 13px; }
.cmp_breadcrumbs a { color: var(--j-link); font-weight: 600; text-decoration: none; }
.cmp_breadcrumbs .current { color: var(--j-muted); }

/* Judul halaman (Archives, About, Announcements, dll.) */
.pkp_structure_main .page > h1,
.pkp_structure_main h1.page_title {
  position: relative;
  margin: 10px 0 28px;
  padding-bottom: 14px;
  color: var(--j-primary);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.015em;
}
.pkp_structure_main .page > h1::after,
.pkp_structure_main h1.page_title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 56px;
  height: 4px;
  border-radius: 4px;
  background: var(--j-accent);
}

/* ==========================================================================
   BERANDA
   ========================================================================== */
.page_index_journal .homepage_image { margin-bottom: 24px; }
.page_index_journal .homepage_image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--j-radius);
}

.page_index_journal .homepage_about,
.page_index_journal .cmp_announcements,
.page_index_journal .current_issue,
.page_index_journal .additional_content {
  background: #fff;
  border: 1px solid var(--j-border) !important;
  border-radius: var(--j-radius);
  box-shadow: var(--j-shadow);
  padding: 30px 32px;
  margin: 0 0 28px 0 !important;
}

.page_index_journal > * > h2 {
  position: relative;
  margin: 0 0 22px 0 !important;
  padding-bottom: 12px;
  color: var(--j-primary);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -.01em;
}
.page_index_journal > * > h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 4px;
  border-radius: 4px;
  background: var(--j-accent);
}

/* Tabel identitas jurnal & teks "About" */
.page_index_journal .homepage_about,
.page_index_journal .homepage_about p,
.page_index_journal .additional_content p { font-size: 14px; line-height: 1.7; color: #2a3142; }
.page_index_journal .homepage_about table td,
.page_index_journal .additional_content table td {
  font-size: 14px !important;
  line-height: 1.6;
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: top;
}

/* ---------- Pengumuman ---------- */
.cmp_announcements .obj_announcement_summary {
  padding: 0 0 18px 0;
  margin-bottom: 18px;
  border-bottom: 1px dashed var(--j-border);
}
.cmp_announcements .obj_announcement_summary:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.cmp_announcements .more { border: 0 !important; }
.obj_announcement_summary h2,
.obj_announcement_summary h3,
.obj_announcement_summary h4 { margin: 8px 0 6px !important; font-size: 16px; font-weight: 700; line-height: 1.4; }
.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a,
.obj_announcement_summary h4 a { color: var(--j-text); text-decoration: none; }
.obj_announcement_summary h2 a:hover,
.obj_announcement_summary h3 a:hover,
.obj_announcement_summary h4 a:hover { color: var(--j-link); }
.obj_announcement_summary .date {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 999px;
  background: var(--j-soft);
  color: var(--j-primary);
  font-size: 13px;
  font-weight: 700;
}
.obj_announcement_summary .summary { color: var(--j-muted); font-size: 14px; line-height: 1.7; }

/* ---------- Terbitan terkini ---------- */
.current_issue .current_issue_title {
  margin-bottom: 18px;
  color: var(--j-link);
  font-size: 16px;
  font-weight: 700;
}
.obj_issue_toc .heading { margin-bottom: 24px; }
.obj_issue_toc .description { color: #2a3142; font-size: 14px; line-height: 1.75; }
.obj_issue_toc .published { color: var(--j-muted); font-size: 14px; }

/* Sampul berbingkai (dari CSS lama) */
.obj_issue_toc img,
.obj_issue_summary .cover img {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 5px;
  background: #fff;
  transition: box-shadow .2s ease;
}
.obj_issue_toc img:hover,
.obj_issue_summary .cover img:hover { box-shadow: 0 6px 18px rgba(0,11,54,.18); }

/* Label section (ARTICLES, dll.) */
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3,
.obj_issue_toc .section > h4 {
  display: inline-block;
  margin: 22px 0 14px !important;
  padding: 5px 12px;
  border: 0;
  border-radius: 6px;
  background: var(--j-primary);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.obj_issue_toc .section::before,
.obj_issue_toc .section::after { display: none !important; }

/* Daftar artikel */
.cmp_article_list { margin: 0; padding: 0; list-style: none; }
.cmp_article_list > li { margin: 0 0 14px 0; padding: 0; }
.obj_article_summary {
  padding: 18px 20px;
  border: 1px solid var(--j-border) !important;
  border-left: 4px solid var(--j-primary) !important;
  border-radius: 10px;
  background: #fff;
  transition: box-shadow .2s ease, transform .2s ease;
}
.obj_article_summary:hover { box-shadow: var(--j-shadow-hover); transform: translateY(-1px); }
.obj_article_summary .title { margin: 0 !important; font-size: 15px; line-height: 1.45; font-weight: 700; }
.obj_article_summary .title a { color: var(--j-text); text-decoration: none; }
.obj_article_summary .title a:hover { color: var(--j-link); }
.obj_article_summary .subtitle { color: var(--j-muted); font-weight: 500; }
.obj_article_summary .meta { margin-top: 6px; color: var(--j-muted); font-size: 14px; }
.obj_article_summary .authors { font-style: italic; }
.obj_article_summary .galleys_links { margin-top: 12px; }

/* Tombol PDF / galley */
.obj_galley_link {
  display: inline-block;
  padding: 5px 16px !important;
  border: 1px solid var(--j-primary) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--j-primary) !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}
.obj_galley_link:hover,
.obj_galley_link:focus { background: var(--j-primary) !important; color: #fff !important; }

/* Tombol "View All Issues" */
.current_issue .read_more {
  display: inline-block;
  margin-top: 16px;
  padding: 11px 20px;
  border-radius: 8px;
  background: var(--j-primary);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s ease;
}
.current_issue .read_more:hover { background: var(--j-primary-2); }

/* ==========================================================================
   HALAMAN ARCHIVES
   ========================================================================== */
.page_issue_archive .issues_archive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 20px;
  align-items: start;
  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 {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--j-border);
  border-top: 4px solid var(--j-primary);
  border-radius: var(--j-radius);
  background: #fff;
  box-shadow: var(--j-shadow);
  transition: box-shadow .2s ease, transform .2s ease;
}
.page_issue_archive .obj_issue_summary:hover { box-shadow: var(--j-shadow-hover); transform: translateY(-2px); }
.page_issue_archive .obj_issue_summary .cover {
  float: none !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
}
.page_issue_archive .obj_issue_summary .cover img {
  display: block;
  width: 100%;
  max-height: none;
  height: auto;
}
.obj_issue_summary h2 { margin: 0 !important; font-size: 15px !important; line-height: 1.4 !important; }
.obj_issue_summary .title { color: var(--j-primary); font-weight: 800; text-decoration: none; }
.obj_issue_summary .title:hover { color: var(--j-link); }
.obj_issue_summary .series {
  margin: 6px 0 0;
  color: var(--j-muted);
  font-size: 14px;
  font-weight: 500;
}
.obj_issue_summary .description {
  margin-top: 12px;
  font-size: 13.5px;
  line-height: 1.5;
}
.obj_issue_summary .description p {
  display: inline-block;
  margin: 0 !important;
  padding: 4px 10px;
  border-radius: 6px;
  background: #fff6e2;
  color: #7a5200;
  font-size: 13.5px !important;
  font-weight: 600;
  line-height: 1.5 !important;
}

/* Paginasi */
.cmp_pagination { margin-top: 28px; font-size: 14px; }
.cmp_pagination a,
.cmp_pagination .current {
  display: inline-block;
  min-width: 36px;
  padding: 6px 10px;
  border-radius: 8px;
  text-align: center;
  text-decoration: none;
}
.cmp_pagination a { border: 1px solid var(--j-border); color: var(--j-primary); }
.cmp_pagination a:hover { background: var(--j-soft); }
.cmp_pagination .current { background: var(--j-primary); color: #fff; }

/* ==========================================================================
   HALAMAN ARTIKEL (dari CSS lama)
   ========================================================================== */
h2.label { font-style: normal; display: block; }
.obj_article_details .authors .affiliation { font-style: italic; }
.obj_article_details .abstract,
.obj_article_details .references,
div.item.references { text-align: justify; }
div.item.abstract { text-align: justify; display: inline-grid; }
div.item.references p { text-indent: -36px; padding-left: 36px; }

/* ==========================================================================
   SIDEBAR
   ========================================================================== */
/* jarak yang lega antara konten utama dan sidebar (desktop) */
@media (min-width: 992px) {
  /* sidebar berada di tengah kolomnya: jarak kiri (dari garis) = jarak kanan */
  .pkp_structure_sidebar { box-sizing: border-box; padding-left: 28px; padding-right: 28px; }
  /* sembunyikan garis vertikal tema di semua kemungkinan posisinya */
  .pkp_structure_main, .pkp_structure_sidebar { border-left: 0 !important; border-right: 0 !important; }
  .pkp_structure_content::before, .pkp_structure_content::after { background: none !important; border: 0 !important; }
}

.pkp_structure_sidebar .pkp_block {
  overflow: hidden;
  margin: 0 0 24px 0;
  padding: 0 !important;
  background: #fff;
  border: 1px solid var(--j-border) !important;
  border-radius: var(--j-radius);
  box-shadow: var(--j-shadow);
  font-size: 14px;
}

/* Judul blok: bar navy penuh (.title bawaan & .ptitle buatan sendiri) */
.pkp_structure_sidebar .pkp_block .title,
.block_custom .ptitle {
  display: block;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 14px 18px !important;
  border: 0 !important;
  background: var(--j-primary);
  color: #fff !important;
  font-family: var(--j-font) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.pkp_structure_sidebar .pkp_block .title::after,
.block_custom .ptitle::after { display: none !important; }

/* Isi blok: teks & gambar diberi jarak kiri-kanan */
.pkp_structure_sidebar .pkp_block .content { padding: 16px 18px; }
/* Isi yang berupa daftar menu (langsung atau dibungkus elemen lain):
   selebar blok, jarak kiri & kanan diatur sama per item */
.pkp_structure_sidebar .pkp_block .content:has(ul) { padding: 0; }
.pkp_structure_sidebar .pkp_block .content:has(ul) p { padding: 0 18px; }
.pkp_structure_sidebar .pkp_block .content:has(ul) p:first-child { padding-top: 14px; }
.pkp_structure_sidebar .pkp_block .content:has(ul) p:last-child { padding-bottom: 14px; }

.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;
  border: 0;
  border-bottom: 1px solid #edf0f5;
  font-family: var(--j-font);
}
.pkp_structure_sidebar .pkp_block ul li:last-child { border-bottom: 0; }
.pkp_structure_sidebar .pkp_block ul li::before { display: none !important; }

.pkp_structure_sidebar .pkp_block ul li a {
  position: relative;
  display: block;
  padding: 12px 18px;
  color: #24324a;
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease, padding-left .18s ease, box-shadow .18s ease;
}
/* tanpa titik/garis tambahan — ikon & "|" milik Anda tetap tampil */
.pkp_structure_sidebar .pkp_block ul li a::before,
.pkp_structure_sidebar .pkp_block ul li a::after { display: none !important; content: none !important; }

.pkp_structure_sidebar .pkp_block ul li a .fa,
.pkp_structure_sidebar .pkp_block ul li a i {
  width: 20px;
  margin-right: 4px;
  color: var(--j-primary);
  text-align: center;
}
.pkp_structure_sidebar .pkp_block ul li a:hover,
.pkp_structure_sidebar .pkp_block ul li a:focus {
  padding-left: 24px;
  background: var(--j-soft);
  color: var(--j-primary);
  box-shadow: inset 4px 0 0 var(--j-accent);
}
.pkp_structure_sidebar .pkp_block ul ul li a { padding-left: 32px; font-weight: 500; }

.pkp_structure_sidebar .pkp_block img { max-width: 100%; height: auto; }
.pkp_structure_sidebar .pkp_block p { font-size: 14px; line-height: 1.65; color: #2a3142; }

/* Tombol "Make a Submission" */
.pkp_structure_sidebar .block_make_submission { padding: 16px !important; }
.pkp_structure_sidebar .block_make_submission .content { padding: 0; }
.pkp_structure_sidebar .block_make_submission_link {
  display: block;
  padding: 14px 16px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--j-accent) !important;
  color: var(--j-primary) !important;
  font-size: 15px !important;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(247,188,74,.40) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
  transition: transform .18s ease, background-color .18s ease;
}
.pkp_structure_sidebar .block_make_submission_link:hover {
  background: var(--j-accent-dark) !important;
  transform: translateY(-1px);
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.pkp_structure_footer_wrapper {
  background: var(--j-primary) !important;
  border-top: 4px solid var(--j-accent);
  color: rgba(255,255,255,.88);
}
.pkp_footer_content { padding: 32px 20px; }
.pkp_footer_content,
.pkp_footer_content p,
.pkp_footer_content span,
.pkp_footer_content small,
.pkp_footer_content div {
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,.88);
}
.pkp_footer_content a { color: #fff !important; text-decoration: underline; text-underline-offset: 2px; }
.pkp_footer_content a:hover { color: var(--j-accent) !important; }

/* Sembunyikan logo OJS / PKP */
.pkp_brand_footer { display: none !important; }

/* ==========================================================================
   TOMBOL WHATSAPP MELAYANG (dari CSS lama)
   ========================================================================== */
.wa-float-btn {
  position: fixed !important;
  bottom: 25px;
  right: 25px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25D366;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  text-decoration: none !important;
}
.wa-float-btn:hover {
  background-color: #128C7E;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
  transform: scale(1.1);
}
.wa-float-btn img {
  position: relative;
  z-index: 1;
  width: 35px !important;
  height: 35px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.wa-float-btn::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25D366;
  opacity: 0;
  animation: wa-pulse 2s infinite;
}
@keyframes wa-pulse {
  0%   { transform: scale(1);   opacity: 0.5; }
  100% { transform: scale(1.6); opacity: 0; }
}
/* paragraf pembungkus tombol WA di footer tidak menyisakan ruang kosong */
.pkp_footer_content p:has(> .wa-float-btn) { margin: 0; height: 0; }

/* ==========================================================================
   RESPONSIF
   ========================================================================== */
@media (max-width: 991px) {
  .page_index_journal .homepage_about,
  .page_index_journal .cmp_announcements,
  .page_index_journal .current_issue,
  .page_index_journal .additional_content { padding: 22px 20px; }
  .page_index_journal > * > h2 { font-size: 19px; }
  .pkp_structure_main .page > h1,
  .pkp_structure_main h1.page_title { font-size: 23px; }
  .pkp_structure_sidebar { padding: 8px 10px 0; }
  .pkp_structure_sidebar .pkp_block ul li a { padding: 13px 18px; }
}
@media (max-width: 600px) {
  .page_index_journal .homepage_about table { width: 100% !important; }
  .page_index_journal .homepage_about img { max-width: 100%; height: auto; }
  .page_index_journal .homepage_about table td { font-size: 14.5px !important; }
  /* tabel luar (sampul | identitas) ditumpuk; tabel identitas tetap 2 kolom */
  .page_index_journal .homepage_about > table > tbody > tr > td { display: block; width: auto !important; }
  .page_index_journal .homepage_about > table > tbody > tr > td img { max-width: 160px; margin: 0 auto 10px; display: block; }
  .page_index_journal .homepage_about p { text-align: left !important; }
  .page_index_journal .homepage_about table table td { width: auto !important; padding-right: 6px; }
  .wa-float-btn { width: 54px; height: 54px; bottom: 18px; right: 18px; }
  .wa-float-btn::before { width: 54px; height: 54px; }
  .wa-float-btn img { width: 31px !important; height: 31px !important; }
}


/* ==========================================================================
   BLOK "ABOUT THE JOURNAL" (kode HTML jbm-about di Journal Summary)
   ========================================================================== */
/* kartu & judul bawaan disembunyikan bila blok ini dipakai */
.homepage_about:has(.jbm-about) {
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
.homepage_about:has(.jbm-about) > h2 { display: none !important; }

.jbm-about {
  container-type: inline-size;
  overflow: hidden;
  margin: 0 0 8px;
  border: 1px solid var(--j-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--j-shadow);
  font-family: var(--j-font);
  color: var(--j-text);
}
.jbm-about p { margin: 0; }
.jbm-about h2,
.jbm-about h3,
.jbm-about h4 { margin: 0; padding: 0; font-family: var(--j-serif); color: var(--j-primary); }
.jbm-about h2::after,
.jbm-about h3::after { display: none !important; }

/* ---------- Bagian atas (navy) ---------- */
.jbm-about .jbm-top {
  background: linear-gradient(135deg, #000B36 0%, #0a1a52 100%);
  color: #fff;
}
.jbm-about .jbm-hero {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 34px 32px 28px;
}
.jbm-about .jbm-hero-text { flex: 1 1 auto; min-width: 0; }
.jbm-about h2.jbm-hero-title {
  margin: 0 0 12px !important;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.15;
}
.jbm-about h2.jbm-hero-title span { color: var(--j-accent); font-size: 0.72em; font-weight: 600; }
.jbm-about .jbm-hero p.jbm-hero-lead {
  margin-bottom: 22px;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  line-height: 1.65;
  text-align: left;
}
.jbm-about .jbm-hero p.jbm-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.jbm-about .jbm-hero p.jbm-hero-pub { color: rgba(255,255,255,.78); font-size: 13.5px; line-height: 1.5; }
.jbm-about .jbm-hero p.jbm-hero-pub strong { color: #fff; }

/* Tombol */
.jbm-about a.jbm-btn {
  display: inline-block;
  padding: 11px 20px;
  border-radius: 8px;
  font-family: var(--j-font);
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none !important;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.jbm-about a.jbm-btn-primary { background: var(--j-accent); color: var(--j-primary) !important; }
.jbm-about a.jbm-btn-primary:hover { background: var(--j-accent-dark); transform: translateY(-1px); }
.jbm-about a.jbm-btn-ghost { border: 1px solid rgba(255,255,255,.7); color: #fff !important; }
.jbm-about a.jbm-btn-ghost:hover { background: rgba(255,255,255,.12); }

/* Sampul dengan bingkai kuning bergeser */
.jbm-about .jbm-hero-cover {
  position: relative;
  flex: 0 0 160px;
  padding: 0 12px 12px 0;
}
.jbm-about .jbm-hero-cover::before {
  content: '';
  position: absolute;
  top: 12px; left: 12px; right: 0; bottom: 0;
  border: 1.5px solid var(--j-accent);
  border-radius: 10px;
}
.jbm-about .jbm-hero-cover img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(0,0,0,.45);
}

/* Baris angka (e-ISSN, DOI, dll.) */
.jbm-about .jbm-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(255,255,255,.14);
}
.jbm-about .jbm-stat {
  padding: 14px 20px 16px;
  border-left: 1px solid rgba(255,255,255,.14);
}
.jbm-about .jbm-stat:first-child { border-left: 0; padding-left: 32px; }
.jbm-about .jbm-stat span { display: block; color: rgba(255,255,255,.7); font-size: 12.5px; }
.jbm-about .jbm-stat strong { display: block; margin-top: 2px; color: #fff; font-family: var(--j-serif); font-size: 17px; font-weight: 700; }

/* ---------- Deskripsi + fakta ---------- */
.jbm-about .jbm-body {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  padding: 30px 32px 10px;
}
.jbm-about h3 { margin-bottom: 12px !important; font-size: 24px; font-weight: 700; line-height: 1.25; }
.jbm-about .jbm-desc p {
  margin-bottom: 14px;
  color: #2a3142;
  font-size: 15.5px;
  line-height: 1.75;
  text-align: justify;
}
.jbm-about .jbm-facts {
  padding: 4px 18px;
  border: 1px solid var(--j-border);
  border-radius: 12px;
  background: #f6f7fb;
}
.jbm-about .jbm-fact { padding: 12px 0; border-bottom: 1px solid var(--j-border); }
.jbm-about .jbm-fact:last-child { border-bottom: 0; }
.jbm-about .jbm-fact span { display: block; color: var(--j-muted); font-size: 12.5px; }
.jbm-about .jbm-fact strong { display: block; margin-top: 2px; color: var(--j-text); font-size: 14.5px; font-weight: 700; line-height: 1.45; }

/* ---------- Bagian-bagian ---------- */
.jbm-about .jbm-section { padding: 22px 32px 6px; }
.jbm-about .jbm-section p.jbm-sub { margin: -4px 0 16px; color: var(--j-muted); font-size: 14px; line-height: 1.5; }

.jbm-about .jbm-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.jbm-about .jbm-card { padding: 18px 20px; border-radius: 12px; background: #f6f7fb; }
.jbm-about .jbm-card::before {
  content: '';
  display: block;
  width: 30px;
  height: 3px;
  margin-bottom: 12px;
  border-radius: 3px;
  background: var(--j-accent);
}
.jbm-about .jbm-card:nth-child(even)::before { background: var(--j-primary); }
.jbm-about .jbm-card h4 { margin-bottom: 6px; font-size: 18px; font-weight: 700; }
.jbm-about .jbm-card p { color: var(--j-muted); font-size: 14px; line-height: 1.6; text-align: left; }

.jbm-about .jbm-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.jbm-about .jbm-chip {
  display: inline-block;
  padding: 7px 15px;
  border-radius: 999px;
  background: var(--j-primary);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.jbm-about .jbm-chip-accent { border: 1px solid var(--j-accent); background: #fff6e2; color: #7a5200; }
.jbm-about .jbm-chip-dashed { border: 1px dashed #b9c0cd; background: transparent; color: var(--j-muted); }

.jbm-about .jbm-index { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
.jbm-about .jbm-index-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 8px 12px;
  border: 1px solid var(--j-border);
  border-radius: 10px;
  background: #fff;
  color: var(--j-primary);
  font-size: 15px;
  font-weight: 800;
  text-align: center;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.jbm-about .jbm-index-item:hover { border-color: #c9d0dd; box-shadow: var(--j-shadow); }
.jbm-about .jbm-index-item img { display: block; max-width: 100%; max-height: 36px; width: auto; height: auto; }

/* ---------- Ajakan kirim naskah ---------- */
.jbm-about .jbm-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 26px;
  padding: 26px 32px;
  background: linear-gradient(135deg, #000B36 0%, #0a1a52 100%);
}
.jbm-about .jbm-cta h3 { margin-bottom: 6px !important; color: #fff; font-size: 22px; }
.jbm-about .jbm-cta p { color: rgba(255,255,255,.8); font-size: 14px; line-height: 1.5; }

/* ---------- Layar sempit (mengikuti lebar blok, bukan layar) ---------- */
@container (max-width: 640px) {
  .jbm-about .jbm-hero { flex-direction: column-reverse; align-items: flex-start; gap: 20px; padding: 26px 20px 22px; }
  .jbm-about .jbm-hero-cover { flex: none; width: 130px; }
  .jbm-about h2.jbm-hero-title { font-size: 28px; }
  .jbm-about .jbm-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jbm-about .jbm-stat,
  .jbm-about .jbm-stat:first-child { padding: 12px 20px; border-left: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
  .jbm-about .jbm-stat:nth-child(even) { border-left: 1px solid rgba(255,255,255,.14); }
  .jbm-about .jbm-body { grid-template-columns: minmax(0, 1fr); padding: 24px 20px 6px; }
  .jbm-about .jbm-desc p { text-align: left; }
  .jbm-about .jbm-section { padding: 20px 20px 4px; }
  .jbm-about .jbm-cards { grid-template-columns: minmax(0, 1fr); }
  .jbm-about .jbm-cta { padding: 22px 20px; }
  .jbm-about h3 { font-size: 22px; }
}


/* About the Journal versi inline (kotak bergaya sendiri): tampil langsung
   tanpa kartu pembungkus dan tanpa judul bawaan, sejajar dengan sidebar */
.homepage_about:has(> div[style*="border-radius"]) {
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
.homepage_about:has(> div[style*="border-radius"]) > h2 { display: none !important; }


/* ==========================================================================
   KOLOM KONTEN PUTIH DI ATAS LATAR ABU-ABU (gaya SSIJ)
   Garis kiri & kanan tema menjadi tepi "kertas".
   ========================================================================== */
.pkp_structure_content { background: #ffffff; }
@media (min-width: 768px) {
  .pkp_structure_content { box-shadow: 1px 0 0 #e6e9f0, -1px 0 0 #e6e9f0; }
}

/* garis kiri bawaan tema disembunyikan: tepi kiri kertas sudah digambar oleh kolom putih */
.pkp_structure_main::before { display: none !important; }