/* =========================
   HILANGKAN BRANDING OJS
========================= */
.pkp_brand_footer {
  display: none;
}

/* =========================
   HEADER
========================= */

header#headerNavigationContainer {
    background-color: #00000000;
}

.pkp_head_wrapper {
    background-color: #7f525200;
}

nav.pkp_site_nav_menu {
    background: #008acb00;
}

nav.pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
    background-color: #006798;
}


/* =========================
   TOOLS & SERVICES TITLE
========================= */
.pkp_block h3 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}

/* =========================
   DESKRIPSI
========================= */
.custom-description {
  text-align: center;
  font-size: 14px;
  color: #555;
  margin-bottom: 20px;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* =========================
   CARD GRID
========================= */
.custom-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 10px;
}

/* =========================
   CARD BOX
========================= */
.custom-cards .card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
  border: 1px solid #eee;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: 0.3s;
}

/* =========================
   IMAGE LOGO (FIX NO CROP)
========================= */
.custom-cards .card img {
  width: 100%;
  height: 120px;
  object-fit: contain; /* 🔥 penting */
  padding: 10px;
  background: #fff;
  display: block;
  margin: auto;
}

/* =========================
   TEXT
========================= */
.custom-cards .card p {
  padding: 12px;
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
}

/* =========================
   HOVER EFFECT
========================= */
.custom-cards .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}

/* =========================
   RESPONSIVE HP
========================= */
@media (max-width: 768px) {
  .custom-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .custom-cards .card img {
    height: 90px;
  }
}
/* =========================
   RESPONSIVE
========================= */
@media (max-width: 768px) {
  .custom-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .pkp_block .content img {
    width: 90px !important;
  }
}

/* =========================
   FOOTER
========================= */
.pkp_structure_footer_wrapper {
background-color: #01324b;
}

/* Lebarkan seluruh layout */
.pkp_structure_content {
    max-width: 1400px !important;
    margin: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Lebarkan main content */
.pkp_structure_main {
    max-width: 1400px !important;
}

/* Hilangkan batas sempit di homepage */
.page_index_journal {
    max-width: 100% !important;
}

/* Supaya section tidak kekunci */
.homepage_about,
.current_issue,
.additional_content {
    max-width: 100% !important;
}
/* Buka semua container utama */
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main {
    max-width: 1400px !important;
    width: 100% !important;
    margin: auto !important;
}

/* Hilangkan pembatas di homepage */
.page_index_journal {
    max-width: 100% !important;
    width: 100% !important;
}

/* Section homepage full width */
.homepage_about,
.current_issue,
.additional_content {
    max-width: 100% !important;
    width: 100% !important;
}

/* Tambah ruang kiri kanan (Springer feel) */
.pkp_structure_content {
    padding-left: 40px !important;
    padding-right: 40px !important;
}
.pkp_structure_page {
    max-width: 100% !important;
}

/* Hilangkan semua batas container */
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main,
.page {
    max-width: 100% !important;
    width: 100% !important;
}

/* Hapus garis kiri kanan */
.pkp_structure_main:before,
.pkp_structure_main:after {
    display: none !important;
}

/* Full width homepage */
.page_index_journal {
    width: 100% !important;
    max-width: 100% !important;
}

/* Tambahkan padding biar tidak nempel */
.pkp_structure_content {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.pkp_structure_content {
    max-width: 1400px !important;
    margin: auto;
}

/* Paksa semua paragraf jadi justify */
p {
    text-align: justify !important;
}

/* Khusus homepage about */
.homepage_about p {
    text-align: justify !important;
}

/* Artikel dan konten */
.obj_article_summary p,
.article_details p {
    text-align: justify !important;
}

/* Biar spasi lebih rapi */
p {
    line-height: 1.8;
}

/* CARD CONTAINER */
.obj_article_summary {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 18px 20px;
    margin-bottom: 20px;
    transition: all 0.2s ease;
}

/* HOVER EFFECT */
.obj_article_summary:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

/* JUDUL */
.obj_article_summary .title a {
    font-size: 17px;
    font-weight: 600;
    color: #1a4b7a;
    text-decoration: none;
    line-height: 1.4;
}

/* HOVER JUDUL */
.obj_article_summary .title a:hover {
    text-decoration: underline;
}

/* AUTHOR */
.obj_article_summary .meta {
    font-size: 13px;
    color: #555;
    margin-top: 6px;
}

/* PDF BUTTON */
.obj_article_summary .galley_links a {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 14px;
    border: 1px solid #1a4b7a;
    border-radius: 6px;
    font-size: 13px;
    color: #1a4b7a;
    text-decoration: none;
}

/* HOVER PDF */
.obj_article_summary .galley_links a:hover {
    background: #1a4b7a;
    color: #fff;
}

/* PAGE NUMBER */
.obj_article_summary .pages {
    float: right;
    font-size: 12px;
    color: #888;
}

/* CLEAR FLOAT */
.obj_article_summary::after {
    content: "";
    display: block;
    clear: both;
}

.obj_issue_toc {
    margin-top: 20px;
}

/* Desktop & umum */
.pkp_site_name_wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}