/* ======================================================================
   JAKMAN — PREMIUM FINAL COMPLETE STYLESHEET
   Jurnal Akuntansi, Keuangan, Manajemen, Ekonomi dan Bisnis
   Publisher: PT. Haruna Cipta Nusantara
   Primary: #10ECE5 | Dark: #062F35

   Designed for OJS 3.x / Bootstrap3-style journal theme.
   IMPORTANT:
   - This stylesheet DOES NOT force the OJS sidebar into a new grid position.
   - Bilingual custom content uses .jakman-en and .jakman-id.
   - English is fallback; Bahasa Indonesia follows html lang="id...".
   ====================================================================== */

:root{
  --jakman-primary:#10ECE5;
  --jakman-primary-2:#7AFFF9;
  --jakman-primary-soft:#E9FFFE;
  --jakman-dark:#062F35;
  --jakman-dark-2:#041F24;
  --jakman-dark-3:#075159;
  --jakman-text:#17383D;
  --jakman-text-2:#29494E;
  --jakman-muted:#667F83;
  --jakman-border:#DCE9EA;
  --jakman-border-soft:#EAF1F1;
  --jakman-bg:#F3F8F8;
  --jakman-soft:#F8FBFB;
  --jakman-white:#FFFFFF;
  --jakman-shadow:0 12px 30px rgba(6,47,53,.08);
  --jakman-shadow-soft:0 6px 18px rgba(6,47,53,.055);
  --jakman-radius:12px;
}

/* ======================================================================
   01. GLOBAL
   ====================================================================== */
html{
  background:var(--jakman-bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{
  margin:0;
  background:var(--jakman-bg)!important;
  color:var(--jakman-text)!important;
  font-family:Arial,Helvetica,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  line-height:1.65!important;
}
body,button,input,select,textarea{
  font-family:Arial,Helvetica,"Segoe UI",sans-serif!important;
}
a{
  color:#087E80;
  transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease;
}
a:hover,a:focus{
  color:#05696B;
  text-decoration:none!important;
}
img{max-width:100%;height:auto;}
::selection{background:var(--jakman-primary);color:var(--jakman-dark);}

.pkp_structure_page{
  max-width:1500px!important;
  margin:0 auto!important;
  background:#fff!important;
  box-shadow:0 0 34px rgba(6,47,53,.055)!important;
}

/* ======================================================================
   02. BILINGUAL CUSTOM CONTENT
   Pattern:
   <span class="jakman-en">English</span>
   <span class="jakman-id">Indonesia</span>
   ====================================================================== */
.jakman-id{display:none!important;}
.jakman-en{display:inline!important;}

html:lang(id) .jakman-en,
html[lang^="id"] .jakman-en{
  display:none!important;
}
html:lang(id) .jakman-id,
html[lang^="id"] .jakman-id{
  display:inline!important;
}
html:lang(en) .jakman-id,
html[lang^="en"] .jakman-id{
  display:none!important;
}
html:lang(en) .jakman-en,
html[lang^="en"] .jakman-en{
  display:inline!important;
}

/* Optional compatibility if OJS/body carries locale classes */
body.locale-id_ID .jakman-en,
body.id_ID .jakman-en{display:none!important;}
body.locale-id_ID .jakman-id,
body.id_ID .jakman-id{display:inline!important;}
body.locale-en_US .jakman-id,
body.en_US .jakman-id{display:none!important;}
body.locale-en_US .jakman-en,
body.en_US .jakman-en{display:inline!important;}

/* ======================================================================
   03. TOP USER BAR
   ====================================================================== */
#headerNavigationContainer.navbar.navbar-default{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
}
#headerNavigationContainer>.container-fluid:first-child{
  min-height:31px!important;
  padding-left:24px!important;
  padding-right:24px!important;
  background:#031B20!important;
  border:0!important;
}
#navigationUser{
  max-width:1260px!important;
  margin:0 auto!important;
  float:none!important;
  text-align:right!important;
}
#navigationUser>li{
  float:none!important;
  display:inline-block!important;
}
#navigationUser>li>a{
  padding:6px 9px!important;
  color:#C9DADB!important;
  font-size:11px!important;
  line-height:19px!important;
  font-weight:600!important;
}
#navigationUser>li>a:hover,
#navigationUser>li>a:focus{
  color:var(--jakman-primary)!important;
  background:transparent!important;
}

/* ======================================================================
   04. JOURNAL HEADER / BRAND AREA
   ====================================================================== */
#headerNavigationContainer>.container-fluid:nth-of-type(2){
  padding:0!important;
}
#headerNavigationContainer .navbar-header{
  position:relative!important;
  float:none!important;
  width:100%!important;
  min-height:155px!important;
  padding:30px max(32px,calc((100% - 1260px)/2)) 27px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 5%,rgba(16,236,229,.15),transparent 235px),
    linear-gradient(118deg,#04262C 0%,#07545B 63%,#063A42 100%)!important;
}
#headerNavigationContainer .navbar-header:before{
  content:"";
  position:absolute;
  right:7%;
  bottom:-70px;
  width:270px;
  height:270px;
  border:1px solid rgba(16,236,229,.10);
  border-radius:50%;
  box-shadow:0 0 0 36px rgba(16,236,229,.022),0 0 0 76px rgba(16,236,229,.014);
  pointer-events:none;
}
#headerNavigationContainer .site-name{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  max-width:1260px!important;
  margin:0 auto!important;
}
#headerNavigationContainer .site-name:before{
  content:"ACADEMIC JOURNAL • OPEN ACCESS";
  display:block!important;
  margin:0 0 10px!important;
  color:var(--jakman-primary)!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:1.7px!important;
  text-transform:uppercase!important;
}
#headerNavigationContainer .site-name .navbar-brand,
#headerNavigationContainer .navbar-brand{
  float:none!important;
  display:block!important;
  width:auto!important;
  max-width:1100px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.55px!important;
  text-shadow:none!important;
}
#headerNavigationContainer .site-name:after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  margin-top:15px;
  border-radius:4px;
  background:var(--jakman-primary);
}

/* ======================================================================
   05. MAIN NAVIGATION
   ====================================================================== */
#nav-menu{
  float:none!important;
  width:100%!important;
  min-height:57px!important;
  margin:0!important;
  padding:0 max(32px,calc((100% - 1260px)/2))!important;
  border:0!important;
  border-bottom:2px solid var(--jakman-primary)!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(6,47,53,.045)!important;
}
#main-navigation.navbar-nav{
  float:left!important;
  margin:0!important;
}
#main-navigation>li>a{
  position:relative!important;
  padding:18px 16px!important;
  color:#17383D!important;
  background:transparent!important;
  font-size:12px!important;
  line-height:20px!important;
  font-weight:700!important;
}
#main-navigation>li>a:hover,
#main-navigation>li>a:focus,
#main-navigation>li.active>a{
  color:#057C7D!important;
  background:#EFFFFF!important;
}
#main-navigation>li.active>a:after{
  content:"";
  position:absolute;
  left:15px;
  right:15px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--jakman-primary);
}
#nav-menu .dropdown-menu{
  min-width:220px!important;
  padding:6px 0!important;
  border:1px solid var(--jakman-border)!important;
  border-top:3px solid var(--jakman-primary)!important;
  border-radius:0 0 9px 9px!important;
  background:#fff!important;
  box-shadow:0 14px 30px rgba(6,47,53,.12)!important;
}
#nav-menu .dropdown-menu>li>a{
  padding:10px 15px!important;
  color:#29494E!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:600!important;
}
#nav-menu .dropdown-menu>li>a:hover,
#nav-menu .dropdown-menu>li>a:focus{
  color:#057C7D!important;
  background:#EEFFFF!important;
}

/* Search in navigation */
#nav-menu .navbar-right,
#nav-menu .pull-right{margin-right:0!important;}
#nav-menu .form-control{
  height:34px!important;
  margin-top:11px!important;
  border:1px solid #D8E7E8!important;
  border-radius:18px!important;
  background:#F8FBFB!important;
  color:#29494E!important;
  font-size:12px!important;
  box-shadow:none!important;
}
#nav-menu .form-control:focus{
  border-color:#74EAE6!important;
  box-shadow:0 0 0 2px rgba(16,236,229,.10)!important;
}
#nav-menu .btn{
  height:34px!important;
  margin-top:11px!important;
  border-color:#06383E!important;
  border-radius:0 18px 18px 0!important;
  background:#06383E!important;
  color:#fff!important;
}
#nav-menu .btn:hover{background:#07545B!important;}

