/* =========================================================
   PSMZA / i-MaTRiX OJS Theme v4.0
   Dark Blue + Maroon + Iron Grey
   ========================================================= */

:root{
  --psmza-blue:#0B1F3A;
  --psmza-blue-2:#12345A;
  --psmza-maroon:#7A1F2B;
  --psmza-maroon-2:#9A2E3C;
  --psmza-iron:#3F474F;
  --psmza-iron-2:#6B737B;
  --psmza-light:#F4F5F7;
  --psmza-card:#FFFFFF;
  --psmza-border:#D9DEE3;
  --psmza-soft-maroon:#FFF4F5;
  --psmza-soft-blue:#F2F6FB;
}

body{
  background:var(--psmza-light)!important;
  color:#20242A!important;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  line-height:1.42!important;
}

.pkp_structure_page{
  background:#fff!important;
  box-shadow:0 0 22px rgba(0,0,0,.08)!important;
}

.pkp_structure_head,
.pkp_site_name_wrapper{
  background:linear-gradient(135deg,var(--psmza-blue),var(--psmza-iron))!important;
}

.pkp_site_name{
  padding-top:10px!important;
  padding-bottom:8px!important;
}

.pkp_site_name a,
.pkp_site_name .is_text{
  color:#fff!important;
  font-weight:800!important;
  letter-spacing:.4px!important;
}

