@charset "UTF-8";

/* =====================================================
   STYLESHEET FINAL V5 - CLEAN REFACTOR
   OJS 3.3 / 3.4
   IJEVS Academic Theme
   Optimized, Deduplicated, Lightweight
===================================================== */

/* ---------- Variables ---------- */
:root{
  --ijevs-green:#088802;
  --ijevs-green-dark:#066a02;
  --ijevs-blue:#1d5fae;
  --ijevs-blue-dark:#154b8c;
  --text:#2f3a45;
  --border:#dbe3ea;
  --bg:#f7fafc;
  --shadow:0 4px 14px rgba(0,0,0,.08);
  --oa-orange:#e07b16;
  --oa-orange-bg:#fff6ec;
  --oa-orange-border:#f4c08c;
  --orcid-green-dark:#6c8a1f;
  --orcid-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23A6CE39' d='M256 128c0 70.7-57.3 128-128 128S0 198.7 0 128 57.3 0 128 0s128 57.3 128 128z'/%3E%3Cpath fill='%23fff' d='M86.3 186.2H70.9V79.1h15.4v107.1zM108.9 79.1h41.6c39.6 0 57 28.3 57 53.6 0 27.5-21.5 53.6-56.8 53.6h-41.8V79.1zm15.4 93.3h24.5c34.9 0 42.9-26.5 42.9-39.7C191.7 111.2 178 93 148 93h-23.7v79.4zM88.7 56.8c0 5.5-4.5 10.1-10.1 10.1s-10.1-4.6-10.1-10.1c0-5.6 4.5-10.1 10.1-10.1s10.1 4.6 10.1 10.1z'/%3E%3C/svg%3E");
}

/* ---------- Base ---------- */
body{font-size:15px;line-height:1.8;color:var(--text)}
a{color:var(--ijevs-blue);text-decoration:none}
a:hover{color:var(--ijevs-green)}
.pkp_structure_page{margin:0 auto;box-shadow:none}
.pkp_structure_content{font-size:15px;line-height:1.8}

/* ---------- Header ---------- */
.pkp_structure_head{margin-bottom:.25rem;background:var(--ijevs-green)}
.pkp_navigation_user a,
.pkp_navigation_user a:hover{color:#fff}
.pkp_site_name .is_img img{display:block;width:auto;height:auto;max-height:none}

/* ---------- Navigation ---------- */
.pkp_navigation_primary_row{
  background:#fff;
  border-top:3px solid var(--ijevs-green);
  box-shadow:var(--shadow);
  position:sticky;
  top:0;
  z-index:9999;
  padding:6px 10px;
}

#navigationPrimary>li>a{
  color:var(--text);
  font-weight:600;
}

#navigationPrimary>li>a:hover,
#navigationPrimary ul a:hover{
  color:var(--ijevs-green);
}

/* ---------- Search ---------- */
.pkp_search button,
.pkp_search input[type=submit]{
  background:#1f2937;
  color:#fff;
  border:none;
}

.pkp_search button:hover,
.pkp_search input[type=submit]:hover{
  background:#111827;
}

/* ---------- Homepage ---------- */
.pkp_page_index .homepage_image img{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px 12px 0 0;
}

/* ---------- Current Issue ---------- */
.obj_issue_toc{
  background:#fff;
  padding:24px;
  border-radius:12px;
  box-shadow:var(--shadow);
}

.obj_issue_toc .cover{
  display:block!important;
  float:left;
  width:220px;
  margin-right:24px;
}

.obj_issue_toc .cover img{
  width:100%;
  border-radius:8px;
  box-shadow:var(--shadow);
}

/* ---------- Article Cards ---------- */
.obj_article_summary{
  background:#fff;
  border:1px solid var(--border);
  border-radius:8px;
  overflow:hidden;
  padding:18px 22px;
  margin-bottom:15px;
  transition:.25s ease;
}

.obj_article_summary:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
}

/* Label "Article Open Access" di atas judul (ikon gembok terbuka) */
.obj_article_summary:before{
  content:"\f09c\00a0 Article Open Access";
  display:inline-block;
  margin-bottom:10px;
  padding:2px 12px;
  background:var(--oa-orange-bg);
  color:var(--oa-orange);
  border:1px solid var(--oa-orange-border);
  border-radius:999px;
  font-family:FontAwesome,"Noto Sans",sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.6;
}

