/* =================================================
   FIX OJS LAYOUT & CLEAR FLOAT
   ================================================= */
.pkp_structure_footer_wrapper,
.asro-footer{
  width:100%;
  position:relative;
  z-index:1;
  clear:both;
}

.pkp_structure_main::after{
  content:"";
  display:block;
  clear:both;
}

.pkp_structure_content{
  overflow:visible !important;
}

.pkp_structure_sidebar{
  position:relative !important;
}

/* =================================================
   FIX PKP FOOTER CONTENT (HILANGKAN BATAS WIDTH)
   ================================================= */
.pkp_footer_content{
  float:none !important;
  width:100% !important;
  max-width:100% !important;
  padding:10px 0 !important;
  margin:0 !important;
  background:#f5f6f8;
  border-top:1px solid #e5e7eb;
  font-size:14px;
  color:#374151;
}

.pkp_brand_footer a{
  float:right;
  display:block;
  max-width:0;
}

/* =================================================
   HEADER OJS
   ================================================= */
.pkp_structure_head{
  background-image:url(https://i.ibb.co/7vv0crB/Header-3-01.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.pkp_navigation_user>li>a,
.pkp_navigation_user>li.in_focus>a,
.pkp_navigation_user>li>a:hover,
.pkp_navigation_user>li>a:focus{
  color:#ffffff;
}

.pkp_site_name .is_img img{
  display:block;
  max-height:80px;
  max-width:100%;
  width:auto;
  height:auto;
}

/* =================================================
   BODY BACKGROUND
   ================================================= */
body{
  background-image:url(https://i.ibb.co/s9RmR88/background1.jpg);
  background-repeat:repeat;
  background-attachment:scroll;
  background-position:0 0;
}

/* =================================================
   ASRO SIDEBAR
   ================================================= */
.asro-sidebar{
  background:#0a1b2e;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
  margin-bottom:20px;
}

.asro-sidebar-header{
  background:linear-gradient(135deg,#0b5ed7,#00c2ff);
  text-align:center;
  padding:22px 14px;
  color:#ffffff;
}

.asro-sidebar-header img{
  max-width:80px;
  height:auto;
  margin-bottom:10px;
}

.asro-sidebar-title{
  font-size:15px;
  font-weight:800;
}

.asro-sidebar-sub{
  font-size:11px;
  opacity:.85;
}

.asro-menu-group{
  padding:10px;
}

.asro-item{
  display:flex;
  align-items:center;
  gap:12px;
  background:rgba(255,255,255,.05);
  margin-bottom:8px;
  padding:12px 14px;
  border-radius:12px;
  color:#eaf4ff;
  text-decoration:none;
  font-weight:600;
  transition:.25s ease;
}

.asro-item i{
  color:#00c2ff;
  min-width:18px;
}

.asro-item:hover{
  background:rgba(0,194,255,.18);
  transform:translateX(4px);
  color:#00c2ff;
}

/* =================================================
   ASROSAINTEK FOOTER
   ================================================= */
.asro-footer{
  background:#f5f6f8;
  border-top:1px solid #e5e7eb;
  margin-top:40px;
  font-size:14px;
  color:#374151;
}

.asro-footer-inner{
  max-width:1200px;
  margin:auto;
  padding:40px 20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  box-sizing:border-box;
}

.asro-footer-col{
  line-height:1.7;
}

.asro-footer-title{
  font-size:15px;
  font-weight:700;
  margin-bottom:12px;
  color:#111827;
}

.asro-footer-menu{
  list-style:none;
  padding:0;
  margin:0;
}

.asro-footer-menu li{
  margin-bottom:8px;
}

.asro-footer-menu a{
  color:#1f2937;
  text-decoration:none;
}

.asro-footer-menu a:hover{
  color:#0b5ed7;
}

.asro-footer-contact{
  margin-top:12px;
  font-size:13px;
  color:#4b5563;
}

.asro-footer-bottom{
  text-align:center;
  padding:14px 10px;
  background:#eef0f3;
  font-size:13px;
  border-top:1px solid #e5e7eb;
}

/* =================================================
   ISSUE COVER
   ================================================= */
.obj_issue_toc .cover img{
  display:block;
  max-height:400px;
  width:auto;
  margin-left:inherit;
}

/* =================================================
   LEFT MENU
   ================================================= */
#leftmenu li a{
  text-decoration:none;
  border-top:1px solid #ffffff;
  color:#000000;
  display:block;
  background-color:#e0e0e0;
  padding:10px;
}

/* =================================================
   RESPONSIVE
   ================================================= */
@media (max-width:900px){
  .asro-footer-inner{
    grid-template-columns:1fr;
    text-align:center;
    gap:24px;
  }
}

@media (max-width:768px){
  .asro-sidebar{
    border-radius:14px;
  }
}