.pkp_navigation_primary_row{
  background:var(--psmza-blue)!important;
  border-bottom:4px solid var(--psmza-maroon)!important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary a{
  color:#fff!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.35px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}

.pkp_navigation_primary a:hover,
.pkp_navigation_primary a:focus{
  background:var(--psmza-maroon)!important;
  color:#fff!important;
}

.pkp_navigation_primary ul,
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary .dropdown-menu.show{
  background:#fff!important;
  border:1px solid var(--psmza-border)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}

.pkp_navigation_primary ul a,
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_primary li ul li a{
  color:var(--psmza-blue)!important;
  background:#fff!important;
  text-transform:none!important;
  font-weight:650!important;
  letter-spacing:0!important;
  padding:10px 16px!important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary li ul li a:hover{
  background:var(--psmza-soft-maroon)!important;
  color:var(--psmza-maroon)!important;
}

.cmp_breadcrumbs{
  background:#fff!important;
  border-left:5px solid var(--psmza-maroon)!important;
  padding:10px 14px!important;
  margin:0 0 14px 0!important;
  line-height:1.4!important;
}

.obj_article_details,
.page_article .main_entry{
  background:var(--psmza-card)!important;
  border:1px solid var(--psmza-border)!important;
  border-radius:12px!important;
  padding:18px 22px!important;
  box-shadow:0 5px 18px rgba(0,0,0,.07)!important;
}

.page_article h1,
.obj_article_details h1,
.page h1,
.page_issue h1{
  color:var(--psmza-blue)!important;
  font-weight:850!important;
  line-height:1.22!important;
  margin-top:8px!important;
  margin-bottom:14px!important;
  padding-bottom:12px!important;
  border-bottom:3px solid var(--psmza-maroon)!important;
  font-size:28px!important;
}

.item.authors,
.obj_article_details .authors{
  background:#fff!important;
  border-left:5px solid var(--psmza-blue-2)!important;
  padding:12px 16px!important;
  margin:12px 0!important;
  border-radius:8px!important;
  line-height:1.35!important;
}

.item.authors .affiliation,
.obj_article_details .authors .affiliation,
.author .affiliation,
.affiliation{
  display:block!important;
  color:var(--psmza-iron)!important;
  font-size:14px!important;
  margin-top:2px!important;
  margin-bottom:8px!important;
  line-height:1.35!important;
}

.item.authors .name,
.obj_article_details .authors .name,
.author .name{
  color:#111!important;
  font-weight:800!important;
}

.item.keywords,
.obj_article_details .keywords{
  display:block!important;
  background:var(--psmza-soft-maroon)!important;
  border-left:6px solid var(--psmza-maroon)!important;
  border-radius:8px!important;
  padding:12px 16px!important;
  margin-top:14px!important;
  margin-bottom:14px!important;
  line-height:1.45!important;
}

.item.keywords h2,
.item.keywords .label,
.obj_article_details .keywords h2{
  color:var(--psmza-blue)!important;
  margin-top:0!important;
  margin-bottom:8px!important;
  font-weight:850!important;
}

.item.abstract,
.obj_article_details .abstract{
  background:var(--psmza-soft-blue)!important;
  border-left:6px solid var(--psmza-blue-2)!important;
  border-radius:8px!important;
  padding:14px 18px!important;
  margin-top:12px!important;
  line-height:1.5!important;
}

.item.references,
.obj_article_details .references,
.references{
  display:block!important;
  background:#fff!important;
  border:1px solid var(--psmza-border)!important;
  border-left:6px solid var(--psmza-iron)!important;
  border-radius:8px!important;
  padding:14px 18px!important;
  margin-top:18px!important;
  line-height:1.45!important;
}

.item.references h2,
.obj_article_details .references h2,
.references h2{
  color:var(--psmza-blue)!important;
  font-weight:850!important;
  margin-top:0!important;
}

.item.citation,
.item.how_to_cite,
.obj_article_details .citation,
.obj_article_details .how_to_cite,
.citation,
.how_to_cite{
  display:block!important;
  background:#F7F7F7!important;
  border:1px solid var(--psmza-border)!important;
  border-left:6px solid var(--psmza-maroon)!important;
  border-radius:8px!important;
  padding:14px 18px!important;
  margin-top:18px!important;
  color:#222!important;
  line-height:1.45!important;
}

.author_bios,
.item.author_bios,
.item.biography,
.author_biography{
  display:block!important;
  background:#fff!important;
  border:1px solid var(--psmza-border)!important;
  border-left:6px solid var(--psmza-blue-2)!important;
  border-radius:8px!important;
  padding:14px 18px!important;
  margin-top:18px!important;
  line-height:1.35!important;
}

.author_bios h2,
.item.author_bios h2{
  color:var(--psmza-blue)!important;
  font-weight:850!important;
  margin-top:0!important;
}

.obj_galley_link,
.cmp_download_link,
.galleys_links a,
.article_galleys a,
.obj_article_summary .galleys_links a{
  background:var(--psmza-maroon)!important;
  color:#fff!important;
  border:0!important;
  border-radius:7px!important;
  padding:8px 15px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  box-shadow:0 3px 8px rgba(122,31,43,.28)!important;
}

.obj_galley_link:hover,
.cmp_download_link:hover,
.galleys_links a:hover,
.article_galleys a:hover{
  background:var(--psmza-blue)!important;
  color:#fff!important;
}

.psmza-print-button,
button.psmza-print-button,
a.psmza-print-button{
  display:inline-block!important;
  background:var(--psmza-blue)!important;
  color:#fff!important;
  border:none!important;
  border-radius:7px!important;
  padding:9px 16px!important;
  font-weight:850!important;
  text-decoration:none!important;
  cursor:pointer!important;
  margin:8px 0 14px 0!important;
  box-shadow:0 3px 8px rgba(11,31,58,.25)!important;
}

.psmza-print-button:hover{
  background:var(--psmza-maroon)!important;
  color:#fff!important;
}

.current_issue,
.obj_issue_toc,
.page_issue .obj_issue_toc{
  background:#fff!important;
  border:1px solid var(--psmza-border)!important;
  border-radius:12px!important;
  padding:20px!important;
  box-shadow:0 4px 16px rgba(0,0,0,.06)!important;
}

.obj_article_summary{
  background:#fff!important;
  border:1px solid var(--psmza-border)!important;
  border-left:6px solid var(--psmza-maroon)!important;
  border-radius:10px!important;
  padding:14px 18px!important;
  margin:12px 0 14px 0!important;
  box-shadow:0 3px 12px rgba(0,0,0,.05)!important;
}

.obj_article_summary:hover{
  border-left-color:var(--psmza-blue)!important;
  box-shadow:0 7px 20px rgba(0,0,0,.10)!important;
}

.obj_article_summary .title a,
.obj_article_summary .title{
  color:var(--psmza-blue)!important;
  font-weight:850!important;
}

.pkp_structure_sidebar .pkp_block,
.pkp_block{
  background:#fff!important;
  border:1px solid var(--psmza-border)!important;
  border-radius:12px!important;
  padding:14px!important;
  margin-bottom:16px!important;
  box-shadow:0 5px 16px rgba(0,0,0,.07)!important;
}

.pkp_block h2,
.pkp_block h3,
.pkp_block .title{
  background:linear-gradient(135deg,var(--psmza-blue),var(--psmza-iron))!important;
  color:#fff!important;
  border-radius:8px!important;
  padding:10px 12px!important;
  margin:0 0 12px 0!important;
  font-size:15px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}

.pkp_block_custom a,
.block_custom a{
  display:block!important;
  background:var(--psmza-blue)!important;
  color:#fff!important;
  text-align:center!important;
  text-decoration:none!important;
  border-radius:8px!important;
  padding:10px 12px!important;
  margin:8px 0!important;
  font-weight:850!important;
  box-shadow:0 3px 8px rgba(11,31,58,.22)!important;
}

.pkp_block_custom a:hover,
.block_custom a:hover{
  background:var(--psmza-maroon)!important;
  color:#fff!important;
}

.pkp_structure_footer_wrapper{
  background:var(--psmza-blue)!important;
  color:#fff!important;
  border-top:5px solid var(--psmza-maroon)!important;
}

.pkp_structure_footer_wrapper a{
  color:#FFD6DC!important;
}

@media print{
  @page{
    size:A4;
    margin:10mm;
  }

  body{
    background:#fff!important;
    color:#000!important;
    font-size:10pt!important;
    line-height:1.25!important;
  }

  .pkp_structure_head,
  .pkp_navigation_primary_row,
  .pkp_structure_sidebar,
  .pkp_structure_footer_wrapper,
  .cmp_breadcrumbs,
  .psmza-print-button,
  .obj_galley_link,
  .cmp_download_link,
  .galleys_links,
  .article_galleys,
  .pkp_structure_footer,
  .pkp_brand_footer{
    display:none!important;
  }

  .pkp_structure_page,
  .pkp_structure_content,
  .pkp_structure_main,
  .obj_article_details,
  .page_article .main_entry{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-shadow:none!important;
    border:none!important;
    background:#fff!important;
  }

  .page_article h1,
  .obj_article_details h1{
    font-size:15pt!important;
    margin:0 0 6mm 0!important;
    padding-bottom:3mm!important;
    border-bottom:1pt solid #000!important;
  }

  .item.authors,
  .item.keywords,
  .item.abstract,
  .item.references,
  .item.citation,
  .item.how_to_cite,
  .author_bios,
  .item.author_bios{
    background:#fff!important;
    border:none!important;
    padding:0!important;
    margin:0 0 4mm 0!important;
    box-shadow:none!important;
  }

  .item.abstract{
    max-height:120mm!important;
    overflow:hidden!important;
  }

  .item.references,
  .author_bios,
  .item.author_bios{
    display:none!important;
  }
}

/* Samakan lebar Authors, Keywords, Abstract dengan tajuk */
.obj_article_details .main_entry,
.page_article .main_entry {
    width: 100% !important;
    max-width: 100% !important;
}

.item.authors,
.item.keywords,
.item.abstract,
.item.references,
.item.citation,
.item.how_to_cite {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Buang had lebar pelik pada blok kandungan */
.obj_article_details .item {
    max-width: 100% !important;
}

/* Kalau ada ruang sidebar kosong, kecilkan kesannya */
.obj_article_details {
    width: 100% !important;
}