.obj_article_summary .cover{
  float:left;
  width:120px;
  min-width:120px;
  margin-right:20px;
}

.obj_article_summary .cover img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:6px;
}

.obj_article_summary>.title{margin:0 0 12px}

.obj_article_summary>.title a{
  font-size:18px;
  font-weight:700;
  line-height:1.4;
  color:#1f2937;
}

.obj_article_summary>.title a:hover{color:var(--ijevs-blue)}

.obj_article_summary .meta{position:relative}
.obj_article_summary .meta>br:first-child{display:none}

/* Halaman (kanan atas) */
.obj_article_summary .meta .pages{
  position:absolute;
  top:0;
  right:0;
  color:#6b7280;
  font-size:14px;
}

/* Author dua kolom (markup .ijevs_authors dari article_summary-authors.tpl) */
.obj_article_summary .authors{font-size:14px}

.obj_article_summary .ijevs_authors{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 28px;
  margin-right:110px;
}

/* Nama & afiliasi author (kartu artikel dan halaman detail):
   ikon di kolom kiri 16px, teks rata di 22px, sejajar dengan ORCID */
.ijevs_author_name,
.ijevs_author_affil,
.obj_article_details .authors .name,
.obj_article_details .authors .affiliation{
  position:relative;
  display:block;
  padding-left:22px;
  line-height:1.45;
}

.ijevs_author_name,
.obj_article_details .authors .name{
  font-weight:700;
  color:var(--ijevs-blue-dark);
}

.ijevs_author_affil,
.obj_article_details .authors .affiliation{
  margin-top:2px;
  font-size:13px;
  color:#4b5563;
}

/* Tombol PDF (hijau) dan DOI dalam satu baris */
.obj_article_summary .galleys_links{
  display:inline-block;
  margin:14px 20px 6px 0;
  padding:0;
  vertical-align:middle;
}

.obj_article_summary .galleys_links li{display:inline-block;margin:0}

.obj_article_summary .obj_galley_link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 16px;
  border-radius:6px;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
}

.obj_article_summary a[href*="doi.org"]{white-space:nowrap}

/* ---------- Article Detail ---------- */
.obj_article_details .page_title{
  font-size:32px;
  line-height:1.4;
}

.obj_article_details .item.authors ul.authors{margin:0;padding:0}
.obj_article_details .item.authors li{margin-bottom:14px;list-style:none}
.obj_article_details .item.authors li:last-child{margin-bottom:0}

.obj_article_details .item.ijevs_metrics_item{padding-top:0}

.obj_article_details .item.doi .label{
  display:inline;
  margin-right:6px;
  font-size:15px;
  font-weight:700;
}
.obj_article_details .item.doi .value a{display:inline-flex;align-items:center}
.item.abstract{text-align:justify}

/* ---------- Ikon Font Awesome 4.7 (bawaan OJS) ---------- */
.obj_article_details .authors .name:before,
.obj_article_details .authors .affiliation:before,
.obj_article_details .item.doi .value a:before,
.obj_article_summary a[href*="doi.org"]:before,
.obj_article_summary .meta .pages:before,
.ijevs_author_name:before,
.ijevs_author_affil:before{
  width:16px;
  font-family:FontAwesome;
  font-weight:normal;
  font-style:normal;
  text-align:center;
  -webkit-font-smoothing:antialiased;
}

/* ikon sebaris dengan teks */
.obj_article_details .item.doi .value a:before,
.obj_article_summary a[href*="doi.org"]:before,
.obj_article_summary .meta .pages:before{
  display:inline-block;
  margin-right:5px;
}

/* ikon di kolom kiri author */
.ijevs_author_name:before,
.ijevs_author_affil:before,
.obj_article_details .authors .name:before,
.obj_article_details .authors .affiliation:before{
  position:absolute;
  left:0;
  top:0;
}

/* Author */
.obj_article_details .authors .name:before,
.ijevs_author_name:before{content:"\f007";color:var(--ijevs-blue)}

/* Universitas / afiliasi */
.obj_article_details .authors .affiliation:before,
.ijevs_author_affil:before{content:"\f19c";color:var(--oa-orange)}