/* ======================================================================
   06. CONTENT AREA
   IMPORTANT: no forced grid for .has_sidebar.
   Bootstrap/OJS keeps the native main/sidebar position.
   ====================================================================== */
.pkp_structure_content{
  max-width:1260px!important;
  margin:30px auto 44px!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
.pkp_structure_main{
  background:#fff!important;
  border:1px solid #E2ECEC!important;
  border-radius:14px!important;
  box-shadow:var(--jakman-shadow)!important;
}
.pkp_structure_main>.page,
.pkp_structure_main>.page_about,
.pkp_structure_main>.page_index_journal,
.pkp_structure_main>.page_issue,
.pkp_structure_main>.page_search{
  padding:28px!important;
}
.pkp_structure_main h1{
  margin:0 0 22px!important;
  color:#092E34!important;
  font-size:28px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:-.35px!important;
}
.pkp_structure_main h2{
  color:#10383D!important;
  font-weight:800!important;
}
.pkp_structure_main h3{
  color:#17383D!important;
  font-weight:750!important;
}
.pkp_structure_main p,
.pkp_structure_main li{
  color:#405B60;
  font-size:14px;
  line-height:1.7;
}
.breadcrumb{
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#789093!important;
  font-size:11px!important;
}
.breadcrumb>li+li:before{color:#A2B3B5!important;}
.breadcrumb a{color:#078A8B!important;}

/* Native forms/buttons */
.pkp_structure_main .btn-primary,
.pkp_structure_main button.btn-primary,
.pkp_structure_main input.btn-primary{
  border-color:#087E80!important;
  background:#087E80!important;
  color:#fff!important;
}
.pkp_structure_main .btn-primary:hover{
  border-color:#05696B!important;
  background:#05696B!important;
}
.pkp_structure_main .form-control{
  border-color:#D8E6E7!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
.pkp_structure_main .form-control:focus{
  border-color:#72DDD9!important;
  box-shadow:0 0 0 2px rgba(16,236,229,.10)!important;
}

/* ======================================================================
   07. NATIVE OJS SIDEBAR BLOCKS
   Only visual styling. Position/width are NOT overridden.
   ====================================================================== */
.pkp_structure_sidebar{
  font-size:13px!important;
}
.pkp_structure_sidebar .pkp_block{
  overflow:hidden!important;
  margin-bottom:14px!important;
  border:1px solid var(--jakman-border)!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:var(--jakman-shadow-soft)!important;
}
.pkp_structure_sidebar .pkp_block .title{
  position:relative!important;
  margin:0!important;
  padding:14px 15px 13px 28px!important;
  border-bottom:1px solid #E5EEEE!important;
  background:#F9FCFC!important;
  color:#10383D!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.pkp_structure_sidebar .pkp_block .title:before{
  content:"";
  position:absolute;
  left:14px;
  top:14px;
  width:4px;
  height:19px;
  border-radius:4px;
  background:var(--jakman-primary);
}
.pkp_structure_sidebar .pkp_block .content{
  padding:7px 15px 10px!important;
  color:#405B60!important;
  font-size:13px!important;
}
.pkp_structure_sidebar .pkp_block ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.pkp_structure_sidebar .pkp_block li{
  margin:0!important;
  border-bottom:1px solid #EDF3F3!important;
}
.pkp_structure_sidebar .pkp_block li:last-child{border-bottom:0!important;}
.pkp_structure_sidebar .pkp_block li a{
  display:block!important;
  padding:10px 2px!important;
  color:#29494E!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
.pkp_structure_sidebar .pkp_block li a:hover{
  color:#057F80!important;
  background:transparent!important;
}

/* Language block */
.pkp_structure_sidebar .block_language .content{
  padding:8px 14px 11px!important;
}
.pkp_structure_sidebar .block_language li a{
  position:relative!important;
  padding:10px 10px 10px 24px!important;
  border-radius:7px!important;
}
.pkp_structure_sidebar .block_language li a:before{
  content:"○";
  position:absolute;
  left:7px;
  color:#0AA9A7;
  font-weight:800;
}
.pkp_structure_sidebar .block_language li a:hover,
.pkp_structure_sidebar .block_language li a:focus{
  color:#075E61!important;
  background:#E9FFFE!important;
}

/* ======================================================================
   08. JAKMAN CUSTOM SIDEBAR — BILINGUAL
   Does not control OJS sidebar position.
   ====================================================================== */
.jakman-sidebar,
.jakman-sidebar *{box-sizing:border-box;}
.jakman-sidebar{
  width:100%;
  color:var(--jakman-text);
  font-family:Arial,Helvetica,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.55;
}
.jakman-sidebar a{text-decoration:none!important;}
.jakman-sidebar a:focus{
  outline:2px solid var(--jakman-primary);
  outline-offset:2px;
}

/* Brand card */
.jakman-brand-card{
  position:relative;
  overflow:hidden;
  margin:0 0 14px;
  padding:24px 21px 22px;
  border-radius:13px;
  background:
    radial-gradient(circle at 92% 5%,rgba(16,236,229,.16),transparent 120px),
    linear-gradient(135deg,#052B31 0%,#064B52 100%);
  box-shadow:0 10px 25px rgba(6,47,53,.12);
}
.jakman-brand-card:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-65px;
  top:-75px;
  border:1px solid rgba(16,236,229,.15);
  border-radius:50%;
  pointer-events:none;
}
.jakman-brand-kicker{
  display:inline-block;
  position:relative;
  z-index:1;
  margin-bottom:13px;
  padding:4px 9px;
  border:1px solid rgba(16,236,229,.30);
  border-radius:999px;
  color:#7BFFF9;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:1px;
}
.jakman-brand-name{
  position:relative;
  z-index:1;
  margin-bottom:8px;
  color:#fff;
  font-size:29px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.5px;
}
.jakman-brand-name span{color:var(--jakman-primary);}
.jakman-brand-title{
  position:relative;
  z-index:1;
  max-width:285px;
  color:#D8E7E8;
  font-size:13px;
  line-height:1.55;
}
.jakman-brand-line{
  position:relative;
  z-index:1;
  width:48px;
  height:3px;
  margin-top:16px;
  border-radius:4px;
  background:var(--jakman-primary);
}

/* Cards */
.jakman-side-card,
.jakman-info-card,
.jakman-cycle-card{
  overflow:hidden;
  margin:0 0 14px;
  border:1px solid var(--jakman-border);
  border-radius:11px;
  background:#fff;
  box-shadow:var(--jakman-shadow-soft);
}
.jakman-side-title{
  position:relative;
  padding:14px 15px 13px 28px;
  border-bottom:1px solid #E5EEEE;
  background:#F9FCFC;
  color:#10383D;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
}
.jakman-side-title:before{
  content:"";
  position:absolute;
  left:14px;
  top:14px;
  width:4px;
  height:19px;
  border-radius:4px;
  background:var(--jakman-primary);
}
.jakman-accent-card{border-top:3px solid var(--jakman-primary);}

/* Sidebar links */
.jakman-side-links{padding:5px 15px 8px;}
.jakman-side-links a{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:10px 2px;
  border-bottom:1px solid #EDF3F3;
  color:#29494E!important;
  font-size:13px;
  line-height:1.45;
  font-weight:600;
}
.jakman-side-links a:last-child{border-bottom:0;}
.jakman-side-links a:hover{
  padding-left:5px;
  color:#057F80!important;
}
.jakman-side-links a:after{
  content:"›";
  margin-left:auto;
  color:#7B999C;
  font-size:17px;
  line-height:1;
}
.jakman-dot{
  flex:0 0 auto;
  color:#10B9B5;
  font-size:9px;
}

/* Journal info */
.jakman-info-card{padding-bottom:5px;}
.jakman-info-row{
  display:grid;
  grid-template-columns:minmax(88px,.9fr) minmax(0,1.25fr);
  gap:10px;
  align-items:start;
  margin:0 15px;
  padding:11px 0;
  border-bottom:1px solid #EDF3F3;
  color:#496469;
  font-size:12.5px;
}
.jakman-info-row:last-child{border-bottom:0;}
.jakman-info-label{
  color:#607A7E;
  font-weight:600;
}
.jakman-info-row strong{
  color:#17383D;
  font-weight:700;
  text-align:right;
}
.jakman-info-row a{
  color:#047F80!important;
  font-weight:700;
  text-align:right;
  overflow-wrap:anywhere;
}

/* Publication cycle */
.jakman-cycle-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  padding:13px;
}
.jakman-cycle-grid>div{
  padding:13px 8px;
  border:1px solid var(--jakman-border);
  border-top:3px solid var(--jakman-primary);
  border-radius:8px;
  background:#fff;
  text-align:center;
}
.jakman-cycle-grid strong{
  display:block;
  color:#17383D;
  font-size:13px;
}
.jakman-cycle-grid small{
  display:block;
  margin-top:3px;
  color:#6F8588;
  font-size:11px;
}

/* Action cards */
.jakman-action-card{
  margin:0 0 14px;
  padding:18px;
  border:1px solid #BFE8E7;
  border-radius:11px;
  background:#EEFAFA;
}
.jakman-action-bright{
  border-color:#10D9D4;
  background:linear-gradient(120deg,#10ECE5,#87FFF9);
}
.jakman-action-heading{
  margin-bottom:7px;
  color:#07373C;
  font-size:15px;
  line-height:1.35;
  font-weight:800;
}
.jakman-action-card p{
  margin:0 0 13px!important;
  color:#426065!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.jakman-action-bright p{color:#174B4E!important;}
.jakman-button-light,
.jakman-button-dark{
  display:inline-block;
  padding:8px 12px;
  border-radius:6px;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
}
.jakman-button-light{
  border:1px solid #087F80;
  background:#fff;
  color:#086F71!important;
}
.jakman-button-light:hover{background:#EFFFFF;}
.jakman-button-dark{
  background:#06383E;
  color:#fff!important;
}
.jakman-button-dark:hover{background:#052A2F;}

/* Indexing message */
.jakman-message{
  padding:15px;
  color:#496469;
  font-size:12.5px;
  line-height:1.6;
}
.jakman-message small{
  display:block;
  margin-top:8px;
  color:#748A8D;
  font-size:11.5px;
}

/* Editorial office */
.jakman-contact-card{
  margin:0 0 14px;
  padding:20px;
  border-radius:11px;
  background:linear-gradient(135deg,#052B31,#064A50);
  color:#D3E3E4;
  font-size:12.5px;
  line-height:1.65;
  box-shadow:0 9px 22px rgba(6,47,53,.12);
}
.jakman-contact-title{
  margin-bottom:12px;
  color:var(--jakman-primary);
  font-size:12px;
  font-weight:800;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.jakman-contact-card>strong{
  color:#fff;
  font-size:14px;
}
.jakman-contact-journal{
  margin-top:3px;
  color:#C7DCDE;
  font-size:12px;
}
.jakman-contact-line{
  width:45px;
  height:2px;
  margin:12px 0;
  background:var(--jakman-primary);
}
.jakman-contact-space{height:10px;}
.jakman-contact-card a{
  color:#75FFF9!important;
  font-weight:700;
}

/* ======================================================================
   09. ABOUT THE JOURNAL CUSTOM DESIGN
   Supports prior .jk-* markup AND bilingual spans inside it.
   ====================================================================== */
.jk-about,
.jk-about *{box-sizing:border-box;}
.jk-about{color:var(--jakman-text);}
.jk-about h2,.jk-about h3{color:#092E34;margin-top:0;}
.jk-about p{
  color:#405B60;
  font-size:14px;
  line-height:1.72;
}
.jk-hero{
  position:relative;
  min-height:215px;
  margin:0 0 30px;
  padding:37px 38px;
  overflow:hidden;
  border-radius:13px;
  background:
    radial-gradient(circle at 88% 10%,rgba(16,236,229,.18),transparent 165px),
    linear-gradient(120deg,#04272D,#07535A 65%,#06363D);
  box-shadow:0 16px 32px rgba(6,47,53,.12);
}
.jk-hero:after{
  content:"";
  position:absolute;
  right:-60px;
  top:-95px;
  width:260px;
  height:260px;
  border:1px solid rgba(16,236,229,.17);
  border-radius:50%;
  box-shadow:0 0 0 36px rgba(16,236,229,.025);
  pointer-events:none;
}
.jk-eyebrow{
  position:relative;
  z-index:2;
  margin-bottom:17px;
  color:var(--jakman-primary);
  font-size:10px;
  font-weight:800;
  letter-spacing:1.6px;
  text-transform:uppercase;
}
.jk-hero-title{
  position:relative;
  z-index:2;
  max-width:650px;
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:33px!important;
  line-height:1.14!important;
  font-weight:800!important;
}
.jk-hero-subtitle{
  position:relative;
  z-index:2;
  max-width:650px;
  margin:0!important;
  color:#D4E7E9!important;
  font-size:13.5px!important;
  line-height:1.65!important;
}
.jk-accent{color:var(--jakman-primary);}
.jk-intro{
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:27px;
  margin:0 0 35px;
}
.jk-intro-side{padding-top:6px;}
.jk-overline{
  color:#058E90;
  font-size:9px;
  font-weight:800;
  letter-spacing:1.25px;
  text-transform:uppercase;
}
.jk-intro-body{
  padding-left:25px;
  border-left:2px solid #E4EEEE;
}
.jk-intro-body h2{
  margin-bottom:12px!important;
  color:#092E34!important;
  font-size:24px!important;
  line-height:1.22!important;
  font-weight:800!important;
}
.jk-section{margin-top:38px;}
.jk-section-head{
  display:flex;
  gap:13px;
  align-items:flex-start;
  margin-bottom:18px;
  padding-bottom:12px;
  border-bottom:1px solid #E4EEEE;
}
.jk-section-bar{
  flex:0 0 6px;
  width:6px;
  height:42px;
  border-radius:8px;
  background:var(--jakman-primary);
}
.jk-section-head h2{
  margin:3px 0 4px!important;
  color:#092E34!important;
  font-size:22px!important;
  font-weight:800!important;
}
.jk-section-head p{
  margin:0!important;
  color:#667F83!important;
  font-size:12.5px!important;
}
.jk-scope-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.jk-scope{
  display:grid;
  grid-template-columns:55px minmax(0,1fr);
  min-height:124px;
  overflow:hidden;
  border:1px solid #DCEAEA;
  border-radius:10px;
  background:#fff;
  box-shadow:0 4px 14px rgba(6,47,53,.025);
}
.jk-scope:hover{
  transform:translateY(-2px);
  border-color:#AEEBE9;
  box-shadow:0 11px 22px rgba(6,47,53,.07);
}
.jk-number{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#ECFFFF,#F4FAFA);
  color:#08A7A5;
  font-size:14px;
  font-weight:800;
}
.jk-scope-text{padding:15px 15px 13px;}
.jk-scope-text strong{
  display:block;
  margin-bottom:5px;
  color:#173A40;
  font-size:13px;
  line-height:1.4;
}
.jk-scope-text span{
  display:block;
  color:#5F777B;
  font-size:12px;
  line-height:1.55;
}
.jk-review{
  display:grid;
  grid-template-columns:1.25fr .9fr;
  overflow:hidden;
  border:1px solid #DDEAEA;
  border-radius:12px;
  background:#F4FAFA;
}
.jk-review-main{padding:27px;}
.jk-review-label{
  display:inline-block;
  margin-bottom:13px;
  padding:5px 9px;
  border-radius:999px;
  background:#DFFFFD;
  color:#058E8F;
  font-size:9px;
  font-weight:800;
  letter-spacing:.9px;
}
.jk-review-main h3{
  color:#092E34!important;
  font-size:21px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.jk-review-meta{
  padding:18px 22px;
  background:#06383E;
}
.jk-meta{
  display:flex;
  gap:11px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.jk-meta:last-child{border-bottom:0;}
.jk-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 27px;
  width:27px;
  height:27px;
  border-radius:50%;
  background:var(--jakman-primary);
  color:#06383E;
  font-size:9px;
  font-weight:800;
}
.jk-meta strong{
  display:block;
  color:#fff;
  font-size:11.5px;
}
.jk-meta div span{
  display:block;
  margin-top:2px;
  color:#B3CBCD;
  font-size:10.5px;
}
.jk-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.jk-fact{
  min-height:80px;
  padding:14px 15px;
  border:1px solid #DDEAEA;
  border-top:3px solid var(--jakman-primary);
  border-radius:9px;
  background:#fff;
}
.jk-fact-label{
  display:block;
  margin-bottom:7px;
  color:#068D8E;
  font-size:9px;
  font-weight:800;
  letter-spacing:.9px;
  text-transform:uppercase;
}
.jk-fact-value{
  display:block;
  color:#27464A;
  font-size:12.5px;
  line-height:1.5;
  font-weight:700;
}
.jk-office{
  display:grid;
  grid-template-columns:1fr auto;
  gap:25px;
  align-items:center;
  margin-top:36px;
  padding:28px 30px;
  border-radius:12px;
  background:linear-gradient(120deg,#052B31,#063D43);
  box-shadow:0 14px 28px rgba(6,47,53,.12);
}
.jk-office-label{
  margin-bottom:8px;
  color:var(--jakman-primary);
  font-size:9px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
}
.jk-office h2{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:22px!important;
}
.jk-office-address{
  color:#C6D9DB;
  font-size:12px;
  line-height:1.7;
}
.jk-button{
  display:inline-block;
  padding:11px 16px;
  border-radius:7px;
  background:var(--jakman-primary);
  color:#052C31!important;
  font-size:12px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(16,236,229,.16);
}
.jk-button:hover{
  background:#74FFF9;
  transform:translateY(-1px);
}

/* ======================================================================
   10. JOURNAL HOME / CURRENT ISSUE / ARCHIVE
   ====================================================================== */
.page_index_journal .homepage_image{
  margin-bottom:24px!important;
  overflow:hidden;
  border-radius:12px!important;
}
.page_index_journal .additional_content{
  color:#405B60!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.current_issue,
.obj_issue_summary{
  border-color:#E0EAEA!important;
}
.current_issue h2,
.obj_issue_summary h2{
  color:#10383D!important;
  font-weight:800!important;
}
.obj_article_summary{
  padding-top:18px!important;
  padding-bottom:18px!important;
  border-bottom-color:#E8EFEF!important;
}
.obj_article_summary .title a{
  color:#153C41!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:700!important;
}
.obj_article_summary .title a:hover{color:#067F80!important;}
.obj_article_summary .authors{
  color:#60797D!important;
  font-size:12.5px!important;
}
.obj_article_summary .pages,
.obj_article_summary .published{
  color:#7C9093!important;
  font-size:11.5px!important;
}

/* Issue TOC */
.obj_issue_toc .heading{
  padding-bottom:18px!important;
  border-bottom:1px solid #E5EEEE!important;
}
.obj_issue_toc .section h2{
  color:#087F80!important;
  font-size:18px!important;
  font-weight:800!important;
}

/* ======================================================================
   11. ARTICLE PAGE
   ====================================================================== */
.obj_article_details .page_title,
.obj_article_details h1{
  color:#092E34!important;
  font-size:27px!important;
  line-height:1.3!important;
  font-weight:800!important;
}
.obj_article_details .authors{
  color:#405B60!important;
  font-size:13px!important;
}
.obj_article_details .abstract h2,
.obj_article_details .item h2{
  color:#10383D!important;
  font-size:18px!important;
  font-weight:800!important;
}
.obj_article_details .abstract,
.obj_article_details .item{
  color:#405B60!important;
  font-size:14px!important;
  line-height:1.75!important;
}
.obj_galley_link{
  border-color:#087F80!important;
  border-radius:6px!important;
  background:#087F80!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
}
.obj_galley_link:hover{
  border-color:#05696B!important;
  background:#05696B!important;
}

/* ======================================================================
   12. TABLES
   ====================================================================== */
.pkp_structure_main table:not(.table-condensed){
  max-width:100%;
}
.pkp_structure_main .table{
  color:#36555A!important;
  font-size:13px!important;
}
.pkp_structure_main .table>thead>tr>th{
  border-bottom:2px solid #BFE5E4!important;
  color:#153C41!important;
  background:#F6FBFB!important;
  font-weight:800!important;
}
.pkp_structure_main .table>tbody>tr>td{
  border-top-color:#E8EFEF!important;
}

/* ======================================================================
   13. PAGINATION
   ====================================================================== */
.pagination>li>a,
.pagination>li>span{
  border-color:#DCE9EA!important;
  color:#087E80!important;
  background:#fff!important;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover{
  border-color:#087E80!important;
  background:#087E80!important;
  color:#fff!important;
}

/* ======================================================================
   14. ANNOUNCEMENTS / SEARCH
   ====================================================================== */
.obj_announcement_summary{
  padding:18px 0!important;
  border-bottom:1px solid #E7EFEF!important;
}
.obj_announcement_summary h2,
.obj_announcement_summary h3{
  color:#17383D!important;
  font-weight:800!important;
}
.obj_announcement_summary .date{
  color:#70878A!important;
  font-size:11.5px!important;
}
.page_search .search_results .obj_article_summary{
  border-bottom:1px solid #E7EFEF!important;
}


/* ======================================================================
   16. ACCESSIBILITY / READABILITY
   ====================================================================== */
.jakman-sidebar,
.jk-about,
.pkp_structure_main,
.pkp_structure_sidebar{
  text-rendering:optimizeLegibility;
}
.jakman-sidebar small,
.jk-about small{
  line-height:1.5;
}
button:focus,
a:focus,
input:focus,
select:focus,
textarea:focus{
  outline-color:#0AB8B4;
}

/* ======================================================================
   17. RESPONSIVE — TABLET
   ====================================================================== */
@media(max-width:991px){
  #headerNavigationContainer .navbar-header{
    min-height:135px!important;
    padding:25px 24px!important;
  }
  #headerNavigationContainer .site-name .navbar-brand,
  #headerNavigationContainer .navbar-brand{
    font-size:25px!important;
  }
  #nav-menu{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .pkp_structure_content{
    margin-top:22px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .pkp_structure_sidebar{
    margin-top:22px!important;
  }
  .jk-footer-grid{
    grid-template-columns:1.25fr .75fr 1fr;
    gap:26px;
  }
}

/* ======================================================================
   18. RESPONSIVE — MOBILE
   ====================================================================== */
@media(max-width:767px){
  body{font-size:14px!important;}

  #headerNavigationContainer>.container-fluid:first-child{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  #navigationUser{text-align:center!important;}
  #navigationUser>li>a{
    padding:6px 6px!important;
    font-size:10.5px!important;
  }

  #headerNavigationContainer .navbar-header{
    min-height:118px!important;
    padding:23px 18px!important;
  }
  #headerNavigationContainer .site-name:before{
    font-size:8.5px!important;
    letter-spacing:1.2px!important;
  }
  #headerNavigationContainer .site-name .navbar-brand,
  #headerNavigationContainer .navbar-brand{
    padding-right:42px!important;
    font-size:21px!important;
    line-height:1.25!important;
  }
  #headerNavigationContainer .site-name:after{
    width:45px;
    margin-top:12px;
  }

  #nav-menu{
    min-height:0!important;
    padding:0!important;
  }
  #main-navigation.navbar-nav{
    float:none!important;
    margin:0!important;
  }
  #main-navigation>li>a{
    padding:12px 16px!important;
    font-size:13px!important;
  }

  .pkp_structure_content{
    margin-top:17px!important;
    margin-bottom:28px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .pkp_structure_main{
    border-radius:11px!important;
  }
  .pkp_structure_main>.page,
  .pkp_structure_main>.page_about,
  .pkp_structure_main>.page_index_journal,
  .pkp_structure_main>.page_issue,
  .pkp_structure_main>.page_search{
    padding:19px!important;
  }
  .pkp_structure_main h1{
    font-size:24px!important;
  }

  .jk-hero{
    min-height:auto;
    padding:28px 23px;
  }
  .jk-hero-title{font-size:27px!important;}
  .jk-hero-subtitle{font-size:13px!important;}
  .jk-intro{
    grid-template-columns:1fr;
    gap:10px;
  }
  .jk-intro-body{
    padding-left:0;
    border-left:0;
  }
  .jk-scope-grid,
  .jk-facts,
  .jk-review,
  .jk-footer-grid{
    grid-template-columns:1fr;
  }
  .jk-scope{min-height:auto;}
  .jk-office{
    grid-template-columns:1fr;
    padding:24px;
  }

  .jakman-sidebar{font-size:14px;}
  .jakman-side-title{font-size:14.5px;}
  .jakman-side-links a{
    min-height:44px;
    font-size:13.5px;
  }
  .jakman-brand-name{font-size:27px;}
  .jakman-info-row{font-size:13px;}

  .jk-footer-bottom{
    display:block;
    line-height:1.7;
  }
  .jk-footer-bottom span{display:block;}
}

/* ======================================================================
   19. VERY SMALL MOBILE
   ====================================================================== */
@media(max-width:420px){
  .jk-scope{
    grid-template-columns:46px minmax(0,1fr);
  }
  .jk-scope-text{padding:13px 12px;}
  .jakman-info-row{
    grid-template-columns:1fr;
    gap:3px;
  }
  .jakman-info-row strong,
  .jakman-info-row a{
    text-align:left;
  }
  .jakman-cycle-grid{
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:10px;
  }
}

/* ==========================================================
   JAKMAN SIDEBAR — FINAL
   Default website language: English
   Automatically switches to Indonesian when OJS locale is Indonesian
   ========================================================== */

/* ---------- LANGUAGE ---------- */
/* Default: English */
.jakman-sidebar .jakman-en { display:inline; }
.jakman-sidebar .jakman-id { display:none; }

/* Indonesian locale */
html[lang="id"] .jakman-sidebar .jakman-en,
html[lang^="id-"] .jakman-sidebar .jakman-en,
html[lang^="id_"] .jakman-sidebar .jakman-en {
  display:none !important;
}
html[lang="id"] .jakman-sidebar .jakman-id,
html[lang^="id-"] .jakman-sidebar .jakman-id,
html[lang^="id_"] .jakman-sidebar .jakman-id {
  display:inline !important;
}

/* Explicit English locale */
html[lang="en"] .jakman-sidebar .jakman-id,
html[lang^="en-"] .jakman-sidebar .jakman-id,
html[lang^="en_"] .jakman-sidebar .jakman-id {
  display:none !important;
}
html[lang="en"] .jakman-sidebar .jakman-en,
html[lang^="en-"] .jakman-sidebar .jakman-en,
html[lang^="en_"] .jakman-sidebar .jakman-en {
  display:inline !important;
}

/* ---------- BASE ---------- */
.jakman-sidebar,
.jakman-sidebar * {
  box-sizing:border-box;
}
.jakman-sidebar {
  width:100%;
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.55;
  color:#243f44;
}
.jakman-sidebar a {
  text-decoration:none !important;
}

/* ---------- CARD ---------- */
.jakman-side-card,
.jakman-info-card {
  margin:0 0 16px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid #dce8e9;
  border-radius:10px;
  box-shadow:0 5px 16px rgba(7,54,60,.055);
}
.jakman-side-highlight {
  border-top:3px solid #10ece5;
}

/* ---------- TITLE ---------- */
.jakman-side-title {
  position:relative;
  padding:14px 16px 13px 31px;
  background:#f7fbfb;
  border-bottom:1px solid #e2ecec;
  color:#10383d;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
}
.jakman-side-title:before {
  content:"";
  position:absolute;
  left:16px;
  top:14px;
  width:4px;
  height:20px;
  border-radius:3px;
  background:#10cfc9;
}

/* ---------- MENU LINKS ---------- */
.jakman-side-links {
  padding:5px 16px 7px;
}
.jakman-side-links a {
  display:flex;
  align-items:center;
  min-height:43px;
  gap:8px;
  padding:10px 2px;
  border-bottom:1px solid #edf2f2;
  color:#29494e !important;
  font-size:13.5px;
  line-height:1.45;
  font-weight:500;
  transition:color .15s ease, padding-left .15s ease;
}
.jakman-side-links a:last-child {
  border-bottom:0;
}
.jakman-side-links a:hover {
  padding-left:5px;
  color:#047f80 !important;
}
.jakman-side-links a:after {
  content:"›";
  margin-left:auto;
  color:#779396;
  font-size:18px;
  line-height:1;
}
.jakman-icon {
  flex:0 0 auto;
  color:#0abcb7;
  font-size:8px;
}

/* ---------- JOURNAL INFORMATION ---------- */
.jakman-info-card {
  padding-bottom:5px;
}
.jakman-info-row {
  display:grid;
  grid-template-columns:minmax(92px,.85fr) minmax(0,1.25fr);
  gap:12px;
  align-items:start;
  margin:0 16px;
  padding:11px 0;
  border-bottom:1px solid #edf2f2;
  color:#4a6468;
  font-size:12.5px;
  line-height:1.45;
}
.jakman-info-row:last-child {
  border-bottom:0;
}
.jakman-info-label {
  color:#60787c;
  font-weight:600;
}
.jakman-info-row strong {
  color:#17383d;
  font-weight:700;
  text-align:right;
}
.jakman-info-row a {
  color:#047f80 !important;
  font-weight:700;
  text-align:right;
  overflow-wrap:anywhere;
}

/* ---------- ACTION CARDS ---------- */
.jakman-action-card {
  margin:0 0 16px;
  padding:18px;
  border:1px solid #cfe6e6;
  border-radius:10px;
  background:#f2f9f9;
}
.jakman-action-primary {
  border-color:#10d8d2;
  background:linear-gradient(120deg,#10ece5 0%,#82fff9 100%);
}
.jakman-action-title {
  margin:0 0 7px;
  color:#0b353a;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
}
.jakman-action-card p {
  margin:0 0 13px !important;
  color:#466166 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}
.jakman-action-primary p {
  color:#17494c !important;
}
.jakman-btn-outline,
.jakman-btn-dark {
  display:inline-block;
  padding:8px 13px;
  border-radius:6px;
  font-size:12.5px;
  line-height:1.3;
  font-weight:700;
}
.jakman-btn-outline {
  border:1px solid #087f80;
  background:#ffffff;
  color:#076f71 !important;
}
.jakman-btn-dark {
  border:1px solid #06383e;
  background:#06383e;
  color:#ffffff !important;
}

/* ---------- INDEXING MESSAGE ---------- */
.jakman-message {
  padding:15px 16px 17px;
  color:#496469;
  font-size:13px;
  line-height:1.6;
}
.jakman-message small {
  display:block;
  margin-top:8px;
  color:#74898c;
  font-size:12px;
  line-height:1.55;
}

/* ---------- EDITORIAL OFFICE ---------- */
.jakman-contact-card {
  margin:0 0 16px;
  padding:20px;
  border-radius:10px;
  background:linear-gradient(135deg,#052b31 0%,#064950 100%);
  box-shadow:0 8px 20px rgba(6,47,53,.12);
  color:#d2e2e3;
  font-size:13px;
  line-height:1.65;
}
.jakman-contact-title {
  margin-bottom:12px;
  color:#63fff8;
  font-size:12px;
  font-weight:700;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.jakman-contact-card > strong {
  color:#ffffff;
  font-size:14px;
}
.jakman-contact-journal {
  margin-top:4px;
  color:#c6dadc;
  font-size:12.5px;
  line-height:1.55;
}
.jakman-contact-line {
  width:46px;
  height:2px;
  margin:13px 0;
  background:#10ece5;
}
.jakman-contact-space {
  height:11px;
}
.jakman-contact-card a {
  color:#75fff9 !important;
  font-weight:700;
}

/* ---------- ACCESSIBILITY ---------- */
.jakman-sidebar a:focus {
  outline:2px solid #10cfc9;
  outline-offset:2px;
}

/* ---------- MOBILE ---------- */
@media (max-width:767px) {
  .jakman-side-title {
    font-size:15px;
  }
  .jakman-side-links a {
    min-height:45px;
    font-size:14px;
  }
  .jakman-info-row,
  .jakman-contact-card,
  .jakman-message {
    font-size:13px;
  }
}

/* HIDE CUSTOM BLOCK NAME: sidebar */
#customblock-sidebar > span.title {
    display: none !important;
}

/* =========================================================
   JAKMAN — HILANGKAN JUDUL OUTER CUSTOM BLOCK
   ========================================================= */

/* Hilangkan judul "sidebar" hanya pada block yang berisi JAKMAN Sidebar */
.pkp_structure_sidebar .pkp_block:has(.jakman-sidebar) > .title,
.pkp_structure_sidebar .pkp_block:has(.jakman-sidebar) .title {
    display: none !important;
}

/* Hilangkan kotak pembungkus OJS agar tidak terjadi card di dalam card */
.pkp_structure_sidebar .pkp_block:has(.jakman-sidebar) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Hilangkan padding bawaan OJS pada pembungkus konten */
.pkp_structure_sidebar .pkp_block:has(.jakman-sidebar) > .content {
    padding: 0 !important;
    margin: 0 !important;
}


/* ======================================================================
   JAKMAN — FOOTER FINAL CLEAN
   Replaces all previous footer systems.
   Works with OJS footer structure: wrapper > structure > content + brand.
   ====================================================================== */

/* 1. Make the WHOLE native OJS footer dark, including its inner container */
.pkp_structure_page > .pkp_structure_footer_wrapper,
.pkp_structure_footer_wrapper{
  margin:0!important;
  padding:0!important;
  border-top:4px solid var(--jakman-primary)!important;
  background:#052F35!important;
  background-image:linear-gradient(120deg,#041F24 0%,#052F35 52%,#06464C 100%)!important;
  color:#D8E7E8!important;
}

.pkp_structure_footer_wrapper > .pkp_structure_footer,
.pkp_structure_footer{
  display:block!important;
  float:none!important;
  width:100%!important;
  max-width:1260px!important;
  margin:0 auto!important;
  padding:36px 24px 22px!important;
  border:0!important;
  background:transparent!important;
  color:#D8E7E8!important;
  text-align:left!important;
  box-shadow:none!important;
}

/* 2. Bootstrap/OJS may make Page Footer and PKP brand separate columns.
      Force both to full width so the JAKMAN footer gets the full row. */
.pkp_structure_footer .pkp_footer_content,
.pkp_footer_content{
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#D8E7E8!important;
  text-align:left!important;
}

.pkp_structure_footer a{
  text-decoration:none!important;
}

/* 3. Main custom footer */
.jakman-footer-premium,
.jakman-footer-premium *{
  box-sizing:border-box;
}

.jakman-footer-premium{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:transparent!important;
  color:#D8E7E8!important;
  font-family:Arial,Helvetica,"Segoe UI",sans-serif;
}

.jakman-footer-premium:before{
  content:"";
  position:absolute;
  z-index:0;
  top:-170px;
  right:-80px;
  width:390px;
  height:390px;
  border:1px solid rgba(16,236,229,.08);
  border-radius:50%;
  box-shadow:0 0 0 52px rgba(16,236,229,.016),0 0 0 105px rgba(16,236,229,.010);
  pointer-events:none;
}

.jakman-footer-main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(170px,.72fr) minmax(250px,1fr);
  gap:46px;
  align-items:start;
  width:100%;
  padding:0 0 28px;
}

/* Identity */
.jakman-footer-brand{max-width:520px;}

.jakman-footer-label{
  display:inline-block;
  margin:0 0 12px;
  padding:5px 10px;
  border:1px solid rgba(16,236,229,.42);
  border-radius:999px;
  background:rgba(16,236,229,.055);
  color:#76FFF9!important;
  font-size:10.5px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:1.25px;
  text-transform:uppercase;
}

.jakman-footer-name{
  margin:0 0 7px;
  color:#FFFFFF!important;
  font-size:28px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.35px;
}

.jakman-footer-title{
  max-width:500px;
  margin:0 0 14px;
  color:#F5FFFF!important;
  font-size:15px;
  line-height:1.5;
  font-weight:700;
}

.jakman-footer-accent{
  width:48px;
  height:3px;
  margin:0 0 15px;
  border-radius:4px;
  background:var(--jakman-primary)!important;
}

.jakman-footer-desc{
  max-width:510px;
  margin:0;
  color:#C5D8DA!important;
  font-size:13px;
  line-height:1.72;
  font-weight:400;
}

/* Column headings */
.jakman-footer-heading{
  position:relative;
  margin:3px 0 15px;
  padding:0 0 10px;
  color:#FFFFFF!important;
  font-size:14px;
  line-height:1.3;
  font-weight:800;
}

.jakman-footer-heading:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:32px;
  height:2px;
  border-radius:4px;
  background:var(--jakman-primary)!important;
}

/* Journal links */
.jakman-footer-nav{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.jakman-footer-nav li{
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.jakman-footer-nav li:last-child{border-bottom:0;}

.jakman-footer-nav a{
  position:relative;
  display:block!important;
  padding:8px 18px 8px 0!important;
  color:#D1E1E2!important;
  background:transparent!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  font-weight:600!important;
}

.jakman-footer-nav a:after{
  content:"›";
  position:absolute;
  right:2px;
  top:6px;
  color:var(--jakman-primary)!important;
  font-size:17px;
  line-height:1;
}

.jakman-footer-nav a:hover{
  padding-left:4px!important;
  color:#FFFFFF!important;
}

/* Editorial office */
.jakman-footer-publisher{
  margin:0 0 9px;
  color:#FFFFFF!important;
  font-size:13.5px;
  line-height:1.45;
  font-weight:800;
}

.jakman-footer-address{
  margin:0 0 14px;
  color:#C5D8DA!important;
  font-size:12.5px;
  line-height:1.68;
}

.jakman-footer-email-label{
  display:block;
  margin:0 0 6px;
  color:#93B0B3!important;
  font-size:10.5px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.6px;
  text-transform:uppercase;
}

.jakman-footer-email{
  display:inline-block!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid rgba(16,236,229,.35)!important;
  border-radius:6px!important;
  background:rgba(16,236,229,.06)!important;
  color:#72FFF9!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:700!important;
}

.jakman-footer-email:hover{
  border-color:var(--jakman-primary)!important;
  background:var(--jakman-primary)!important;
  color:#052F35!important;
}

/* Information strip */
.jakman-footer-meta{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:7px 22px;
  width:100%;
  margin:0 0 17px;
  padding:13px 0;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}

.jakman-footer-meta-item{
  display:inline-flex;
  align-items:center;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent!important;
  color:#AEC4C6!important;
  font-size:11.5px;
  line-height:1.45;
}

.jakman-footer-meta-item strong{
  margin-right:5px;
  color:#FFFFFF!important;
  font-weight:700;
}

/* Copyright */
.jakman-footer-bottom-new{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:100%;
  margin:0;
  padding:0;
  color:#96B0B3!important;
  font-size:11px;
  line-height:1.55;
}

.jakman-footer-bottom-new strong{
  color:#DCEBEC!important;
  font-weight:700;
}

.jakman-footer-schedule{
  margin-left:auto;
  text-align:right;
}

.jakman-footer-schedule strong{color:#72FFF9!important;}

/* 4. Native OJS/PKP brand: separate, small row below custom footer */
.pkp_structure_footer .pkp_brand_footer,
.pkp_brand_footer{
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:18px 0 0!important;
  padding:14px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:transparent!important;
  text-align:right!important;
  opacity:.42!important;
  filter:none!important;
}

.pkp_structure_footer .pkp_brand_footer a,
.pkp_brand_footer a{
  display:inline-block!important;
  float:none!important;
  width:auto!important;
  max-width:100px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

.pkp_structure_footer .pkp_brand_footer img,
.pkp_brand_footer img{
  display:block!important;
  width:auto!important;
  max-width:100px!important;
  max-height:45px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  filter:grayscale(1) brightness(0) invert(1)!important;
}

/* Responsive */
@media(max-width:991px){
  .jakman-footer-main{
    grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);
    gap:32px;
  }
  .jakman-footer-office{grid-column:1 / -1;}
}

@media(max-width:767px){
  .pkp_structure_footer_wrapper > .pkp_structure_footer,
  .pkp_structure_footer{
    padding:30px 18px 18px!important;
  }
  .jakman-footer-main{
    grid-template-columns:1fr;
    gap:28px;
    padding-bottom:23px;
  }
  .jakman-footer-office{grid-column:auto;}
  .jakman-footer-name{font-size:25px;}
  .jakman-footer-title{font-size:14px;}
  .jakman-footer-desc{font-size:12.5px;}
  .jakman-footer-meta{gap:7px 16px;}
  .jakman-footer-bottom-new{display:block;}
  .jakman-footer-schedule{
    margin:6px 0 0;
    text-align:left;
  }
  .pkp_structure_footer .pkp_brand_footer,
  .pkp_brand_footer{text-align:left!important;}
}

/* ==========================================================
   JAKMAN FOOTER — FINAL OVERRIDE
   Untuk HTML footer yang SAAT INI digunakan
   ========================================================== */

/* BACKGROUND SELURUH AREA FOOTER */
footer,
.footer,
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    background-color:#052F35 !important;
    background-image:
        linear-gradient(120deg,#041F24 0%,#052F35 55%,#06464C 100%) !important;
    color:#D8E7E8 !important;
}

/* CONTAINER FOOTER */
.pkp_structure_footer {
    max-width:1260px !important;
    margin:0 auto !important;
    padding:38px 24px 22px !important;
    border-top:4px solid #10ECE5 !important;
}

/* PAGE FOOTER CONTENT */
.pkp_footer_content {
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
}

/* ==========================================================
   JAKMAN CUSTOM FOOTER
   ========================================================== */

.jakman-footer {
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    color:#D8E7E8 !important;
}

/* 3 KOLOM */
.jakman-footer-main {
    display:grid !important;
    grid-template-columns:
        minmax(0,1.45fr)
        minmax(190px,.70fr)
        minmax(0,1fr) !important;
    gap:52px !important;
    width:100% !important;
    align-items:start !important;
}

/* KOLOM IDENTITAS */
.jakman-footer-kicker {
    display:inline-block !important;
    margin:0 0 9px !important;
    color:#10ECE5 !important;
    font-size:11px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    letter-spacing:1.1px !important;
    text-transform:uppercase !important;
}

.jakman-footer-name {
    margin:0 0 8px !important;
    color:#FFFFFF !important;
    font-size:28px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
}

.jakman-footer-journal-title {
    max-width:470px !important;
    margin:0 0 14px !important;
    color:#FFFFFF !important;
    font-size:14px !important;
    line-height:1.55 !important;
    font-weight:700 !important;
}

.jakman-footer-line {
    display:block !important;
    width:48px !important;
    height:3px !important;
    margin:0 0 16px !important;
    border-radius:4px !important;
    background:#10ECE5 !important;
}

.jakman-footer-description {
    max-width:500px !important;
    margin:0 !important;
    color:#C3D6D8 !important;
    font-size:13px !important;
    line-height:1.75 !important;
}

/* JUDUL KOLOM */
.jakman-footer-heading {
    position:relative !important;
    margin:2px 0 14px !important;
    padding:0 0 10px !important;
    color:#FFFFFF !important;
    font-size:14px !important;
    line-height:1.4 !important;
    font-weight:800 !important;
}

.jakman-footer-heading:after {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    width:34px !important;
    height:2px !important;
    border-radius:4px !important;
    background:#10ECE5 !important;
}

/* MENU */
.jakman-footer-links {
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.jakman-footer-links li {
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.jakman-footer-links li:last-child {
    border-bottom:0 !important;
}

.jakman-footer-links li::marker {
    content:"" !important;
}

.jakman-footer-links a {
    position:relative !important;
    display:block !important;
    padding:8px 18px 8px 0 !important;
    color:#C8DADB !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
    text-decoration:none !important;
}

.jakman-footer-links a:after {
    content:"›" !important;
    position:absolute !important;
    right:1px !important;
    top:6px !important;
    color:#10ECE5 !important;
    font-size:18px !important;
}

.jakman-footer-links a:hover {
    color:#FFFFFF !important;
}

/* EDITORIAL OFFICE */
.jakman-footer-publisher {
    margin:0 0 9px !important;
    color:#FFFFFF !important;
    font-size:13.5px !important;
    line-height:1.5 !important;
    font-weight:800 !important;
}

.jakman-footer-address {
    margin:0 0 14px !important;
    color:#BDD0D2 !important;
    font-size:12.5px !important;
    line-height:1.7 !important;
}

.jakman-footer-email {
    display:inline-block !important;
    padding:8px 12px !important;
    border:1px solid rgba(16,236,229,.45) !important;
    border-radius:6px !important;
    background:rgba(16,236,229,.07) !important;
    color:#67FFF8 !important;
    font-size:12.5px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

/* ==========================================================
   JOURNAL INFORMATION
   ========================================================== */

.jakman-footer-info {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px 28px !important;
    width:100% !important;
    margin:30px 0 0 !important;
    padding:15px 0 !important;
    border-top:1px solid rgba(255,255,255,.11) !important;
    border-bottom:1px solid rgba(255,255,255,.11) !important;
}

.jakman-footer-info-item {
    margin:0 !important;
    color:#AFC5C7 !important;
    font-size:11.5px !important;
    line-height:1.5 !important;
}

.jakman-footer-info-item strong {
    margin-right:4px !important;
    color:#FFFFFF !important;
    font-weight:700 !important;
}

/* ==========================================================
   COPYRIGHT
   ========================================================== */

.jakman-footer-bottom {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:25px !important;
    width:100% !important;
    margin:0 !important;
    padding:17px 0 0 !important;
    border:0 !important;
    color:#91AAAD !important;
    font-size:11.5px !important;
    line-height:1.55 !important;
}

.jakman-footer-bottom strong {
    color:#DCE9EA !important;
}

/* ==========================================================
   LOGO OJS / PKP
   jangan menjadi kolom besar
   ========================================================== */

.pkp_brand_footer {
    display:block !important;
    float:none !important;
    clear:both !important;
    width:100% !important;
    max-width:100% !important;
    margin:18px 0 0 !important;
    padding:13px 0 0 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    background:transparent !important;
    text-align:right !important;
    opacity:.45 !important;
}

.pkp_brand_footer a {
    display:inline-block !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
}

.pkp_brand_footer img {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:90px !important;
    max-height:42px !important;
    margin:0 !important;
    filter:grayscale(1) brightness(0) invert(1) !important;
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:767px) {

    .pkp_structure_footer {
        padding:30px 18px 20px !important;
    }

    .jakman-footer-main {
        grid-template-columns:1fr !important;
        gap:28px !important;
    }

    .jakman-footer-name {
        font-size:25px !important;
    }

    .jakman-footer-bottom {
        display:block !important;
    }

    .jakman-footer-bottom > span {
        display:block !important;
    }

    .jakman-footer-bottom > span + span {
        margin-top:5px !important;
    }

    .pkp_brand_footer {
        text-align:left !important;
    }
}

/* =========================================================
   JAKMAN FOOTER — SIMPLE 3 COLUMN
   ========================================================= */

.jakman-footer-simple{
    display:grid !important;
    grid-template-columns:
        minmax(0,1.25fr)
        minmax(240px,.85fr)
        minmax(300px,1fr) !important;
    gap:50px !important;
    align-items:start !important;
    width:100% !important;
}

/* MAP */
.jakman-footer-map{
    width:100% !important;
    overflow:hidden !important;
    border:1px solid rgba(16,236,229,.20) !important;
    border-radius:8px !important;
    background:#062F35 !important;
}

.jakman-footer-map iframe{
    display:block !important;
    width:100% !important;
    height:170px !important;
    margin:0 !important;
    border:0 !important;
    opacity:.92 !important;
}

.jakman-footer-map-caption{
    margin-top:8px !important;
    color:#91AAAD !important;
    font-size:11px !important;
    line-height:1.5 !important;
}

/* BOTTOM */
.jakman-footer-bottom-simple{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:25px !important;
    margin-top:30px !important;
    padding-top:17px !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
    color:#91AAAD !important;
    font-size:11.5px !important;
    line-height:1.55 !important;
}

.jakman-footer-bottom-simple strong{
    color:#DCE9EA !important;
}

/* MOBILE */
@media(max-width:900px){

    .jakman-footer-simple{
        grid-template-columns:1fr 1fr !important;
        gap:32px !important;
    }

    .jakman-footer-location{
        grid-column:1 / -1 !important;
    }
}

@media(max-width:600px){

    .jakman-footer-simple{
        grid-template-columns:1fr !important;
        gap:28px !important;
    }

    .jakman-footer-location{
        grid-column:auto !important;
    }

    .jakman-footer-bottom-simple{
        display:block !important;
    }

    .jakman-footer-bottom-simple > span{
        display:block !important;
    }

    .jakman-footer-bottom-simple > span + span{
        margin-top:5px !important;
    }
}

/* ======================================================================
   JAKMAN — HOMEPAGE BANNER FULL WIDTH
   Full left-right inside main content panel
   SAFE: does not change sidebar structure
   ====================================================================== */

.page_index_journal .homepage_image{
    width:calc(100% + 56px)!important;
    max-width:none!important;
    margin-top:-28px!important;
    margin-left:-28px!important;
    margin-right:-28px!important;
    margin-bottom:28px!important;
    padding:0!important;

    overflow:hidden!important;
    border-radius:14px 14px 0 0!important;

    line-height:0!important;
    background:#062F35!important;
}

/* Image must completely fill the banner area */
.page_index_journal .homepage_image img{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}


/* ==========================================================
   TABLET
   Homepage padding becomes 28px, so keep same breakout
   ========================================================== */
@media(max-width:991px){

    .page_index_journal .homepage_image{
        width:calc(100% + 56px)!important;
        margin-left:-28px!important;
        margin-right:-28px!important;
    }

}


/* ==========================================================
   MOBILE
   Existing JAKMAN CSS changes page padding to 19px
   ========================================================== */
@media(max-width:767px){

    .page_index_journal .homepage_image{
        width:calc(100% + 38px)!important;
        max-width:none!important;

        margin-top:-19px!important;
        margin-left:-19px!important;
        margin-right:-19px!important;
        margin-bottom:22px!important;

        border-radius:11px 11px 0 0!important;
    }

    .page_index_journal .homepage_image img{
        width:100%!important;
        height:auto!important;
    }

}

/* ======================================================================
   JAKMAN — HEADER BANNER TRUE FULL WIDTH
   Banner memenuhi sisi kiri dan kanan area header
   ====================================================================== */

/* Hilangkan padding kiri-kanan bawaan area header */
#headerNavigationContainer .navbar-header{
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:0!important;
}

/* Site-name tidak lagi dibatasi 1260px */
#headerNavigationContainer .site-name{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

/* Label ACADEMIC JOURNAL tetap diberi jarak */
#headerNavigationContainer .site-name:before{
    display:block!important;
    margin:0!important;
    padding:
        30px
        max(32px,calc((100% - 1260px)/2))
        10px!important;
}

/* Banner/link brand memenuhi seluruh lebar header */
#headerNavigationContainer .site-name .navbar-brand,
#headerNavigationContainer .navbar-brand{
    display:block!important;
    float:none!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    line-height:0!important;
}

/* Gambar banner benar-benar memenuhi container */
#headerNavigationContainer .navbar-brand img,
#headerNavigationContainer .site-name img{
    display:block!important;

    width:100%!important;
    max-width:none!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

/* Garis turquoise kecil tetap rapi */
#headerNavigationContainer .site-name:after{
    margin-left:max(32px,calc((100% - 1260px)/2))!important;
    margin-top:14px!important;
    margin-bottom:14px!important;
}


/* ==========================================================
   TABLET
   ========================================================== */
@media(max-width:991px){

    #headerNavigationContainer .navbar-header{
        padding-left:0!important;
        padding-right:0!important;
        padding-bottom:0!important;
    }

    #headerNavigationContainer .site-name:before{
        padding:24px 24px 10px!important;
    }

    #headerNavigationContainer .site-name:after{
        margin-left:24px!important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */
@media(max-width:767px){

    #headerNavigationContainer .navbar-header{
        min-height:0!important;
        padding:0!important;
    }

    #headerNavigationContainer .site-name{
        width:100%!important;
        max-width:none!important;
    }

    #headerNavigationContainer .site-name:before{
        padding:18px 14px 9px!important;
        font-size:8.5px!important;
    }

    #headerNavigationContainer .site-name .navbar-brand,
    #headerNavigationContainer .navbar-brand{
        width:100%!important;
        max-width:none!important;
        padding:0!important;
    }

    #headerNavigationContainer .navbar-brand img,
    #headerNavigationContainer .site-name img{
        width:100%!important;
        max-width:none!important;
        height:auto!important;
    }

    #headerNavigationContainer .site-name:after{
        margin-left:14px!important;
        margin-top:10px!important;
        margin-bottom:10px!important;
    }

}

/* ======================================================================
   JAKMAN — REDUCE TOP SPACE ABOVE HEADER BANNER
   ====================================================================== */

/* Hilangkan ruang kosong berlebih di bagian atas header */
#headerNavigationContainer .navbar-header{
    padding-top:0!important;
}

/* Dekatkan label Academic Journal ke bar atas */
#headerNavigationContainer .site-name:before{
    padding-top:10px!important;
    padding-bottom:8px!important;
}


/* TABLET */
@media(max-width:991px){

    #headerNavigationContainer .navbar-header{
        padding-top:0!important;
    }

    #headerNavigationContainer .site-name:before{
        padding-top:9px!important;
        padding-bottom:8px!important;
    }

}


