/* =========================================================
   JUBIR — CSS LENGKAP
   jurnal.uym.ac.id/index.php/JUBIR (OJS 3.1, tema Default)

   Pasang di: JUBIR > Settings > Website > Appearance
              > Journal style sheet

   Warna (diambil dari cover JUBIR):
   Hijau terang  : #0a7a26
   Hijau JUBIR   : #04661b
   Hijau gelap   : #034d14
   Kuning        : #f7b507
   Hijau muda    : #f3f8f4 / #e3efe6
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* ---------------------------------------------------------
   1. HEADER — latar hijau JUBIR (gambar header transparan)
   --------------------------------------------------------- */
.pkp_structure_head {
  background: linear-gradient(120deg, #034d14 0%, #04661b 50%, #0a7a26 100%) !important;
  border-bottom: 5px solid #f7b507 !important;
  box-shadow: 0 6px 20px rgba(3, 77, 20, 0.30);
}
.pkp_head_wrapper {
  background: transparent !important;
}

.pkp_site_name_wrapper {
  padding-top: 10px;
  padding-bottom: 16px;
}
.pkp_site_name .is_img img {
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block;
}

/* Register / Login / admin */
.pkp_navigation_user_wrapper a,
.pkp_navigation_user > li > a {
  font-family: 'Poppins', sans-serif;
  color: rgba(255, 255, 255, 0.85) !important;
}
.pkp_navigation_user_wrapper a:hover,
.pkp_navigation_user_wrapper a:focus {
  color: #f7b507 !important;
  text-decoration: none;
}
.pkp_navigation_user .task_count {
  background: #f7b507 !important;
  color: #034d14 !important;
}

/* ---------------------------------------------------------
   2. MENU UTAMA — pita selebar layar
   --------------------------------------------------------- */
.pkp_navigation_primary_row {
  background: transparent !important;
  position: relative;
  z-index: 50;
}
/* Pita menu selebar layar (tanpa memotong dropdown) */
.pkp_navigation_primary_row::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100vw;
  right: -100vw;
  background: rgba(2, 58, 15, 0.85);
  z-index: -1;
}
html, body {
  overflow-x: hidden;
}
.pkp_navigation_primary > li > a {
  font-family: 'Poppins', sans-serif;
  color: #ffffff !important;
  font-weight: 500;
  letter-spacing: 0.02em;
  border-bottom: 3px solid transparent !important;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #f7b507 !important;
  border-bottom-color: #f7b507 !important;
  text-decoration: none;
}
.pkp_navigation_search_wrapper a {
  font-family: 'Poppins', sans-serif;
  color: #ffffff !important;
  border-bottom: none !important;
}
.pkp_navigation_search_wrapper a:hover {
  color: #f7b507 !important;
}

/* Dropdown (About) */
.pkp_navigation_primary ul {
  background: #034d14 !important;
  border-top: 3px solid #f7b507 !important;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 18px rgba(3, 77, 20, 0.35);
}
.pkp_navigation_primary ul a {
  font-family: 'Poppins', sans-serif;
  color: #ffffff !important;
  border-left: 3px solid transparent !important;
  border-bottom: none !important;
  margin: 0 !important;
  padding: 10px 14px !important;
}
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
  background: #04661b !important;
  color: #f7b507 !important;
  border-left-color: #f7b507 !important;
}

/* HP / tablet */
@media (max-width: 991px) {
  .pkp_site_nav_toggle {
    background: #f7b507 !important;
    border-radius: 6px;
  }
  .pkp_site_nav_toggle > span,
  .pkp_site_nav_toggle > span:before,
  .pkp_site_nav_toggle > span:after {
    border-color: #034d14 !important;
  }
  .pkp_site_nav_menu {
    background: #034d14 !important;
  }
}

/* ---------------------------------------------------------
   3. TEKS & LINK UMUM
   --------------------------------------------------------- */
.pkp_structure_main a {
  color: #0a7a26;
}
.pkp_structure_main a:hover {
  color: #04661b;
}
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
  font-family: 'Poppins', sans-serif;
  color: #04661b;
}

/* ---------------------------------------------------------
   4. BERANDA — Additional Content di atas, Current Issue di bawah
   --------------------------------------------------------- */
