/* =====================================================================
   Jurnal Pendidikan Biologi (JPB) – UNIMED
   Journal style sheet: layout mengadopsi pola JPTI UGM
   Target: OJS 3.5.x, Default Theme (Typography: Lato, Colour: #0B2545)
   Warna identitas JPB dipertahankan (navy), aksen hijau dari logo.
   ===================================================================== */

:root {
  --jpb-primary: #0b2545;   /* navy JPB (pengganti #579167 di JPTI)   */
  --jpb-accent:  #1d7a3a;   /* hijau logo JPB (hover link)            */
  --jpb-btn-hover: #96989a; /* hover tombol pill (sama dengan JPTI)   */
  --jpb-line:    #dcdcdc;   /* garis pemisah                          */
  --jpb-side:    #cccccc;   /* garis kiri sidebar                     */
  --jpb-cell:    #fefefe;   /* latar entri artikel                    */
}

/* ---------- 1. Tipografi dasar (Lato, 15px, lh 1.5) ---------- */
body,
.pkp_structure_page {
  font-family: "Lato", Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #000;
}
h1, h2, h3, h4, h5, h6,
.pkp_structure_main h1, .pkp_structure_main h2,
.pkp_structure_main h3, .pkp_structure_main h4 {
  font-family: "Lato", Helvetica, sans-serif;
  font-weight: 400;
  color: #000;
}
a { color: var(--jpb-primary); text-decoration: none; }
a:hover, a:focus { color: var(--jpb-accent); text-decoration: none; }

/* ---------- 2. Header: navy bertekstur + logo + judul teks ---------- */
.pkp_structure_head {
  background-color: var(--jpb-primary);
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 4px);
  border-bottom: 0;
}
.pkp_site_name > a.is_img {
  display: grid !important;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 28px;
  align-items: center;
  padding: 24px 0 !important;
  color: #fff;
}
.pkp_site_name .is_img img {
  grid-column: 1;
  grid-row: 1 / 3;
  max-height: 190px !important;
  width: auto;
}
/* Judul jurnal sebagai teks di samping logo (meniru header JPTI) */
.pkp_site_name > a.is_img::before,
.pkp_site_name > a.is_img::after {
  grid-column: 2;
  font-family: "Lato", Helvetica, sans-serif;
  color: #fff;
  white-space: pre-line;
}
.pkp_site_name > a.is_img::before {
  content: "Jurnal Pendidikan Biologi";
  grid-row: 1;
  align-self: end;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}
.pkp_site_name > a.is_img::after {
  content: "Magister Pendidikan Biologi, Universitas Negeri Medan\A p-ISSN 2086-2245  |  e-ISSN 2502-3810";
  grid-row: 2;
  align-self: start;
  font-size: 17px;
  line-height: 1.6;
  margin-top: 6px;
  letter-spacing: .2px;
}

