/* ==========================================================
   JEEMBA Theme for OJS 3  |  v1.0.0
   Warna diatur lewat: Website > Appearance > Theme > Options
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:wght@700&display=swap');

body {
  font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  color: #1f2937;
  background: #f3f5f9;
  line-height: 1.65;
}
a { color: var(--jm-primary, #0f3d75); }
a:hover, a:focus { color: var(--jm-accent, #e8a317); }

/* ---------- Layout ---------- */
.pkp_structure_page { max-width: 1200px; margin: 0 auto; background: transparent; box-shadow: none; }
.pkp_structure_content { padding-top: 24px; }
.pkp_structure_main {
  background: #fff; border-radius: 10px; padding: 28px 32px;
  box-shadow: 0 2px 10px rgba(15,61,117,.08);
}
.pkp_structure_main:before, .pkp_structure_main:after { display: none; }

/* ---------- Header ---------- */
.pkp_structure_head {
  background: linear-gradient(135deg, var(--jm-primary, #0f3d75) 0%, #1c5aa3 100%);
  border: 0; border-bottom: 4px solid var(--jm-accent, #e8a317);
}
.pkp_head_wrapper { max-width: 1200px; margin: 0 auto; padding: 8px 15px; }
.pkp_site_name .is_text, .pkp_site_name a.is_text {
  font-family: 'Merriweather', Georgia, serif; font-size: 1.9rem; color: #fff; letter-spacing: .3px;
}
.pkp_site_name .is_img img { max-height: 110px; }
.pkp_navigation_user_wrapper { top: 0; }
.pkp_navigation_user > li > a { color: #dbe7f7; font-size: .8rem; }
.pkp_navigation_user > li > a:hover { color: #fff; background: rgba(255,255,255,.12); }

/* Menu utama */
.pkp_navigation_primary_row { background: rgba(0,0,0,.18); border: 0; }
.pkp_navigation_primary_wrapper { max-width: 1200px; margin: 0 auto; }
.pkp_navigation_primary > li > a {
  color: #fff; font-weight: 600; font-size: .86rem; text-transform: uppercase;
  letter-spacing: .4px; padding: 14px 16px; border-bottom: 3px solid transparent;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  background: rgba(255,255,255,.1); color: #fff; border-bottom-color: var(--jm-accent, #e8a317);
}
.pkp_navigation_primary ul { background: #fff; border-radius: 0 0 8px 8px; box-shadow: 0 8px 20px rgba(0,0,0,.15); border: 0; }
.pkp_navigation_primary ul a { color: #1f2937; }
.pkp_navigation_primary ul a:hover { background: #eef3fa; color: var(--jm-primary, #0f3d75); }

/* Kotak pencarian */
.pkp_navigation_search_wrapper a { color: #fff; }

/* ---------- Judul halaman ---------- */
.page h1, .page_index_journal h2, .pkp_structure_main h1 {
  font-family: 'Merriweather', Georgia, serif; color: var(--jm-primary, #0f3d75);
  border-bottom: 3px solid var(--jm-accent, #e8a317); padding-bottom: 8px; display: inline-block;
}
.page_index_journal .homepage_image img { border-radius: 8px; }
.page_index_journal .additional_content,
.page_index_journal .journal-description { font-size: 1rem; }

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar { padding-top: 0; }
.pkp_block {
  background: #fff; border-radius: 10px; margin: 0 0 18px; padding: 0;
  box-shadow: 0 2px 10px rgba(15,61,117,.08); overflow: hidden; border: 0;
}
.pkp_block .title {
  background: var(--jm-primary, #0f3d75); color: #fff; margin: 0; padding: 11px 16px;
  font-size: .82rem; font-weight: 700; letter-spacing: .6px; text-transform: uppercase;
  border-left: 5px solid var(--jm-accent, #e8a317);
}
.pkp_block .content, .pkp_block > ul, .pkp_block > div:not(.title) { padding: 14px 16px; }
.pkp_block ul { list-style: none; margin: 0; padding-left: 0; }
.pkp_block li { padding: 6px 0; border-bottom: 1px dashed #e3e8f0; }
.pkp_block li:last-child { border-bottom: 0; }
.block_make_submission a {
  display: block; text-align: center; background: var(--jm-accent, #e8a317); color: #1a1a1a !important;
  font-weight: 700; padding: 13px; margin: 14px; border-radius: 6px; text-transform: uppercase;
  letter-spacing: .5px; border: 0;
}
.block_make_submission a:hover { filter: brightness(.93); }

/* ---------- Daftar artikel & terbitan ---------- */
.obj_article_summary, .obj_issue_summary {
  background: #fff; border: 1px solid #e3e8f0; border-left: 5px solid var(--jm-primary, #0f3d75);
  border-radius: 8px; padding: 16px 18px; margin-bottom: 14px; transition: box-shadow .2s, transform .2s;
}
.obj_article_summary:hover, .obj_issue_summary:hover {
  box-shadow: 0 6px 18px rgba(15,61,117,.14); transform: translateY(-2px);
}
.obj_article_summary .title a { font-weight: 600; font-size: 1.05rem; text-decoration: none; }
.obj_article_summary .authors { color: #4b5563; font-size: .88rem; }
.obj_article_summary .pages { color: #6b7280; }
.obj_issue_summary .cover img { border-radius: 6px; box-shadow: 0 3px 10px rgba(0,0,0,.2); }
.cmp_article_list > li { border: 0; padding: 0; }
.current_issue .current_issue_title { color: var(--jm-primary, #0f3d75); font-weight: 700; }

/* ---------- Tombol galley (PDF, HTML, dst.) ---------- */
.obj_galley_link, a.obj_galley_link {
  background: var(--jm-primary, #0f3d75); color: #fff; border: 0; border-radius: 5px;
  padding: 5px 14px; font-weight: 600; font-size: .8rem; text-transform: uppercase;
}
.obj_galley_link:hover { background: var(--jm-accent, #e8a317); color: #1a1a1a; }
.obj_galley_link.pdf:before { color: inherit; }

/* ---------- Tombol & form ---------- */
.cmp_button, .pkp_button, button.submit, .cmp_form .buttons button, input[type=submit] {
  background: var(--jm-primary, #0f3d75); color: #fff; border: 0; border-radius: 5px; font-weight: 600;
}
.cmp_button:hover, .pkp_button:hover, button.submit:hover, input[type=submit]:hover {
  background: var(--jm-accent, #e8a317); color: #1a1a1a;
}
.cmp_button_wire { background: transparent; color: var(--jm-primary, #0f3d75); border: 2px solid var(--jm-primary, #0f3d75); }
input[type=text], input[type=email], input[type=password], input[type=search], select, textarea {
  border: 1px solid #cbd5e1; border-radius: 5px;
}
input:focus, select:focus, textarea:focus {
  outline: 0; border-color: var(--jm-primary, #0f3d75); box-shadow: 0 0 0 3px rgba(15,61,117,.15);
}

/* ---------- Halaman artikel ---------- */
.obj_article_details .page_title { font-family: 'Merriweather', Georgia, serif; color: var(--jm-primary, #0f3d75); }
.obj_article_details .item { background: #f8fafd; border-radius: 8px; padding: 14px 18px; margin-bottom: 14px; }
.obj_article_details .item h2, .obj_article_details .item .label {
  color: var(--jm-primary, #0f3d75); font-size: .95rem; text-transform: uppercase; letter-spacing: .4px;
}
.obj_article_details .entry_details .item.doi a,
.obj_article_details .entry_details .item.citation_display .csl-entry { word-break: break-word; }

/* ---------- Breadcrumb, tabel ---------- */
.cmp_breadcrumbs { background: #eef3fa; border-radius: 6px; padding: 8px 14px; margin-bottom: 16px; }
table { border-collapse: collapse; }
table th { background: var(--jm-primary, #0f3d75); color: #fff; }
table td, table th { border: 1px solid #dbe3ee; padding: 8px 10px; }

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper { background: #0b1f3a; color: #cbd5e1; margin-top: 30px; border-top: 4px solid var(--jm-accent, #e8a317); }
.pkp_structure_footer { max-width: 1200px; margin: 0 auto; padding: 26px 15px; }
.pkp_footer_content { color: #cbd5e1; }
.pkp_footer_content a { color: var(--jm-accent, #e8a317); }
.pkp_brand_footer { opacity: .7; }

/* ---------- Responsif ---------- */
@media (max-width: 991px) {
  .pkp_structure_main { padding: 20px 16px; border-radius: 0; }
  .pkp_site_name .is_text { font-size: 1.4rem; }
  .pkp_navigation_primary > li > a { padding: 11px 14px; }
}