.page_index_journal {
  display: flex;
  flex-direction: column;
}
.page_index_journal > * {
  width: 100%;
}
.page_index_journal .homepage_image {
  order: -2;
}
.page_index_journal .additional_content {
  order: -1;
  margin-top: 0;
  margin-bottom: 30px;
}

/* Judul bagian (Current Issue, Announcements) */
.page_index_journal .current_issue > h2,
.page_index_journal .cmp_announcements > h2 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #04661b;
  border-left: 5px solid #f7b507;
  padding-left: 12px;
  margin-bottom: 16px;
}

/* Kotak Current Issue */
.page_index_journal .current_issue {
  background: #ffffff;
  border: 1px solid #d3e6d8;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 4px 16px rgba(3, 77, 20, 0.08);
}
.page_index_journal .current_issue_title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #034d14;
}

/* Cover terbitan */
.obj_issue_toc .cover img {
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(3, 77, 20, 0.25);
}

/* Judul bagian "Articles" */
.obj_issue_toc .sections h2,
.obj_issue_toc .section h2 {
  font-size: 1.1rem;
  background: #f3f8f4;
  border-left: 4px solid #0a7a26;
  padding: 8px 14px;
  border-radius: 6px;
}

/* Tiap artikel */
.obj_article_summary {
  padding: 14px 0;
  border-bottom: 1px solid #e3efe6;
}
.obj_article_summary .title a {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #04661b !important;
  text-decoration: none;
}
.obj_article_summary .title a:hover {
  color: #0a7a26 !important;
}
.obj_article_summary .authors {
  color: #5a6b7a;
}
.obj_article_summary .pages {
  color: #5a6b7a;
}

/* Tombol PDF / galley */
.obj_galley_link {
  border: 1px solid #04661b !important;
  color: #04661b !important;
  border-radius: 6px !important;
  font-weight: 600;
  transition: background 0.2s ease, color 0.2s ease;
}
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: #04661b !important;
  color: #f7b507 !important;
}

/* Tombol "View All Issues" & tombol umum */
.read_more,
.cmp_button,
.pkp_button,
.page_index_journal .current_issue .read_more {
  display: inline-block;
  background: #04661b !important;
  color: #f7b507 !important;
  border: none !important;
  border-bottom: 3px solid #f7b507 !important;
  border-radius: 6px !important;
  padding: 8px 18px !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-decoration: none !important;
}
.read_more:hover,
.cmp_button:hover,
.pkp_button:hover {
  background: #0a7a26 !important;
  color: #ffffff !important;
}

/* Announcements */
.cmp_announcements {
  background: #ffffff;
  border: 1px solid #d3e6d8;
  border-radius: 14px;
  padding: 20px 24px;
  margin-bottom: 30px;
}
.cmp_announcements .obj_announcement_summary h2 a,
.cmp_announcements .obj_announcement_summary h3 a {
  color: #04661b !important;
}

/* ---------------------------------------------------------
   5. SIDEBAR
   --------------------------------------------------------- */
.pkp_structure_sidebar .pkp_block {
  background: #ffffff;
  border: 1px solid #d3e6d8;
  border-radius: 12px;
  padding: 18px !important;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(3, 77, 20, 0.06);
}
.pkp_structure_sidebar .pkp_block .title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #04661b !important;
  border-bottom: 2px solid #f7b507;
  padding-bottom: 8px;
  margin-bottom: 12px;
}
.pkp_structure_sidebar .pkp_block p:empty {
  display: none;
}
.pkp_structure_sidebar .pkp_block img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px;
}
.pkp_structure_sidebar .pkp_block a {
  color: #0a7a26;
}
.pkp_structure_sidebar .pkp_block a:hover {
  color: #04661b;
}

/* Blok bahasa & informasi: daftar rapi */
.pkp_structure_sidebar .pkp_block ul li a {
  display: block;
  padding: 6px 10px;
  border-left: 3px solid transparent;
  border-radius: 4px;
}
.pkp_structure_sidebar .pkp_block ul li a:hover {
  background: #f3f8f4;
  border-left-color: #f7b507;
  text-decoration: none;
}

/* ---------------------------------------------------------
   6. FOOTER
   --------------------------------------------------------- */
