/* ========================================= */
/* 0. GLOBAL STYLING & CORE LAYOUT FIXES     */
/* ========================================= */

html,
body {
  font-size: 16px;
}

/* Menghilangkan garis vertikal di layout utama */
.pkp_structure_main::before,
.pkp_structure_main::after {
  display: none !important;
}

/* Menghilangkan garis horizontal di daftar isi (TOC) pada mode desktop/tablet */
@media (min-width: 768px) {
    .obj_issue_toc .galleys:before,
    .obj_issue_toc .section:before {
        display: none !important; 
    }
}

/* 1. PERBAIKAN ALIGNMENT KONTEN UTAMA */

/* Perbaikan Horizontal Alignment (Sejajar dengan Header/Navigasi) */
@media (min-width: 992px) {
    /* Menghilangkan padding pada kontainer utama agar sejajar tepi */
    .pkp_structure_content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .pkp_structure_main {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Perbaikan Vertical Alignment (Sejajar dengan Sidebar) & Tabrakan Konten */
.pkp_structure_main {
    /* Menghilangkan padding top bawaan OJS agar sejajar dengan sidebar */
    padding-top: 0 !important;
    padding-bottom: 30px; /* Jarak dari footer */
}
/* Jika heading tidak berada langsung di bawah .pkp_structure_main, 
   tapi dibungkus oleh div, kita perlu menargetkan heading yang berada di awal konten */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
    /* Menargetkan heading di halaman Daftar Isi yang mungkin menyebabkan masalah */
    margin-top: 0 !important;
}

/* ========================================= */
/* 1. HEADER STYLING (DIREVISI: Hapus Gradient) */
/* ========================================= */

.pkp_structure_head {
    border-bottom: none;
}

/* ========================================= */
/* 2. FOOTER STYLING (DIREVISI: Hapus Gradient) */
/* ========================================= */

.pkp_structure_footer {
    background: none !important; /* Menghapus background gradient */
    color: inherit !important;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
}

/* Menargetkan kontainer di dalam footer untuk meniru alignment konten utama */
.pkp_structure_footer .pkp_block_footer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem; /* Memberikan padding horizontal agar konten tidak menempel tepi */
    padding-right: 1.5rem;
}

/* Mengembalikan warna tautan footer ke default (biasanya gelap) */
.pkp_structure_footer a {
    color: inherit !important; 
    text-decoration: none;
}
.pkp_structure_footer a:hover {
    color: #3b7ac8 !important;
}
.pkp_footer_content {
  padding: 2.5rem 0;
}
.pkp_footer_content .row {
  display: flex;
  margin-top: 24px;
}
@media (min-width: 320px) and (max-width: 767.5px) {
  .pkp_footer_content .row {
    display: block;
  }
}
.pkp_footer_content .col-md-4 {
  width: 33.33333333%;
  padding-right: 14px
}
.pkp_footer_content .col-md-8 {
  width: 66.66666667%;
}
.pkp_footer_content a {
  color: #fff; /* Diubah menjadi putih untuk background gradient */
  text-decoration: none;
  position: relative;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 767.5px) {
  .pkp_footer_content .col-md-4,
  .pkp_footer_content .col-md-8 {
    width: 100%;
    padding-right: 0;
    padding-bottom: 14px;
  }
}
img.logo-publisher {
  max-width: 75%;
}
a.link-footer {
  color: #fff;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
a.link-footer::after {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  bottom: -2px;
  left: 0;
  background-color: #fff;
  transition: width 0.3s ease;
}
a.link-footer:hover {
  color: #f0f0f0;
}
a.link-footer:hover::after {
  width: 100%;
}
.ccLicense {
  width: 20px;
}

/* ========================================= */
/* 3. SIDEBAR BLOCK STYLING (Kartu & Ikon)   */
/* ========================================= */

/* Styling Kontainer Blok Sidebar (Warna background & Radius) */
.block_language,
#customblock-journal-policies,
#customblock-submission,
#customblock-journal-information {
  background-color: #f0f8ff;
  border-radius: 8px;
  margin-bottom: 14px;
  overflow: hidden;
}
.pkp_block {
  font-size: .875rem;
}
@media (min-width: 992px) {
  .pkp_navigation_primary,
  .pkp_search,
  .pkp_navigation_user {
    font-size: .875rem;
  }
  .pkp_block {
    padding: 14px;
  }
}

/* Header Blok Sidebar */
.pkp_block .title,
#customblock-journal-policies h2.block_header,
#customblock-submission h2.block_header,
#customblock-journal-information h2.block_header {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  color: #333;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 7px;
  font-size: .875rem;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #D0E3F8;
}

/* Konten Blok Sidebar (Daftar Tautan) */
#customblock-journal-policies .content ul,
#customblock-submission .content ul,
#customblock-journal-information .content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Item Daftar */
.block_language .content ul li,
#customblock-journal-policies .content ul li,
#customblock-submission .content ul li,
#customblock-journal-information .content ul li {
  border-bottom: 1px solid #D0E3F8;
  padding: 7px 0;
  margin: 0;
}

/* Tautan sebagai Tombol (Menggunakan Flexbox untuk Ikon) */
.block_language .content ul li a,
#customblock-journal-policies .content ul li a,
#customblock-submission .content ul li a,
#customblock-journal-information .content ul li a {
  display: flex;
  align-items: center;
  padding: 8px 14px !important;
  line-height: normal;
  margin: 0;
  background-color: transparent;
  color: #333;
  text-decoration: none;
  font-weight: 400;
  transition: background-color 0.2s ease;
  border-radius: 4px;
}
.menu-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  object-fit: contain;
}
/* Mengatur ukuran font teks */
.block_language .content ul li a span,
#customblock-journal-policies .content ul li a span,
#customblock-submission .content ul li a span,
#customblock-journal-information .content ul li a span {
    font-size: 0.875rem;
    line-height: normal;
}
/* Efek Hover */
.block_language .content ul li a:hover,
#customblock-journal-policies .content ul li a:hover,
#customblock-submission .content ul li a:hover,
#customblock-journal-information .content ul li a:hover {
  background-color: #D0E3F8;
}

/* ========================================= */
/* 4. LAIN-LAIN (Dari styleSheet-12.css)     */
/* ========================================= */

/* Section Heading */
h4.section-heading {
  margin-bottom: .5rem;
}
/* Logo Container (Grid) */
.logo-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 20px;
  padding: 20px;
  background: #ffffff;
  border: solid 2px #2d3341;
}
/* Logo Style */
.logo {
  max-width: 100%;
  height: auto;
  max-height: 50px;
  object-fit: contain;
}
img.logo {
  filter: grayscale(100%);
  transition: filter 0.5s;
}
img.logo:hover {
  filter: grayscale(0%);
}