.pkp_structure_head {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.pkp_site_name {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pkp_site_name > a {
  padding-top: 0;
  padding-bottom: 0;
}
.pkp_site_name .is_img img {
  max-height: 200px !important;
}
.pkp_site_name_wrapper {
  padding-left: 0;
  padding-right: 0;
  Width: 100%; /* tambahan baru */
}
.pkp_navigation_user_wrapper {
  width: 100%; /* Lebar 100% dari kontainer induk */
  max-width: 1200px;
  margin: 0 auto;
  top: 0;
  right: 0;
  padding-right: 10px;
}
.pkp_structure_page {
  margin-top: 20px !important;
  margin-bottom: 20 !important;
  padding-bottom: 20 !important;
}
.pkp_navigation_primary > li > a:hover {
  color: rgba(180, 18, 18, 0.84);
  outline: 0;
  border-color: rgba(180, 18, 18, 0.84);
}
.pkp_navigation_primary > li > a {
  color: rgba(255, 255, 255, 0.84);
  font-weight: bold;
}

.pkp_navigation_primary_wrapper {
  padding-left: 30px;
  padding-right: 10px;
  background: #6e883f;
}
.pkp_footer_content {
  float: left;
  width: 70%;
  padding-top: 10px;
  padding-bottom:10px;
}
.pkp_brand_footer {
  float: right;
  width: 30%;
  padding-bottom:10px;
  padding-top: 50px;
}
.pkp_structure_footer_wrapper {
  background: rgba(0,0,0,0.05);
  border-top: 1px solid #ddd;
    border-bottom-width: 1.43rem;
    border-bottom-style: solid;
    border-bottom-color: #6e883f;
}
@media (min-width: 992px) {
  .pkp_navigation_user.pkp_navigation_user {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    font-weight: bold;
  }
}

/* Bigger, themed button for the sidebar Make a Submission block */
.pkp_block.block_makeSubmission .content a,
.block_makeSubmission .content a,
.block_makeSubmission a {
  display: block !important;
  background: none !important;              /* kill gradient */
  background-color: #6e883f !important;     /* match navbar green */
  color: #fff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 15px 25px !important;
  margin: 10px 0 !important;
  text-align: center !important;
  border-radius: 8px !important;
  border: none !important;                   /* remove grey border */
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
  transition: background-color .2s ease;
}

.pkp_block.block_makeSubmission .content a:hover,
.block_makeSubmission .content a:hover,
.block_makeSubmission a:hover {
  background-color: #556c30 !important;     /* darker on hover */
  color: #fff !important;
  text-decoration: none !important;
}

/* Resize and center the issue cover image */
.obj_issue_toc .cover img {
  max-width: 400px;   /* adjust width: try 300px, 350px, 400px */
  height: auto;
  margin: 0 auto;
  display: block;
}

/* Optional: shrink the surrounding box so it doesn't look too tall */
.obj_issue_toc .cover {
  max-width: 420px;   /* a little wider than the image */
  margin: 0 auto 20px auto;
}

/* === FIX: article representative images in issue TOC === */
.obj_article_summary img {
  max-width: 150px;
  height: auto;
  float: left;
  margin: 0 1rem 1rem 0;
}

/* === FIX article images in issue TOC === */
.obj_article_summary .cover {
  max-width: 300px;
  float: left;
  margin: 0 1rem 1rem 0;
}

.obj_article_summary .cover img {
  width: 100%;
  height: auto;
  display: block;
}

/* === FIX volume / issue cover layout === */
.obj_issue_toc .cover {
  max-width: 420px;
  margin: 20px auto;
  float: none;
  display: block;
  text-align: center;
}

.obj_issue_toc .cover img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* === FIX spacing & alignment in article list === */
.obj_article_summary {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
}

.obj_article_summary .cover {
  flex: 0 0 160px;   /* fixed thumbnail width */
  max-width: 160px;
  float: none;      /* disable float when using flex */
}

.obj_article_summary .cover img {
  width: 100%;
  height: auto;
  display: block;
}

.obj_article_summary .description {
  flex: 1;          /* text takes remaining space */
}