.pkp_structure_footer_wrapper {
  background: #034d14 !important;
  border-top: 5px solid #f7b507;
  color: rgba(255, 255, 255, 0.85);
}
.pkp_structure_footer_wrapper a,
.pkp_structure_footer_wrapper p {
  color: rgba(255, 255, 255, 0.9) !important;
}
.pkp_structure_footer_wrapper h3,
.pkp_structure_footer_wrapper strong {
  font-family: 'Poppins', sans-serif;
  color: #f7b507 !important;
}
/* Logo "Platform & workflow by OJS/PKP": logo asli tetap dipakai,
   warnanya diubah dari hitam menjadi putih */
.pkp_brand_footer {
  background: #023a0f !important;
  padding: 16px 30px !important;
  text-align: right;
}
.pkp_brand_footer img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.85;
  max-height: 60px !important;
  width: auto !important;
  transition: opacity 0.2s ease;
}
.pkp_brand_footer a:hover img {
  opacity: 1;
}


/* ---------------------------------------------------------
   7. SIDEBAR — menimpa warna biru dari CSS portal
      (CSS portal ikut terbaca di halaman jurnal)
   --------------------------------------------------------- */
.pkp_structure_sidebar table {
  width: 100% !important;
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 0 6px !important;
  background: transparent !important;
}
/* Item menu: latar muda, teks warna jurnal, garis kuning */
.pkp_structure_sidebar table td,
.pkp_structure_sidebar table th {
  background: #f3f8f4 !important;
  border: none !important;
  border-left: 3px solid #f7b507 !important;
  border-radius: 6px;
  padding: 9px 12px !important;
  text-align: left !important;
  color: #04661b !important;
  font-family: 'Poppins', sans-serif;
  font-size: 0.92rem;
}
.pkp_structure_sidebar table td *,
.pkp_structure_sidebar table th * {
  background: transparent !important;
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
}
/* Baris judul (MENU, dll.): latar warna jurnal, teks kuning */
.pkp_structure_sidebar table tr:first-child td,
.pkp_structure_sidebar table tr:first-child th {
  background: #04661b !important;
  color: #f7b507 !important;
  font-weight: 700;
  font-size: 1rem;
  text-align: center !important;
  border-left: none !important;
  border-bottom: 3px solid #f7b507 !important;
}
.pkp_structure_sidebar table tr:not(:first-child) td:hover {
  background: #04661b !important;
  color: #f7b507 !important;
}

/* Tombol Submit: latar warna jurnal, teks kuning */
.pkp_structure_sidebar a:has(img[src*="submission_manuskrip"]),
.pkp_structure_sidebar a.uym-btn {
  background: #04661b !important;
  color: #f7b507 !important;
  border-bottom: 4px solid #f7b507 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
.pkp_structure_sidebar a:has(img[src*="submission_manuskrip"]):hover,
.pkp_structure_sidebar a.uym-btn:hover {
  background: #0a7a26 !important;
  color: #ffffff !important;
}

/* Bingkai kotak blok sidebar */
.pkp_structure_sidebar .pkp_block {
  border-color: #d3e6d8 !important;
}

/* ---------------------------------------------------------
   8. DROPDOWN MENU ADMIN (Dashboard, Profile, Logout)
      teks gelap di kotak putih supaya terbaca
   --------------------------------------------------------- */
.pkp_navigation_user_wrapper .pkp_navigation_user ul {
  background: #ffffff !important;
  border: 1px solid #dde3ea !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
  overflow: hidden;
}
.pkp_navigation_user_wrapper .pkp_navigation_user ul a,
.pkp_navigation_user_wrapper .pkp_navigation_user li li a {
  background: #ffffff !important;
  color: #1f2d3a !important;
  font-weight: 500;
  border-left: 3px solid transparent !important;
}
.pkp_navigation_user_wrapper .pkp_navigation_user ul a:hover,
.pkp_navigation_user_wrapper .pkp_navigation_user ul a:focus {
  background: #f3f8f4 !important;
  color: #04661b !important;
  border-left-color: #04661b !important;
  text-decoration: none;
}
.pkp_navigation_user_wrapper .pkp_navigation_user ul .task_count {
  background: #04661b !important;
  color: #ffffff !important;
}