@charset "UTF-8";

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

/* ---------- Variables ---------- */
:root{
  --ijevs-green:#f58213;
  --ijevs-green-dark:#d96b00;
  --ijevs-blue:#206393;
  --ijevs-blue-dark:#16496f;
  --text:#1f4f72;
  --border:#b0c8da;
  --bg:#f3f8fb;
  --shadow:0 4px 14px rgba(32,99,147,.16);
}

/* ---------- 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}
.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:#206393;
  color:#fff;
  border:none;
}

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

/* ---------- 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);
}

/* =====================================================
   Author & Affiliation Icons
   OJS 3.3 / 3.4
===================================================== */

/* ---------- Author Name ---------- */

.item.authors .name{
    position:relative;
    padding-left:28px;
    font-weight:600;
}

.item.authors .name:before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:18px;
    height:18px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:18px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f58213' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E");
}

/* ---------- Affiliation ---------- */

.item.authors .affiliation{
    position:relative;
    padding-left:28px;
    color:#6c757d;
}

.item.authors .affiliation:before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:18px;
    height:18px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:18px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23206393' viewBox='0 0 24 24'%3E%3Cpath d='M12 3L2 8h20L12 3zm-8 7v2h2v6H4v2h16v-2h-2v-6h2v-2H4zm4 2h2v6H8v-6zm6 0h2v6h-2v-6z'/%3E%3C/svg%3E");
}

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

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

.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 a{
  font-size:18px;
  font-weight:600;
  color:var(--text);
}

.obj_article_summary .authors{font-size:14px}

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

.obj_article_details .doi a{color:var(--ijevs-blue)}
.item.abstract{text-align:justify}

/* =====================================================
   DOI & References Hyperlink
===================================================== */

/* DOI URL Only */
a[href*="doi.org"]{
    color:#ff9f00 !important;
    text-decoration:none !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
}

a[href*="doi.org"]:hover{
    color:#e58f00 !important;
}

/* ---------- 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 #d8e8f2}

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

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

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

/* ---------- 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_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_details .page_title{
    font-size:24px;
  }
}