/*
 JASSP — CLEAN JCN-STYLE THEME
 Recreates the visual structure of Jurnal Cinta Nusantara
 while keeping JASSP's own blue/red identity.
 No JCN code or assets are copied.
*/

/* =========================
   COLORS
   ========================= */
:root{
  --jassp-navy:#0b2d52;
  --jassp-blue:#155a78;
  --jassp-red:#c8202b;
  --jassp-light:#f6f7f8;
  --jassp-border:#dfe3e6;
}

/* =========================
   OUTER BACKGROUND
   ========================= */
html,body{
  background:#eeeeee !important;
}

body{
  margin:0 !important;
}

/* centered journal sheet */
.pkp_structure_page{
  width:1160px !important;
  max-width:calc(100% - 40px) !important;
  margin:0 auto !important;
  background:#fff !important;
}

/* =========================
   TOP INFORMATION BAR
   ========================= */
.pkp_navigation_user_wrapper{
  background:var(--jassp-navy) !important;
  border:0 !important;
  min-height:36px !important;
}

.pkp_navigation_user{
  max-width:1160px !important;
  margin:0 auto !important;
}

.pkp_navigation_user>li>a{
  color:#fff !important;
  font-size:13px !important;
}

.pkp_navigation_user>li>a:hover{
  color:#fff !important;
}

/* =========================
   HEADER / LOGO
   ========================= */
.pkp_structure_head{
  background:#fff !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.pkp_head_wrapper{
  width:1160px !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
}

.pkp_branding_wrapper{
  background:#fff !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* uploaded JASSP header */
.pkp_site_name{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}

.pkp_site_name a,
.pkp_site_name .is_img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}

.pkp_site_name img,
.pkp_site_name .is_img img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  object-fit:contain !important;
  margin:0 !important;
}

/* user links over header */
.pkp_navigation_user_wrapper{
  position:relative !important;
  z-index:20 !important;
}

/* =========================
   MAIN NAVIGATION
   ========================= */
.pkp_navigation_primary_wrapper{
  background:var(--jassp-navy) !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  border-bottom:4px solid var(--jassp-red) !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 !important;
}

.pkp_navigation_primary{
  max-width:1160px !important;
  margin:0 auto !important;
  padding:0 20px !important;
}

.pkp_navigation_primary>li>a{
  color:#fff !important;
  font-weight:600 !important;
  font-size:14px !important;
  padding:13px 16px !important;
}

.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus{
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
}

.pkp_navigation_search_wrapper,
.pkp_navigation_search_wrapper a,
.pkp_search button{
  color:#fff !important;
}

/* =========================
   CONTENT SHEET
   ========================= */
.pkp_structure_content{
  width:100% !important;
  max-width:1160px !important;
  margin:0 auto !important;
  background:#fff !important;
  padding:0 !important;
}

/* Give OJS content a JCN-like two-column feel */
.pkp_structure_main{
  background:#fff !important;
}

/* =========================
   SIDEBAR
   ========================= */
.pkp_structure_sidebar{
  background:#fff !important;
}

.pkp_block{
  margin-bottom:26px !important;
}

.pkp_block .title{
  background:var(--jassp-navy) !important;
  color:#fff !important;
  border:0 !important;
  border-bottom:4px solid var(--jassp-red) !important;
  padding:11px 14px !important;
  font-size:15px !important;
  font-weight:700 !important;
}

.pkp_block .content{
  padding-top:12px !important;
}

/* =========================
   CURRENT ISSUE / TITLES
   ========================= */
.current_issue h2,
.obj_issue_toc .heading{
  color:var(--jassp-navy) !important;
  border-bottom:2px solid var(--jassp-red) !important;
  padding-bottom:9px !important;
}

h1,h2,h3,h4{
  color:var(--jassp-navy);
}

a{
  color:var(--jassp-navy);
}

a:hover,
a:focus{
  color:var(--jassp-red);
}

/* =========================
   BREADCRUMB
   ========================= */
.pkp_breadcrumb{
  margin:14px 0 !important;
  font-size:12px !important;
}

/* =========================
   FORMS / BUTTONS
   ========================= */
.cmp_button,
button,
input[type="submit"]{
  border-radius:2px !important;
}

.cmp_button{
  background:var(--jassp-navy) !important;
  border-color:var(--jassp-navy) !important;
  color:#fff !important;
}

.cmp_button:hover{
  background:var(--jassp-red) !important;
  border-color:var(--jassp-red) !important;
}

/* =========================
   FOOTER
   ========================= */
.pkp_structure_footer_wrapper{
  background:var(--jassp-navy) !important;
  border-top:4px solid var(--jassp-red) !important;
  color:#fff !important;
}

.pkp_structure_footer{
  max-width:1160px !important;
  margin:0 auto !important;
}

/* =========================
   RESPONSIVE
   ========================= */
@media(max-width:1199px){
  .pkp_structure_page,
  .pkp_head_wrapper,
  .pkp_navigation_primary,
  .pkp_structure_content,
  .pkp_structure_footer{
    width:100% !important;
    max-width:100% !important;
  }

  .pkp_structure_page{
    max-width:100% !important;
  }

  .pkp_site_name img,
  .pkp_site_name .is_img img{
    width:100% !important;
    height:auto !important;
  }
}

@media(max-width:600px){
  .pkp_navigation_primary>li>a{
    padding:10px 11px !important;
    font-size:13px !important;
  }
}