/* DOI */
.obj_article_details .item.doi .value a:before,
.obj_article_summary a[href*="doi.org"]:before{content:"\f0c1";color:var(--ijevs-green)}

/* Halaman */
.obj_article_summary .meta .pages:before{content:"\f0f6";color:var(--oa-orange)}

/* ---------- ORCID iD ---------- */
.obj_article_summary .orcid,
.obj_article_details .orcid{
  display:block;
  margin:3px 0 0;
  font-size:12px;
  line-height:1.45;
}

.orcid a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--orcid-green-dark);
  font-size:12px;
  word-break:break-all;
}

.orcid a:before{
  content:"";
  flex:0 0 16px;
  width:16px;
  height:16px;
  background:var(--orcid-icon) center/contain no-repeat;
}

.orcid a:hover,
.orcid a:focus{
  color:var(--ijevs-green);
  text-decoration:underline;
}

/* sembunyikan ikon SVG bawaan OJS agar tidak dobel */
.orcid .orcid_icon,
.orcid svg{display:none}

/* ---------- Article Metrics (markup .ijevs_metrics di template) ---------- */
.ijevs_metrics{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.ijevs_metric{
  min-width:100px;
  padding:6px 12px;
  background:#dde7f0;
  border-radius:4px;
  color:var(--ijevs-blue);
  font-size:14px;
  line-height:1.3;
}

.ijevs_metric strong{
  display:block;
  font-size:15px;
  font-weight:700;
  color:var(--ijevs-blue-dark);
}

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar:before{border-left:1px solid var(--border)}

.pkp_block{
  margin-bottom:20px;
  font-size:14px;
}

.pkp_block .title{
  background:linear-gradient(135deg,var(--ijevs-blue),var(--ijevs-green));
  color:#fff;
  padding:12px;
  text-align:center;
  border-radius:8px 8px 0 0;
  font-weight:700;
}

.pkp_block .content{
  background:#fff;
  border:1px solid var(--border);
  border-top:none;
  border-radius:0 0 8px 8px;
}

.pkp_block ul{margin:0;padding:0}
.pkp_block li{list-style:none;border-bottom:1px solid #eef2f5}

.pkp_block li a{
  display:block;
  padding:12px 15px;
  color:var(--text);
}

.pkp_block li a:hover{
  background:#f4f9ff;
  color:var(--ijevs-blue);
  padding-left:20px;
}

/* ---------- Buttons (Submission & PDF) ---------- */
.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link{
  background:var(--ijevs-green);
  border-color:var(--ijevs-green);
  color:#fff;
  text-align:center;
}

.cmp_manuscript_button:hover,
.block_make_submission a:hover,
.obj_galley_link:hover,
.obj_galley_link:focus{
  background:var(--ijevs-green-dark);
  border-color:var(--ijevs-green-dark);
  color:#fff;
}

/* ---------- Archive ---------- */
.page_issue_archive .cover{
  display:block!important;
  width:180px;
}

.page_issue_archive .cover img{
  width:100%;
  border-radius:8px;
  box-shadow:var(--shadow);
}

/* ---------- Editorial ---------- */
.editorial-list .img-profile{
  border-radius:8px;
  overflow:hidden;
  box-shadow:var(--shadow);
}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper{
  background:var(--bg);
  border-top:3px solid var(--ijevs-green);
}

.pkp_structure_footer a{color:var(--ijevs-blue)}
.pkp_structure_footer a:hover{color:var(--ijevs-green)}
.pkp_brand_footer{display:none}

/* ---------- Responsive ---------- */
@media(max-width:768px){

  .obj_issue_toc .cover{
    float:none;
    width:140px;
    margin:0 auto 15px;
  }

  .obj_article_summary .cover{
    width:80px;
    min-width:80px;
  }

  .obj_article_summary .cover img{
    height:110px;
  }

  .obj_article_summary>.title a{
    font-size:15px;
  }

  .obj_article_summary .meta .pages{
    position:static;
    margin-top:8px;
  }

  .obj_article_summary .ijevs_authors{
    grid-template-columns:1fr;
    margin-right:0;
  }

  .obj_article_details .page_title{
    font-size:24px;
  }
}