/* ===== Aturan lama (jangan dihapus) ===== */
.pkp_brand_footer { display: none; }
.pkp_structure_footer_wrapper { background-color: rgb(0, 98, 137) !important; padding: 0px !important; }
.pkp_structure_footer { max-width: 100%; padding: 0px; }


/* ===== Efek hover sidebar JSQ ===== */

/* Semua tautan di kotak sidebar: transisi halus */
.pkp_structure_sidebar .sidebar-box a {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease, padding-left .2s ease;
}

/* Tombol biru muda (For Authors, Ethics, Information, Indexing, Template, dll.) -> biru tua */
.pkp_structure_sidebar .sidebar-box a[style*="#50acc7"]:hover {
  background: #006289 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 98, 137, .35);
  transform: translateY(-1px);
}

/* Tombol merah Submit -> merah lebih gelap */
.pkp_structure_sidebar .sidebar-box a[style*="#cc1b1b"]:hover {
  background: #a01414 !important;
  box-shadow: 0 2px 6px rgba(160, 20, 20, .35);
  transform: translateY(-1px);
}

/* Tombol garis oranye (View All) -> oranye penuh */
.pkp_structure_sidebar .sidebar-box a[style*="solid #f36d20"]:hover {
  background: #f36d20 !important;
  color: #ffffff !important;
}

/* Daftar ringkas (versi padat): baris disorot + teks oranye + bergeser sedikit */
.pkp_structure_sidebar .sidebar-box a[style*="padding: 5px 6px"]:hover {
  background: #e3f2f7 !important;
  color: #f36d20 !important;
  padding-left: 10px !important;
}

/* Kotak ISSN (versi padat) */
.pkp_structure_sidebar .sidebar-box a[style*="#b9dbe6"]:hover {
  border-color: #006289 !important;
  box-shadow: 0 2px 6px rgba(0, 98, 137, .2);
}

/* Gambar bertautan (SINTA, sertifikat, Scopus, logo indeks) */
.pkp_structure_sidebar .sidebar-box a img {
  transition: opacity .2s ease, transform .2s ease;
}
.pkp_structure_sidebar .sidebar-box a:hover img {
  opacity: .85;
  transform: scale(1.02);
}


/* ===== Efek hover footer ===== */
.pkp_footer_content a {
  transition: color .2s ease, opacity .2s ease;
}
.pkp_footer_content a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}
.pkp_footer_content a:hover img {
  opacity: .85;
}


/* ===== JSQ balanced style: daftar artikel, Archives, halaman artikel ===== */

/* --- Judul bagian di daftar isi: label biru dengan aksen pendek --- */
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
  display: block !important;
  position: relative;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #006289 !important;
  padding: 0 0 10px 0 !important;
  margin: 26px 0 6px 0 !important;
  border-bottom: 1px solid #e3ecef;
}
.obj_issue_toc .section > h2:after,
.obj_issue_toc .section > h3:after {
  content: "";
  display: block !important;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 44px;
  height: 3px;
  background: #f36d20;
  border-radius: 2px;
}
.obj_issue_toc .section > h2:before,
.obj_issue_toc .section > h3:before,
.obj_issue_toc .section:before { display: none !important; }
.obj_issue_toc .sections .section {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 8px !important;
  border-bottom: none !important;
}