/* ---------- 3. Navbar 40px, teks putih, pemisah antar-item ---------- */
.pkp_navigation_primary_row {
  background: var(--jpb-primary);
  border-top: 1px solid rgba(255,255,255,.12);
}
.pkp_navigation_primary > li > a {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
  line-height: 40px;
  padding: 0 12px;
  margin: 0;
  border-bottom: 0 !important;
}
.pkp_navigation_primary > li + li > a {
  border-left: 1px solid rgba(255,255,255,.22);
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #fff;
  text-shadow: 1px 1px #020506;
  border-bottom: 0;
}
.pkp_navigation_search_wrapper a { color: #fff; }
/* Menu "Search" sudah ada di navigasi utama -> sembunyikan ikon Search bawaan di kanan */
@media (min-width: 992px) {
  .pkp_navigation_search_wrapper { display: none; }
  .pkp_navigation_primary_wrapper { width: 100%; }
  .pkp_navigation_primary { max-width: 100%; }
}

/* ---------- 4. Grid 2 kolom: 1140px = 865 main + 275 sidebar ---------- */
@media (min-width: 992px) {
  .pkp_structure_main::before,
  .pkp_structure_main::after { display: none; }   /* hapus garis vertikal bawaan */
  .pkp_structure_sidebar {
    border-left: 1px solid var(--jpb-side);
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .pkp_head_wrapper,
  .pkp_structure_content,
  .pkp_structure_footer { width: 1140px; }
  .pkp_structure_main { width: 865px; padding: 0 24px 4rem 12px; }
  .pkp_structure_sidebar { width: 275px; }
}

/* ---------- 5. Judul halaman & seksi (bobot normal, ukuran JPTI) ---------- */
.page_index_journal .current_issue > h2,
.pkp_structure_main .page_title,
.pkp_structure_main > div > h1 {
  font-size: 30px;
  line-height: 1.5;
  margin: 22px 0 15px;
}
.current_issue_title { font-size: 20px; font-weight: 400; }
.obj_issue_toc .sections .section > h2,
.obj_issue_toc .sections .section > h3 {
  font-size: 22.5px;
  font-weight: 400;
  color: #000;
}
.cmp_breadcrumbs {
  border-bottom: 1px solid var(--jpb-line);
  padding: .5em 0;
  margin-bottom: 1em;
}

/* ---------- 6. Daftar artikel (TOC) gaya JPTI ---------- */
.obj_article_summary {
  background: var(--jpb-cell);
  border-bottom: 1px solid var(--jpb-line);
  padding: 12px 10px;
  margin: 0;
}
.obj_issue_toc .articles > li { margin-bottom: 0; }
.obj_article_summary > .title,
.obj_article_summary > h3 { font-size: 15px; line-height: 1.5; }
.obj_article_summary > .title a,
.obj_article_summary > h3 a { font-weight: 700; color: var(--jpb-primary); }
.obj_article_summary > .title a:hover,
.obj_article_summary > h3 a:hover { color: var(--jpb-accent); }
.obj_article_summary .meta .authors {
  font-style: italic;
  padding-left: 1.4em;
  position: relative;
}
.obj_article_summary .meta .authors::before {   /* ikon penulis */
  content: "\f007";
  font-family: FontAwesome;
  font-style: normal;
  position: absolute;
  left: 0;
  color: var(--jpb-primary);
  opacity: .7;
}
.obj_article_summary .meta .pages { float: right; }
.obj_galley_link {
  border-color: var(--jpb-primary);
  color: var(--jpb-primary);
  border-radius: 3px;
  font-size: 12.75px;
  text-transform: uppercase;
}
.obj_galley_link.pdf::before { color: #c0392b; }
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--jpb-primary);
  border-color: var(--jpb-primary);
  color: #fff;
}
.obj_galley_link.pdf:hover::before { color: #fff; }

/* ---------- 7. Sidebar: pill heading + tautan polos + bullet segitiga ---------- */
.pkp_block { padding: 12px 26px 12px 16px; }
.pkp_block .title {
  font-size: 1.15em;
  font-weight: 400;
  color: #000;
  border-bottom: 1px solid var(--jpb-line);
  padding: 4px 7px;
}
.pkp_structure_sidebar table { width: 100% !important; border-collapse: collapse; }

/* Header sel emas (#d4af37) -> pill navy membulat ala .btn-ijb */
.pkp_structure_sidebar td[style*="d4af37" i] {
  background-color: var(--jpb-primary) !important;
  border-radius: 10px;
  border-bottom: 0 !important;
  text-align: left !important;
  padding: 10px 20px !important;
  height: auto !important;
  color: #fcfcfc !important;
}
.pkp_structure_sidebar td[style*="d4af37" i],
.pkp_structure_sidebar td[style*="d4af37" i] * {
  font-family: "Lato", sans-serif !important;
  font-size: 15px !important;
  color: #fcfcfc !important;
  text-transform: none;
  font-weight: 400;
}
.pkp_structure_sidebar tr + tr td[style*="d4af37" i] { margin-top: 12px; }
.pkp_structure_sidebar table + p,
.pkp_structure_sidebar p + table { margin-top: 12px; }

/* Sel tautan navy (#0b2545) -> tautan polos dengan bullet segitiga */
.pkp_structure_sidebar td[style*="0b2545" i] {
  background-color: #fff !important;
  border-bottom: 0 !important;
  text-align: left !important;
  height: auto !important;
  padding: 5px 4px 5px 16px !important;
  position: relative;
}
.pkp_structure_sidebar td[style*="0b2545" i]::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: .35em 0 .35em .45em;
  border-color: transparent var(--jpb-primary);
}
.pkp_structure_sidebar td[style*="0b2545" i] a,
.pkp_structure_sidebar td[style*="0b2545" i] span {
  color: var(--jpb-primary) !important;
  font-size: 15px !important;
  font-family: "Lato", sans-serif !important;
}
.pkp_structure_sidebar td[style*="0b2545" i] a:hover,
.pkp_structure_sidebar td[style*="0b2545" i] a:hover span {
  color: var(--jpb-accent) !important;
}
.pkp_structure_sidebar .content img { max-width: 100%; height: auto; }

/* ---------- 8. Efek gambar: grayscale saat hover (kecuali logo) ---------- */
.pkp_structure_main img,
.pkp_structure_sidebar img { transition: filter .3s; }
.pkp_structure_main img:hover,
.pkp_structure_sidebar img:hover { filter: grayscale(100%); }

/* ---------- 9. Footer ---------- */
.pkp_structure_footer_wrapper {
  background: #fff;
  border-top: 1px solid var(--jpb-line);
}

/* ---------- 10. Responsif (<=767px) ---------- */
@media (max-width: 767px) {
  .pkp_site_name > a.is_img { grid-template-columns: 1fr; justify-items: center; text-align: center; row-gap: 6px; }
  .pkp_site_name .is_img img { grid-row: 1; max-height: 120px !important; }
  .pkp_site_name > a.is_img::before { grid-column: 1; grid-row: 2; font-size: 24px; }
  .pkp_site_name > a.is_img::after { grid-column: 1; grid-row: 3; font-size: 13px; }
  .pkp_navigation_primary > li + li > a { border-left: 0; }
  .obj_article_summary .meta .pages { float: none; }
}

/* ---------- 11. Halaman Indexing & Accreditation: logo grid 3 kolom ---------- */
.pkp_page_Indexing .page,
.pkp_page_indexing .page {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
.pkp_page_Indexing .page > h1,
.pkp_page_indexing .page > h1 { grid-column: 1 / -1; margin-bottom: 4px; }
.pkp_page_Indexing .page > p,
.pkp_page_Indexing .page > code,
.pkp_page_indexing .page > p,
.pkp_page_indexing .page > code {
  margin: 0;
  padding: 12px;
  height: 130px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid var(--jpb-line);
  border-radius: 8px;
  font: inherit;
  white-space: normal;
  transition: box-shadow .2s, border-color .2s;
}
.pkp_page_Indexing .page > p:hover,
.pkp_page_Indexing .page > code:hover,
.pkp_page_indexing .page > p:hover,
.pkp_page_indexing .page > code:hover {
  border-color: var(--jpb-primary);
  box-shadow: 0 4px 12px rgba(11, 37, 69, .12);
}
.pkp_page_Indexing .page > p a,
.pkp_page_Indexing .page > code a,
.pkp_page_indexing .page > p a,
.pkp_page_indexing .page > code a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.pkp_page_Indexing .page img,
.pkp_page_indexing .page img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100px;
  object-fit: contain;
}
.pkp_page_Indexing .page br,
.pkp_page_indexing .page br { display: none; }
@media (max-width: 767px) {
  .pkp_page_Indexing .page,
  .pkp_page_indexing .page { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pkp_page_Indexing .page > p,
  .pkp_page_Indexing .page > code,
  .pkp_page_indexing .page > p,
  .pkp_page_indexing .page > code { height: 100px; }
  .pkp_page_Indexing .page img,
  .pkp_page_indexing .page img { max-height: 70px; }
}