/* === SITE NAME === */
.pkp_site_name {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pkp_site_name > a {
  padding: 0;
  background-color: #ffffff !important;
  color: #1B6B30 !important;
}
.pkp_site_name .is_img img {
  max-height: 300px !important;
}
.pkp_site_name_wrapper {
  padding-left: 0;
  padding-right: 0;
}

/* === PRIMARY NAVIGATION === */
.pkp_navigation_primary_wrapper {
  background-color: #ffffff;
  width: 100%;
  margin: -30px;
  padding: 0 10px 0 40px;
  box-sizing: border-box;
  display: block;
  color: #1B6B30;
}
.pkp_navigation_primary_wrapper a,
.pkp_navigation_primary_wrapper a:visited,
.pkp_navigation_primary_wrapper a:focus,
.pkp_navigation_primary_wrapper a:active {
  background-color: transparent !important;
  color: #1B6B30 !important;
  font-size: 12px !important;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: none;
  outline: none;
}

/* ICON PRIMARY NAVIGATION */
/* HOME */
.pkp_navigation_primary_wrapper li:nth-child(1) a {
  background-image: url('https://api.cenalis.org/public/site/images/admin/Home.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  padding-left: 18px; /* beri ruang agar teks tidak menimpa ikon */
}

/* CURRENT */
.pkp_navigation_primary_wrapper li:nth-child(2) a {
  background-image: url('https://api.cenalis.org/public/site/images/admin/Current.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  padding-left: 18px; /* beri ruang agar teks tidak menimpa ikon */
}

/* ARCHIVE */
.pkp_navigation_primary_wrapper li:nth-child(3) a {
  background-image: url('https://api.cenalis.org/public/site/images/admin/Archive.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  padding-left: 18px; /* beri ruang agar teks tidak menimpa ikon */
}

/* SUBMISSION */
.pkp_navigation_primary_wrapper li:nth-child(4) a {
  background-image: url('https://api.cenalis.org/public/site/images/admin/Submission.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  padding-left: 18px; /* beri ruang agar teks tidak menimpa ikon */
}

/* EDITORIAL TEAM */
.pkp_navigation_primary_wrapper li:nth-child(5) a {
  background-image: url('https://api.cenalis.org/public/site/images/admin/People.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  padding-left: 18px; /* beri ruang agar teks tidak menimpa ikon */
}

/* ANNOUNCEMENT */
.pkp_navigation_primary_wrapper li:nth-child(6) a {
  background-image: url('https://api.cenalis.org/public/site/images/admin/Announcement.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  padding-left: 18px; /* beri ruang agar teks tidak menimpa ikon */
}

/* ABOUT */
.pkp_navigation_primary_wrapper li:nth-child(7) a {
  background-image: url('https://api.cenalis.org/public/site/images/admin/About.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  padding-left: 18px; /* beri ruang agar teks tidak menimpa ikon */
}

/* CONTACT */
.pkp_navigation_primary_wrapper li:nth-child(8) a {
  background-image: url('https://api.cenalis.org/public/site/images/admin/Contact.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px 16px;
  padding-left: 18px; /* beri ruang agar teks tidak menimpa ikon */
}

/* Hindari ikon muncul di dropdown */
.pkp_navigation_primary_wrapper .dropdown-menu a {
  background-image: none !important;
  padding-left: 12px !important;
}


.pkp_navigation_primary_wrapper a:hover {
  background-color: rgba(13, 87, 51, 0.3) !important; /* Hijau transparan */
  color: #1B6B30 !important;
  border-radius: 4px;
  padding: 4px 8px;
}
.pkp_navigation_primary {
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* === DROPDOWN MENU NAVIGATION API === */
.pkp_navigation_primary_wrapper .dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid #dddddd !important;
  box-shadow: none !important;
  margin-top: 4px !important;
  padding: 0 !important;
  min-width: max-content !important;
  border-radius: 0 !important;
  z-index: 1000;
}

/* Item dropdown */
.pkp_navigation_primary_wrapper .dropdown-menu > li {
  display: block;
}

/* Link dropdown minimalis */
.pkp_navigation_primary_wrapper .dropdown-menu > li > a {
  display: block;
  font-size: 12px !important;
  text-transform: capitalize !important;
  color: #1B6B30 !important;
  background-color: transparent !important;
  padding: 6px 12px !important;
  text-decoration: none !important;
  white-space: nowrap;
  border: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover efek ringan */
.pkp_navigation_primary_wrapper .dropdown-menu > li > a:hover,
.pkp_navigation_primary_wrapper .dropdown-menu > li > a:focus {
  background-color: #e6f2ec !important;
  color: #0d5733 !important;
  border-radius: 0 !important;
}

/* === USER NAVIGATION === */
ul#navigationUser li a {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
  font-family: 'Segoe UI', sans-serif !important;
  padding: 6px 12px !important;
  display: inline-block;
  text-decoration: none !important;
}

/* Hover style */
ul#navigationUser li a:hover {
  color: #f5fcf7 !important;
}

/* === DROPDOWN MENU USER NAVIGATION === */
.pkp_navigation_user_wrapper .dropdown-menu {
  background-color: #0d5733 !important; /* Hijau branding API */
  border: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  margin-top: 4px !important;
  padding: 0 !important;
  border-radius: 6px !important;
  min-width: 160px !important;
  z-index: 1000;
}

/* Dropdown item */
.pkp_navigation_user_wrapper .dropdown-menu > li > a {
  display: block !important;
  font-size: 13px !important;
  color: #ffffff !important;
  background-color: transparent !important;
  padding: 8px 16px !important;
  text-transform: capitalize !important;
  font-family: 'Segoe UI', sans-serif !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover efek kontras */
.pkp_navigation_user_wrapper .dropdown-menu > li > a:hover,
.pkp_navigation_user_wrapper .dropdown-menu > li > a:focus {
  background-color: #228b22 !important; /* Hijau terang */
  color: #ffffff !important;
  border-radius: 4px !important;
}

/* === SIDEBAR CONTAINER (Jarak dari Konten Lain) === */
.pkp_structure_sidebar {
  padding: 20px 12px;            /* Jarak horizontal sidebar dari container utama */
  box-sizing: border-box;
}

/* === BLOK PER BAGIAN DI SIDEBAR (Lebar Terbatas & Tengah + Shadow) === */
.pkp_structure_sidebar > div,
.pkp_structure_sidebar .block {
  background-color: #ffffff !important;
  padding: 16px;
  margin: 0 auto 20px auto;       /* Tengah + jarak bawah */
  border-radius: 6px;
  color: #0d5733 !important;
  max-width: 300px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Tambahan bayangan lembut */
}

/* === GAYA JUDUL SIDEBAR SERAGAM === */
.pkp_structure_sidebar .block h2,
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar h2.title {
  background-color: #0d5733;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 16px;
  padding: 8px 12px;
  margin: 0;
  border-bottom: 2px solid #228b22;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

/* === Lebar Blok Sidebar Konsisten === */
.pkp_structure_sidebar > div,
.pkp_structure_sidebar .block {
  max-width: 320px;
  width: 100%;
  margin: 0 auto 20px auto;
  padding: 16px;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* === HEADING DI SIDEBAR === */
.pkp_structure_sidebar h2,
.pkp_structure_sidebar h3 {
  color: #0d5733 !important;
  margin-top: 0;
  margin-bottom: 10px;
  border-bottom: 2px solid #0d5733 !important; /* Pakai !important agar tak ditimpa */
  padding-bottom: 6px;
}

/* === LINK MENU DI SIDEBAR — Versi Rapat === */
.pkp_structure_sidebar a {
  display: block;
  color: #0d5733 !important;
  text-decoration: none;
  margin-bottom: 0px;  /* Awalnya 8px, dikurangi agar lebih rapat */
  font-weight: 500;
  font-size: 13px;
  padding: 8px 12px;
  border-bottom: 1px solid #e0e0e0; /* Garis antar link */
  background-color: transparent !important;
  box-shadow: none !important;
  transition: color 0.3s ease;
}

/* === HOVER LINK — Polosan === */
.pkp_structure_sidebar a:hover {
 background-color: rgba(13, 87, 51, 0.15) !important;  /* lebih jelas dan kontras */
  color: #0d5733;
  transform: translateX(2px);
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(13, 87, 51, 0.15);
}

/* === MAKE SUBMISSION === */
/* Container yang membungkus tombol, bisa ditaruh di mana saja */
.custom-submit-container {
  display: flex;
  justify-content: center;
  margin-top:0px;
}

/* Tombol utama dengan styling solid dan interaktif */
.custom-submit-button {
  background-color: #1da850 !important;  /* hijau terang stabil */
  color: white !important;
  border: 2px solid #1da850 !important;
  border-radius: 8px;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.25s ease-in-out;
}

/* Efek hover untuk meningkatkan interaktivitas */
.custom-submit-button:hover {
  background-color: #159743 !important;
  transform: scale(1.05) translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}

/* === MAKE PREPARATION IMAGE === */
.sidebar-link {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #0d5733;
  text-decoration: none;
  padding: 8px 12px !important;
  margin-bottom: 0px !important;
  border-bottom: 1px solid #e5e5e5;
  background-color: #ffffff;
  transition: background-color 0.3s ease;
}

.sidebar-link:hover {
  background-color: rgba(13, 87, 51, 0.15) !important;  /* lebih jelas dan kontras */
  color: #0d5733;
  transform: translateX(2px);
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(13, 87, 51, 0.15);
}

.sidebar-link img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex-shrink: 0;
}

/* === PUBLISHER JOURNAL === */
.publisher-sidebar {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  font-family: 'Segoe UI', sans-serif;
  max-width: 320px;
  margin: 0 auto 24px;
  overflow: hidden;
}

.publisher-header {
  background: #0d5733;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.publisher-sidebar a {
  display: block;
  padding: 8px 12px;
  margin: 6px 12px;
  background-color: #f5fcf7;
  color: #0d5733;
  text-decoration: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.publisher-sidebar a:hover {
  background-color: rgba(13, 87, 51, 0.15) !important;  /* lebih jelas dan kontras */
  color: #0d5733;
  transform: translateX(2px);
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(13, 87, 51, 0.15);
}

/* === PAGE STRUCTURE === */
.pkp_structure_page {
  margin: 0px auto !important; /* Tengah */
  padding: 0 0px 0px !important; /* Tambahkan padding kiri-kanan */
  background-color: #f5fcf7 !important; /* Hijau  */
  color: #333333 !important; /* Warna teks putih */
}

/* === PAGE TITTLE === */

/* === BODY BACKGROUND === */
body {
  background-color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Open Sans", Lato, sans-serif;
  }

/* === INDEKS === */
.indeks-hover {
  width: 180px;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  cursor: pointer; /* Menunjukkan elemen interaktif */
  text-decoration: none;
  display: block;
  color: inherit;
}

.indeks-hover:hover {
  transform: scale(1.07);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.indeks-hover img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* === TOOLS === */
.tool-hover {
  width: 180px;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
}

.tool-hover:hover {
  transform: scale(1.07);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.tool-hover img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* === EDITORIAL AND REVIEWER TEMA PAGE === */
/* Layout grid */
.editor-section {
  margin-bottom: 40px;
}

.editor-section h3 {
  color: #0d5733;
  font-size: 18px;
  margin-bottom: 12px;
  border-left: 5px solid #0d5733;
  padding-left: 12px;
}

.editor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
}

.editor-card {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding: 16px;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
  transition: transform 0.2s ease;
}

.editor-card:hover {
  transform: scale(1.03);
}

.editor-card img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

.editor-card h4 {
  margin: 0;
  font-size: 15px;
  color: #0d5733;
  font-weight: 600;
}

.editor-card small {
  display: block;
  font-size: 13px;
  color: #666;
  margin-bottom: 10px;
}

.editor-links a {
  font-size: 13px;
  color: #228b22;
  text-decoration: none;
  margin: 0 4px;
}

/* === ICON LINK === */
.editor-links {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 8px;
}

.icon-link img {
  width: 20px;
  height: 20px;
  transition: filter 0.3s ease, transform 0.2s ease;
  filter: brightness(0) saturate(100%) invert(33%) sepia(78%) saturate(569%) 
          hue-rotate(66deg) brightness(91%) contrast(91%);
}

.icon-link:hover img {
  filter: brightness(0) saturate(100%) invert(56%) sepia(93%) saturate(424%) 
          hue-rotate(57deg) brightness(110%) contrast(95%);
  transform: scale(1.2);
}

/* === ANNOUNCEMENT PAGE === */
.announcement-box {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  font-family: 'Segoe UI', sans-serif;
  max-width: 720px;
  margin: 0 auto;
}

.announcement-box h2 {
  text-align: center;
  color: #0d5733;
  font-size: 24px;
  margin-bottom: 16px;
}

.announcement-services {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-top: 16px;
}

.service-card {
  background-color: #f5fcf7;
  border: 2px solid #d5ecd9;
  border-radius: 10px;
  padding: 18px;
  flex: 1 1 300px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 14px rgba(13, 87, 51, 0.15);
}

.service-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
}

.announcement-button {
  background-color: #1da850;
  color: white;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, background-color 0.3s ease;
  display: inline-block;
}

.announcement-button:hover {
  background-color: #159743;
  color: white;
  transform: scale(1.05);
}

/* === CURRENT ISSUE SECTION=== */
.current_issue {
  background-color: #fff;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  max-width: 900px;
  margin: 0px auto;
  font-family: 'Segoe UI', sans-serif;
}


/* === CURRENT ISSUE TITLE=== */
.current_issue_title {
  background-color: #f9f9f9;
  border-left: 5px solid #0d5733;
  padding: 6px 12px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.03);
  font-size: 18px;
  font-weight: bold;
  color: #0d5733;
  line-height: 1.4;
  margin-bottom: 16px;
}

/* === COVER BUKU DAN PUBLISHED === */
.obj_issue_toc .heading {
  gap: 24px;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  align-items: start;
}

/* === PUBLISHED === */
.obj_issue_toc .heading .published {
  grid-column: 2;
  background-color: #eef8f2; /* hijau lembut */
  padding: 12px 16px;
  border-left: 4px solid #0d5733; /* aksen garis vertikal */
  border-radius: 6px;
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  margin-bottom: 12px;

  display: flex;
  align-items: center;
  gap: 8px;
}

/* Label dan value sejajar horizontal */
.obj_issue_toc .heading .published .label {
  font-weight: 600;
  color: #0d5733;
  margin: 0;
}

.obj_issue_toc .heading .published .value {
  font-weight: 500;
  color: #555;
  margin: 0;
}

/* === TULISAN ARTICLE=== */
.obj_issue_toc .section h3 {
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Segoe UI', sans-serif;
}

/* === ARTICLE SUMMARY === */
.obj_article_summary {
  background-color: #f9f9f9;
  padding: 14px 16px;
  margin-bottom: 5px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* bayangan lembut */
  font-family: 'Segoe UI', sans-serif;
  color: #ffffff;
}

.obj_article_summary:hover {
  background-color: #f5fcf7; /* ubah warna latar saat hover */
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); /* bayangan lebih dalam */
  transition: all 0.3s ease-in-out; /* transisi halus */
  cursor: pointer;
}

/* Judul artikel */
.obj_article_summary h4.title {
  font-size: 16px;
  margin: 0 0 6px;
  color: #0d5733;
  font-weight: 600;
}

.obj_article_summary h4.title a {
  text-decoration: none;
  color: inherit;
}

.obj_article_summary h4.title a:hover {
  text-decoration: underline;
  color: #093f24;
}

/* AUTHOR */
.obj_article_summary .authors {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
  font-family: 'Segoe UI', sans-serif;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.obj_article_summary .authors::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://api.cenalis.org/public/site/images/admin/author.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0px;
  vertical-align: middle;
}

/* NOMER HALAMAN */
.obj_article_summary .pages {
  font-size: 25px;
  font-weight: 500;
  color: #777;
}

/* Galleys links + statistik */
.obj_article_summary .galleys_links {
  list-style: none;
  padding-left: 0;
  margin: 8px 0;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.obj_article_summary .obj_galley_link.pdf {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: #fff;                      /* Teks putih */
  background-color: #0d5733;        /* Box hijau */
  padding: 4px 10px;                /* Padding pas sesuai teks */
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  line-height: 1.4;
  transition: background-color 0.2s ease;
  box-sizing: border-box;
  vertical-align: middle;
}

.obj_article_summary .obj_galley_link.pdf:hover {
  background-color: #169f5c;      /* Hijau terang saat hover */
  color: #fff;                    /* Tetap putih */
  text-decoration: none;
}

.obj_article_summary span {
  display: inline-block;
  font-size: 13px;
  color: #555;
  margin-left: 8px;
}

.obj_article_summary img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 4px;
}

/* === READ MORE === */
.read_more {
  color: #0d5733 !important;                 
  text-decoration: none;
  font-weight: 600;
  font-family: 'Segoe UI', sans-serif !important;
}

/* Efek hover */
.read_more:hover {
  color: #149a61 !important;               
}

/* === PAGE ARCHIVE === */
.obj_issue_summary {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 24px;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  align-items: start;
}

.obj_issue_summary .cover {
  grid-column: 1;
}

.obj_issue_summary .cover img {
  width: 160px !important;
  height: auto !important;
  max-width: none !important;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  display: block;
}

/* Judul dan series di kolom kedua */
.obj_issue_summary h2 {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  margin: 0;
}

/* Title */
.obj_issue_summary .title {
  font-size: 1.4rem;
  font-weight: 600;
  color: #004a2f;
  text-decoration: none;
  margin-bottom: 6px;
}

/* Series */
.obj_issue_summary .series {
  font-size: 0.95rem;
  color: #666;
  background-color: #f4f4f4;
  padding: 4px 10px;
  border-radius: 4px;
  border-left: 5px solid #0d5733;
  font-weight: 500;
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 4px;
}


/* Deskripsi juga di kolom kedua */
.obj_issue_summary .description {
  grid-column: 2;
  position: relative;
  margin-top: -100px;
  transform: translateY(-100px);
}

.obj_issue_summary .description p {
  font-size: 1rem;
  color: #444;
  line-height: 1.6;
  margin: 0;
}

/* === PAGE ARTICLE === */
/* === PDF DOWNLOAD === */
.value.galleys_links {
  background-color: #ffffff;        
  padding: 14px 18px;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  font-family: 'Segoe UI', sans-serif;
  font-size: 14px;
  color: #333;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.value.galleys_links .obj_galley_link.pdf {
  display: inline-block;
  background-color: #0d5733;   /* hijau tua branding API */
  color: #ffffff;              /* teks putih */
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-family: 'Segoe UI', sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease;
}

/* Hover efek: hijau lebih terang */
.value.galleys_links .obj_galley_link.pdf:hover {
  background-color: #149a61;
  color: #fff;
}

/* === ITEM PUBLISHED === */
.obj_article_details .row .entry_details .item.published {
  background-color: #ffffff; 
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-family: 'Segoe UI', sans-serif;
}

/* Label diberi latar putih agar menonjol */
.obj_article_details .row .entry_details .item.published .sub_item .label {
  background-color: #0d5733;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  border-radius: 4px;
}

/* Tanggal atau value tampil putih */
.obj_article_details .row .entry_details .item.published .value span {
  background-color: #f9f9f9;
  border-left: 3px solid #0d5733;
  padding: 6px 12px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.03);
  color: #333333;
  font-weight: 500;
  display: block;
}

/* === ITEM ISSUE === */
.obj_article_details .row .entry_details .item.issue {
  background-color: #ffffff; 
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-family: 'Segoe UI', sans-serif;
}

.obj_article_details .row .entry_details .item.issue .sub_item .label {
  background-color: #ffffff;
  color: #0d5733;
  font-weight: 600;
  font-size: 16px;
  border-radius: 4px;
}

/* === ITEM CITATION === */
.obj_article_details .row .entry_details .item.citation .sub_item.citation_display {
  background-color: #ffffff; 
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  font-family: 'Segoe UI', sans-serif;
}

.obj_article_details .row .entry_details .item.citation .sub_item.citation_display .label {
  background-color: #0d5733;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  border-radius: 4px;
}

/* === ITEM ABSTRACTION === */
.obj_article_details .row .main_entry .item.abstract {
  text-align: justify;
}

/* === FOOTER === */
.pkp_brand_footer {
  display: none !important;
}

/* === BREADCRUMBS === */
.cmp_breadcrumbs ol,
.cmp_breadcrumbs ol li,
.cmp_breadcrumbs ol li a,
.cmp_breadcrumbs ol li.current,
.cmp_breadcrumbs ol li.current span,
.cmp_breadcrumbs ol li span.separator {
}