/* --- Artikel di daftar isi --- */
.cmp_article_list > li {
  margin: 0 !important;
  padding: 16px 12px !important;
  border-bottom: 1px solid #eef3f5;
  border-radius: 6px;
  transition: background-color .2s ease;
}
.cmp_article_list > li:hover { background: #f5fafc; }
.obj_article_summary > .title {
  font-size: 15px !important;
  line-height: 1.45 !important;
  margin: 0 0 8px 0 !important;
}
.obj_article_summary > .title a {
  color: #004a68 !important;
  font-weight: 700;
  text-decoration: none !important;
}
.obj_article_summary > .title a:hover { color: #f36d20 !important; }
.obj_article_summary .meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 16px;
  margin: 0 0 10px 0 !important;
  font-size: 13px;
  color: #5b6d75;
}
.obj_article_summary .meta .authors {
  flex: 1 1 260px;
  position: relative;
  padding-left: 18px;
}
.obj_article_summary .meta .authors:before {
  content: "\f007";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 0;
  color: #50acc7;
}
.obj_article_summary .meta .pages {
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 12px;
  color: #006289;
  background: #e8f3f8;
  border-radius: 10px;
  padding: 1px 9px;
}
.obj_article_summary .galleys_links { margin: 0 !important; padding: 0; }
.obj_article_summary .galleys_links li { display: inline-block; margin: 0 8px 0 0; }
.obj_article_summary .obj_galley_link {
  font-size: 12px !important;
  font-weight: 700;
  color: #ffffff !important;
  background: #006289;
  border: 1px solid #006289 !important;
  border-radius: 4px !important;
  padding: 3px 12px !important;
}
.obj_article_summary .obj_galley_link:hover {
  background: #f36d20 !important;
  border-color: #f36d20 !important;
}
.obj_article_summary .obj_galley_link:before { color: #ffffff !important; }

/* --- Halaman Archives: daftar detail (sampul + deskripsi negara) --- */
.page_issue_archive .issues_archive { margin: 0; padding: 0; }
.page_issue_archive .issues_archive > li {
  margin: 0 !important;
  padding: 20px 12px !important;
  border: none !important;
  border-bottom: 1px solid #eef3f5 !important;
  border-radius: 6px;
  transition: background-color .2s ease;
}
.page_issue_archive .issues_archive > li:hover { background: #f5fafc; }
.page_issue_archive .obj_issue_summary { display: flow-root; }
.page_issue_archive .obj_issue_summary .cover img {
  border: 1px solid #e3ecef;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .10);
  transition: transform .2s ease;
}
.page_issue_archive .issues_archive > li:hover .cover img { transform: translateY(-2px); }
.page_issue_archive .obj_issue_summary h2 {
  margin: 0 0 12px 0 !important;
  line-height: 1.3 !important;
}
.page_issue_archive .obj_issue_summary h2 .title {
  display: block;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
  color: #50acc7 !important;
  text-decoration: none !important;
}
.page_issue_archive .obj_issue_summary h2 .series {
  display: inline-block;
  margin-top: 2px;
  padding-bottom: 6px;
  border-bottom: 3px solid #f36d20;
  font-size: 18px !important;
  font-weight: 700;
  color: #004a68 !important;
}
.page_issue_archive .obj_issue_summary .description {
  font-size: 13px;
  line-height: 1.65;
  color: #4a5c64;
}
.page_issue_archive .obj_issue_summary .description p { margin: 0 0 8px 0; }
.page_issue_archive .obj_issue_summary .description em strong,
.page_issue_archive .obj_issue_summary .description strong em {
  color: #006289;
}
.page_issue_archive .obj_issue_summary .description img {
  vertical-align: middle;
  margin: 0 2px;
}
.page_issue_archive .cmp_pagination { text-align: center; margin-top: 12px; }

/* --- Halaman artikel --- */
.obj_article_details .page_title {
  font-size: 24px !important;
  line-height: 1.35 !important;
  color: #004a68 !important;
  margin-bottom: 18px !important;
}
.obj_article_details .main_entry .item { border-bottom: none !important; }
.obj_article_details .item.authors ul.authors { margin: 0; padding: 0; }
.obj_article_details .item.authors ul.authors li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px !important;
}
.obj_article_details .item.authors ul.authors li:before {
  content: "\f007";
  font-family: FontAwesome;
  position: absolute;
  left: 2px;
  top: 1px;
  color: #50acc7;
}
.obj_article_details .item.authors .name {
  display: block;
  font-weight: 700;
  color: #1f3440;
}
.obj_article_details .item.authors .affiliation {
  display: block;
  font-size: 13px;
  color: #6b7f88;
}
.obj_article_details .main_entry .item > .label,
.obj_article_details .entry_details .sub_item .label,
.obj_article_details .entry_details .item > .label {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #006289 !important;
  margin: 0 0 6px 0 !important;
}
.obj_article_details .main_entry .item.doi,
.obj_article_details .main_entry .item.keywords {
  background: #f5fafc;
  border-radius: 6px;
  padding: 10px 14px !important;
  margin: 0 20px 10px 20px !important;
}
.obj_article_details .main_entry .item.doi .label,
.obj_article_details .main_entry .item.keywords .label {
  display: inline;
  margin-right: 6px !important;
}
.obj_article_details .main_entry .item.abstract .label,
.obj_article_details .main_entry .item.references .label {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px !important;
}
.obj_article_details .main_entry .item.abstract .label:after,
.obj_article_details .main_entry .item.references .label:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36px;
  height: 3px;
  background: #f36d20;
  border-radius: 2px;
}
.obj_article_details .main_entry .item.abstract { text-align: justify; }
.obj_article_details .main_entry .item.references .value {
  font-size: 13px;
  line-height: 1.6;
  color: #4a5c64;
}
.obj_article_details .main_entry .item.references .value p {
  padding-left: 22px;
  text-indent: -22px;
  margin: 0 0 8px 0;
}
.obj_article_details .entry_details .item.cover_image img {
  border: 1px solid #e3ecef;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .10);
}
.obj_article_details .entry_details .item.galleys .galleys_links li {
  display: block;
  margin: 0 0 6px 0;
}
.obj_article_details .entry_details .item.galleys .obj_galley_link {
  display: block;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700;
  color: #ffffff !important;
  background: #006289;
  border: 1px solid #006289 !important;
  border-radius: 4px !important;
  padding: 9px 12px !important;
}
.obj_article_details .entry_details .item.galleys .obj_galley_link:hover {
  background: #f36d20;
  border-color: #f36d20 !important;
}
.obj_article_details .entry_details .item.galleys .obj_galley_link:before { color: #ffffff !important; }


/* ===== Pengumuman (Call for Papers) di beranda dan halaman Announcements ===== */
.cmp_announcements.highlight_first > .obj_announcement_summary {
  float: none !important;
  width: auto !important;
}
.cmp_announcements.highlight_first { display: flow-root; }
.cmp_announcements.highlight_first > .obj_announcement_summary { margin: 24px 30px !important; }
.cmp_announcements.highlight_first > .more:empty { display: none !important; }
.cmp_announcements.highlight_first > .more:not(:has(*)) { display: none !important; }
.obj_announcement_summary {
  display: flow-root;
  position: relative;
  background: #ffffff;
  border: 1px solid #dbe7ec;
  border-top: 4px solid #006289;
  border-radius: 8px;
  padding: 18px 20px 16px 20px !important;
  margin-bottom: 16px;
}
.obj_announcement_summary h2,
.obj_announcement_summary h3 {
  font-size: 18px !important;
  line-height: 1.35 !important;
  margin: 0 0 6px 0 !important;
}
.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a {
  color: #004a68 !important;
  font-weight: 700;
  text-decoration: none !important;
}
.obj_announcement_summary h2 a:hover,
.obj_announcement_summary h3 a:hover { color: #f36d20 !important; }
.obj_announcement_summary .date {
  display: inline-block;
  font-size: 12px !important;
  font-weight: 700;
  color: #006289 !important;
  background: #e8f3f8;
  border-radius: 12px;
  padding: 2px 10px 2px 10px;
  margin-bottom: 12px !important;
}
.obj_announcement_summary .date:before { color: #50acc7 !important; }
.obj_announcement_summary .summary {
  font-size: 14px;
  line-height: 1.65;
  color: #3a4a52;
}
.obj_announcement_summary .summary p { margin: 0 0 10px 0; }
.obj_announcement_summary .summary strong { color: #004a68; }
.obj_announcement_summary .summary a {
  color: #006289;
  font-weight: 700;
}
.obj_announcement_summary .summary img {
  float: left;
  width: 130px !important;
  height: auto !important;
  margin: 0 18px 8px 0;
  border: 1px solid #e3ecef;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
}
.obj_announcement_summary .read_more {
  clear: both;
  display: inline-block;
  margin-top: 4px;
  font-size: 13px !important;
  font-weight: 700;
  color: #ffffff !important;
  background: #006289;
  border-radius: 4px;
  padding: 6px 14px !important;
  text-decoration: none !important;
}
.obj_announcement_summary .read_more:hover { background: #f36d20; }
.obj_announcement_summary .read_more:after {
  position: static !important;
  display: inline-block !important;
  margin-left: 8px;
  transform: none !important;
  vertical-align: middle;
  color: #ffffff !important;
  border-color: #ffffff !important;
}
@media (max-width: 480px) {
  .obj_announcement_summary .summary img { width: 96px !important; margin-right: 12px; }
}