/* ============================================================
   SIAP-JURNAL AI CURATED SAFE CSS — OJS 3
   Journal          : JURNAL PengaMAS
   Theme            : jurnal_pengamas_institutional
   Archetype        : institutional_clean
   Palette          : teal_slate
   Mode             : creative
   Rationale        : Desain akademik modern profesional dengan sidebar kanan rapi, sesuai identitas warna teal untuk jurnal ilmiah yang nyaman dibaca.
   Generated        : 2026-10-07 08:27 UTC

   Guardrails: no grid/width/position override, no serif automation,
   no arbitrary cross-family gradients, no dominant footer fill.
   ============================================================ */
:root { --sj-primary:#177A78; --sj-secondary:#31535A; --sj-accent:#D5A34B; --sj-bg:#F3F8F8; --sj-surface:#FFFFFF; --sj-text:#243B3E; }
html,body { color:var(--sj-text); background-color:var(--sj-bg); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif; }
a { color:var(--sj-primary); }
a:hover,a:focus { color:var(--sj-secondary); }
.pkp_structure_head { background:#177A78; border-bottom:3px solid var(--sj-accent); box-shadow:0 8px 24px rgba(49,83,90,0.09); }
.pkp_site_name .is_text,.pkp_site_name a,.pkp_navigation_user > li > a { color:#FFFFFF; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif; font-weight:700; letter-spacing:.01em; }
.pkp_navigation_primary_row { background:#31535A; border-bottom:3px solid #D5A34B; }
.pkp_navigation_primary > li > a { color:#FFFFFF !important; background:transparent !important; font-weight:700; }
.pkp_navigation_primary > li > a:hover,.pkp_navigation_primary > li > a:focus,.pkp_navigation_primary > li > a[aria-current="page"],.pkp_navigation_primary > li.current > a { color:#FFFFFF !important; border-bottom-color:var(--sj-accent) !important; background:rgba(255,255,255,0.12) !important; outline:0 !important; }
.pkp_navigation_primary ul { background:var(--sj-surface); border-color:rgba(23,122,120,0.14); box-shadow:0 8px 24px rgba(49,83,90,0.09); }
.pkp_navigation_primary ul a { color:var(--sj-text); }
h1,h2,h3,.page h1,.page h2,.page h3 { color:#31535A; }
.page_index_journal .current_issue,.obj_issue_toc { background:#FFFFFF; border-top:3px solid #D5A34B; border-bottom:1px solid rgba(49,83,90,0.12); border-radius:13px; padding:16px; box-shadow:0 8px 24px rgba(49,83,90,0.09); }
.obj_article_summary { background:transparent; border-bottom:1px solid rgba(49,83,90,0.14); padding:14px 0; margin-bottom:0; box-shadow:none; }
.pkp_structure_sidebar .pkp_block { background:transparent; border:0; border-left:3px solid #D5A34B; border-radius:0; padding:3px 0 3px 14px; margin-bottom:17px; box-shadow:none; }
.pkp_structure_sidebar .pkp_block .title { color:#31535A; font-weight:800; }
.cmp_button,.pkp_button,input[type=submit].submit,button.submit { background:var(--sj-primary); border-color:var(--sj-primary); color:#FFFFFF; border-radius:6px; font-weight:700; box-shadow:none; }
.cmp_button:hover,.cmp_button:focus,.pkp_button:hover,.pkp_button:focus,input[type=submit].submit:hover,button.submit:hover { background:var(--sj-secondary); border-color:var(--sj-secondary); color:#FFFFFF; }
.pkp_structure_sidebar .block_make_submission a,.pkp_structure_sidebar a.block_make_submission_link { background:var(--sj-primary); color:#FFFFFF !important; border-radius:6px; padding:10px 12px; font-weight:800; text-decoration:none !important; }
.cmp_notification,.page_announcements .obj_announcement_summary { background:rgba(23,122,120,0.045); border-left:4px solid var(--sj-accent); border-radius:13px; }
.pkp_structure_footer_wrapper { border-top:3px solid var(--sj-accent); background:var(--sj-surface); color:var(--sj-text); }
.pkp_structure_footer_wrapper a { color:var(--sj-primary); }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:2px solid var(--sj-accent); outline-offset:2px; }

/* ============================================================
   SIAP-JURNAL RESPONSIVE PAGE HEADER BANNER — OJS 3
   Upload processed banner (siap-banner-42-e6d457f4.webp, 1920x420) to:
   Website Settings -> Appearance -> Page Header Logo
   ============================================================ */
.pkp_structure_head {
  padding:0 !important;
  overflow:visible !important;
}
.has_site_logo .pkp_head_wrapper,
.pkp_head_wrapper {
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.pkp_site_name_wrapper {
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
}
.pkp_site_name {
  position:relative !important;
  left:auto !important;
  right:auto !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  overflow:visible !important;
  white-space:normal !important;
}
.pkp_site_name .is_img {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:240px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  background:#31535A !important;
}
.pkp_site_name .is_img img {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  max-height:none !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Navigation must stay legible on dark journal headers. */
.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
  margin-top:0 !important;
}
.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:visited,
.pkp_navigation_search_wrapper a,
.pkp_navigation_user > li > a {
  color:#FFFFFF !important;
  opacity:1 !important;
  font-size:16px !important;
  font-weight:700 !important;
}
.pkp_navigation_primary > li > a {
  background:transparent !important;
  text-shadow:0 1px 2px rgba(0,0,0,.25);
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-current="page"],
.pkp_navigation_primary > li.current > a {
  color:#FFFFFF !important;
  background:rgba(255,255,255,.12) !important;
  border-bottom-color:rgba(255,255,255,.85) !important;
  outline:0 !important;
}
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  color:#FFFFFF !important;
  background:rgba(255,255,255,.10) !important;
  outline:0 !important;
}
.pkp_navigation_primary ul a,
.pkp_navigation_primary ul a:visited {
  color:var(--siap-text, var(--sj-text, #18352F)) !important;
  text-shadow:none !important;
}

@media(max-width:767px) {
  .pkp_site_name .is_img {
    height:132px !important;
    min-height:0 !important;
    display:block !important;
  }
  .pkp_site_name .is_img img {
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}