/* MOBILE */
@media(max-width:767px){

    #headerNavigationContainer .navbar-header{
        padding-top:0!important;
    }

    #headerNavigationContainer .site-name:before{
        padding-top:8px!important;
        padding-bottom:7px!important;
    }

}

/* ======================================================================
   JAKMAN — HOMEPAGE COVER + DESCRIPTION
   FINAL BOOTSTRAP3 OJS
   ====================================================================== */

@media(min-width:768px){

    .page_index_journal{
        display:grid!important;
        grid-template-columns:38% 1fr!important;
        column-gap:28px!important;
        align-items:start!important;
    }

    .page_index_journal > .homepage-image{
        grid-column:1!important;
        grid-row:1!important;

        width:100%!important;
        max-width:350px!important;

        margin:0!important;
        padding:0!important;

        float:none!important;
        clear:none!important;

        overflow:hidden!important;
        border-radius:10px!important;

        box-shadow:0 10px 24px rgba(6,47,53,.12)!important;
    }

    .page_index_journal > .homepage-image img{
        display:block!important;

        width:100%!important;
        max-width:100%!important;
        height:auto!important;

        margin:0!important;
        padding:0!important;

        border-radius:10px!important;
    }

    .page_index_journal > .journal-description{
        grid-column:2!important;
        grid-row:1!important;

        width:100%!important;
        max-width:none!important;

        margin:0!important;
        padding:0!important;

        float:none!important;
        clear:none!important;

        color:#405B60!important;
        font-size:14px!important;
        line-height:1.72!important;
    }

    .page_index_journal > .journal-description p{
        margin-top:0!important;
        margin-bottom:12px!important;

        color:#405B60!important;
        font-size:14px!important;
        line-height:1.72!important;
    }

    .page_index_journal > .journal-description strong{
        color:#17383D!important;
        font-weight:700!important;
    }

    .page_index_journal > .journal-description a{
        color:#087E80!important;
        font-weight:600!important;
    }

    /* bagian lain homepage turun ke bawah dua kolom */
    .page_index_journal > .current_issue,
    .page_index_journal > .cmp_announcements,
    .page_index_journal > .additional_content{
        grid-column:1 / -1!important;
        width:100%!important;
    }

}


/* MOBILE */
@media(max-width:767px){

    .page_index_journal{
        display:block!important;
    }

    .page_index_journal > .homepage-image{
        width:100%!important;
        max-width:360px!important;

        margin:0 auto 22px!important;
    }

    .page_index_journal > .homepage-image img{
        width:100%!important;
        height:auto!important;
    }

    .page_index_journal > .journal-description{
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }

}

/* ========================== END JAKMAN ========================== */