/* =====================================================
   CUSTOM STYLE JAPATUM
   OJS 3.3.0.10
   Warna:
   #F97709 - Orange terang
   #F43E03 - Orange merah
   #B32204 - Merah tua
   ===================================================== */


/* =====================================================
   STRUKTUR SIDEBAR
   ===================================================== */

.pkp_structure_sidebar .pkp_block {
  padding: 0 !important;
  margin-bottom: 14px !important;
  border: none !important;
  background: transparent !important;
}

/* Hilangkan judul bawaan custom block agar tidak dobel */
.pkp_structure_sidebar .pkp_block .title {
  display: none !important;
}


/* =====================================================
   TOMBOL KIRIM NASKAH
   ===================================================== */

.pkp_block.block_make_submission a,
.block_make_submission a,
.pkp_block_make_submission a {
  display: block !important;
  background: #B32204 !important;
  color: #ffffff !important;
  padding: 9px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  border-radius: 3px !important;
  margin-bottom: 12px !important;
}

.pkp_block.block_make_submission a:hover,
.block_make_submission a:hover,
.pkp_block_make_submission a:hover {
  background: #F43E03 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}


/* =====================================================
   BOX SIDEBAR CUSTOM
   ===================================================== */

.custom-sidebar-box {
  background: #ffffff !important;
  margin-bottom: 14px !important;
  border: 1px solid #f0d0c4 !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

.custom-sidebar-title {
  background: #B32204 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 9px 12px !important;
  text-transform: uppercase !important;
  border-bottom: 3px solid #F97709 !important;
  letter-spacing: 0.3px !important;
}

.custom-sidebar-content {
  padding: 10px 13px !important;
  background: #ffffff !important;
}


/* =====================================================
   MENU SIDEBAR TEKS
   ===================================================== */

.custom-sidebar-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.custom-sidebar-menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 6px 0 !important;
  border-bottom: 1px dashed #e3b6a6 !important;
}

.custom-sidebar-menu li:last-child {
  border-bottom: none !important;
}

.custom-sidebar-menu a {
  display: block !important;
  color: #F43E03 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

.custom-sidebar-menu a:hover {
  color: #B32204 !important;
  text-decoration: underline !important;
}


/* =====================================================
   TEMPLATE SIDEBAR
   ===================================================== */

.template-box {
  text-align: center !important;
}

.template-image {
  max-width: 130px !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  border: 1px solid #f0d0c4 !important;
  padding: 3px !important;
  background: #ffffff !important;
}


/* =====================================================
   LOGO INDEKS
   Google Scholar, Dimensions, Crossref
   ===================================================== */

.index-logo-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.index-logo-menu li {
  list-style: none !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  border-bottom: 1px dashed #e3b6a6 !important;
}

.index-logo-menu li:last-child {
  border-bottom: none !important;
}

.index-logo-menu a {
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
}

.index-logo-menu img {
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Ukuran logo indeks */
.index-logo-google {
  max-width: 190px !important;
}

.index-logo-dimensions {
  max-width: 170px !important;
}

.index-logo-crossref {
  max-width: 150px !important;
}


/* =====================================================
   GAMBAR BERANDA / HOMEPAGE IMAGE
   DIPERKECIL DAN DIGESER KE KIRI
   ===================================================== */

.homepage_image,
.pkp_page_index .homepage_image,
.page_index_journal .homepage_image,
.pkp_structure_main .homepage_image {
  text-align: left !important;
  margin-left: 0 !important;
}

.homepage_image img,
.pkp_page_index .homepage_image img,
.page_index_journal .homepage_image img,
.pkp_structure_main .homepage_image img {
  max-width: 420px !important;
  width: 420px !important;
  height: auto !important;
  display: block !important;
  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 25px !important;
  margin-left: 0 !important;
}

/* 
   Pengaturan geser gambar:
   - Lebih ke kiri: ubah -80px menjadi -120px
   - Kurang ke kiri: ubah -80px menjadi -40px

   Pengaturan ukuran gambar:
   - Lebih kecil: ubah 420px menjadi 380px
   - Lebih besar: ubah 420px menjadi 460px
*/


/* =====================================================
   TEKS RINGKASAN JURNAL DI HOME
   ===================================================== */

.pkp_page_index .journal_description,
.page_index_journal .journal_description,
.pkp_structure_main .journal_description {
  font-size: 13px !important;
  line-height: 1.7 !important;
  text-align: justify !important;
  color: #222222 !important;
  margin-top: 15px !important;
}

.pkp_page_index .journal_description strong,
.page_index_journal .journal_description strong,
.pkp_structure_main .journal_description strong {
  color: #000000 !important;
}


/* =====================================================
   LINK DI AREA KONTEN UTAMA
   ===================================================== */

.pkp_structure_main a {
  color: #F43E03 !important;
}

.pkp_structure_main a:hover {
  color: #B32204 !important;
  text-decoration: underline !important;
}


/* =====================================================
   MENU NAVIGASI ATAS
   ===================================================== */

.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  color: #ffffff !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user > li > a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}


/* =====================================================
   FOOTER JAPATUM
   ===================================================== */

.pkp_structure_footer_wrapper {
  background: #B32204 !important;
  border-top: 5px solid #F97709 !important;
  margin-top: 30px !important;
}

.pkp_structure_footer {
  padding: 25px 20px !important;
}

.pkp_footer_content {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.footer-japatum {
  color: #ffffff !important;
}

.footer-japatum h3 {
  color: #ffffff !important;
  font-size: 22px !important;
  margin: 0 0 8px 0 !important;
  font-weight: 700 !important;
}

.footer-japatum p {
  color: #ffffff !important;
  margin: 6px 0 !important;
}

.footer-japatum a {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.footer-copyright {
  margin-top: 15px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  font-size: 13px !important;
}


/* =====================================================
   RESPONSIVE / TAMPILAN HP
   ===================================================== */

@media screen and (max-width: 768px) {
  .custom-sidebar-title {
    font-size: 14px !important;
    padding: 10px 13px !important;
  }

  .custom-sidebar-menu a {
    font-size: 13px !important;
  }

  .template-image {
    max-width: 160px !important;
  }

  .homepage_image,
  .pkp_page_index .homepage_image,
  .page_index_journal .homepage_image,
  .pkp_structure_main .homepage_image {
    margin-left: 0 !important;
    text-align: center !important;
  }

  .homepage_image img,
  .pkp_page_index .homepage_image img,
  .page_index_journal .homepage_image img,
  .pkp_structure_main .homepage_image img {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .index-logo-google {
    max-width: 180px !important;
  }

  .index-logo-dimensions {
    max-width: 160px !important;
  }

  .index-logo-crossref {
    max-width: 145px !important;
  }
}